.editorial-banner{--editorial-base:#241831;--editorial-accent:#d7bcff;position:relative;isolation:isolate;display:block;margin:6px 0 34px;border-radius:16px;overflow:hidden;background:var(--editorial-base);color:#fff;contain:layout style}
.editorial-banner[data-theme=amber]{--editorial-base:#36201c;--editorial-accent:#ffd6a1}
.editorial-banner[data-theme=ocean]{--editorial-base:#15313a;--editorial-accent:#a7e7ef}
.editorial-banner>a{position:relative;display:flex;align-items:center;box-sizing:border-box;min-height:188px;padding:24px 30px;color:inherit;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
.editorial-banner>a:focus-visible{outline:3px solid #e1ccff;outline-offset:-4px;border-radius:16px}
.editorial-banner-art{position:absolute;z-index:-2;inset:0 0 0 35%;width:65%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 38%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%)}
.editorial-banner::after{content:"";pointer-events:none;position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--editorial-base) 0%,transparent 85%),linear-gradient(0deg,#08080c66,transparent 80%)}
.editorial-banner-copy{display:block;max-width:64%;position:relative}
.editorial-banner-kicker{display:flex;align-items:center;gap:10px;margin-bottom:10px;font:700 10px/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--editorial-accent)}
.editorial-banner-type{letter-spacing:.06em;padding:4px 7px;border:1px solid currentColor;border-radius:5px}
.editorial-banner h2{margin:0!important;font:750 clamp(21px,2vw,28px)/1.18 system-ui,sans-serif;letter-spacing:-.035em;max-width:660px;text-wrap:balance;color:#fff}
.editorial-banner-description{margin:9px 0 0!important;font:400 13px/1.4 system-ui,sans-serif;color:#f0eaf5;max-width:570px}
.editorial-banner-cta{display:inline-flex;align-items:center;gap:14px;margin-top:16px;font:700 12px/1.2 system-ui,sans-serif;color:#fff}
.editorial-banner-cta span:last-child{display:grid;place-items:center;width:24px;height:24px;background:#ffffff21;border:1px solid #ffffff45;border-radius:50%;transition:background .15s}
.editorial-banner>a:hover .editorial-banner-cta span:last-child{background:#ffffff40}
@media(min-width:1450px){.editorial-banner-copy{max-width:60%}.editorial-banner>a{min-height:184px}}
@media(max-width:800px){.editorial-banner>a{padding:22px;min-height:192px}.editorial-banner-copy{max-width:76%}.editorial-banner-art{inset-inline-start:25%;width:75%;opacity:.8}.editorial-banner::after{background:linear-gradient(90deg,var(--editorial-base),transparent 110%)}.editorial-banner-description{max-width:360px}}
@media(max-width:500px){.editorial-banner{margin-bottom:26px;border-radius:13px}.editorial-banner>a{padding:20px;min-height:188px}.editorial-banner-copy{max-width:94%}.editorial-banner h2{font-size:22px;max-width:310px}.editorial-banner-description{display:none}.editorial-banner-art{inset-inline-start:12%;width:88%;opacity:.53}.editorial-banner-cta{margin-top:18px}.editorial-banner-kicker{font-size:9px}}
@media(prefers-reduced-motion:reduce){.editorial-banner-cta span:last-child{transition:none}}
