.hero-carousel{min-width:0;width:100%;position:relative}
.hero-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-slides{display:grid;min-width:0}
.hero-slide{grid-area:1/1;min-height:480px;touch-action:pan-y}
.hero-slide[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
.hero-controls[hidden]{display:none!important}
.hero-carousel .hero-slide::before{background:linear-gradient(180deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.84) 24%,rgba(0,0,0,.88) 60%,#000 100%)}
.hero-story-copy h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(36px,3.5vw,48px);line-height:1.02;letter-spacing:0;font-weight:700;text-wrap:balance;max-width:22ch;color:#fff;margin:0}
.hero-slide .hero-story-copy{padding-bottom:78px}
.hero-controls{position:absolute;left:28px;right:28px;bottom:18px;display:flex;align-items:center;gap:12px;color:#fff;z-index:2}
.hero-controls button{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff60;background:#102030dd;color:#fff;cursor:pointer}
.hero-controls button:hover{background:#233a4e}
.hero-controls button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.hero-dots{display:flex;gap:2px}
.hero-dots button{width:36px;border:0;background:transparent}
.hero-dots span{width:8px;height:8px;border-radius:50%;background:#a4b3c1}
.hero-dots button[aria-pressed=true] span{width:22px;border-radius:5px;background:#8fffd0}
.hero-counter{font-size:13px;white-space:nowrap;margin-left:auto;font-variant-numeric:tabular-nums}
.hero-fallback{display:grid;gap:12px;padding:18px}
@media(max-width:540px){.hero-slide{min-height:480px}.hero-story-copy h2{font-size:30px;max-width:none}.hero-controls{left:20px;right:20px;gap:5px}.hero-dots button{width:30px}.hero-slide .hero-story-copy{padding-top:48px;padding-bottom:80px}.hero-story-kicker{gap:6px}}
@media(max-width:360px){.hero-controls{gap:2px}.hero-controls button{width:36px}.hero-dots button{width:24px}.hero-counter{font-size:12px}.hero-story-copy h2{font-size:28px}}
