.story-banner{position:relative;height:clamp(250px,23vw,360px);overflow:hidden;background:#101111;color:#fff;isolation:isolate}
.story-banner-slide{position:absolute;inset:0;opacity:0;transition:opacity .75s ease;pointer-events:none}.story-banner-slide.is-active{opacity:1;z-index:1}
.story-banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:grayscale(1) contrast(1.06) brightness(.94)}
.story-banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101111db 0%,#101111a6 30%,#10111125 59%,transparent 78%),linear-gradient(0deg,#10111180,transparent 28%)}
.story-banner-copy{position:absolute;left:4vw;top:50%;transform:translateY(-50%);width:52%;max-width:750px;padding:0 12px 35px 0;z-index:2}
.story-banner-kicker{color:var(--aqua);font-family:Manrope,Arial,sans-serif;font-size:clamp(9px,.8vw,12px);font-weight:400;line-height:1.6;letter-spacing:.19em;text-transform:uppercase;margin:0 0 12px;max-width:650px}
.story-banner-title{font-family:Manrope,Arial,sans-serif;font-size:clamp(26px,3.2vw,48px);line-height:1.12;letter-spacing:-.04em;font-weight:400;text-transform:none;margin:0;text-wrap:balance}.story-banner-title>span{display:block;color:var(--aqua);margin-top:3px}
.story-banner-hex{position:absolute;right:-58px;bottom:-100px;width:clamp(190px,22vw,320px);aspect-ratio:300/330;z-index:2;pointer-events:none}.story-banner-hex svg{width:100%;height:100%;overflow:visible}
.story-banner-controls{position:absolute;bottom:13px;left:4vw;display:flex;align-items:center;gap:9px;z-index:4}.story-banner-controls button{width:40px;height:40px;border:1px solid #ffffff65;border-radius:50%;color:#fff;background:#10111138;display:grid;place-items:center;padding:0;transition:background .2s}.story-banner-controls button:hover{background:#ffffff20}.story-banner-controls button:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}.story-banner-controls svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7}.story-banner-count{margin-left:6px;font-size:10px;letter-spacing:.1em;color:#ffffffcc;font-variant-numeric:tabular-nums}
.story-banner-lounge-heading{margin:0 0 18px;padding-top:55px;font-size:clamp(30px,3vw,44px)}.story-banner-lounge-subline{color:var(--muted);margin:0 0 24px}
@media(max-width:700px){.story-banner{height:240px}.story-banner-photo{object-position:65% center}.story-banner-shade{background:linear-gradient(90deg,#101111db,#1011118c 45%,#10111118 76%),linear-gradient(0deg,#10111190,transparent 27%)}.story-banner-copy{left:18px;width:57%;padding:0 0 37px}.story-banner-title{font-size:clamp(21px,5.7vw,30px);line-height:1.14}.story-banner-kicker{font-size:8px;line-height:1.55;letter-spacing:.12em;margin-bottom:9px}.story-banner-hex{width:165px;right:-70px;bottom:-83px;opacity:.8}.story-banner-controls{left:18px;bottom:10px;gap:8px}.story-banner-controls button{width:36px;height:36px}.story-banner-lounge-heading{padding-top:35px}.story-banner-lounge-subline{font-size:13px}}
@media(prefers-reduced-motion:reduce){.story-banner-slide{transition:none}}