.story-hero{position:relative;height:clamp(560px,calc(100svh - 112px),820px);overflow:hidden;background:#202920;border-radius:48px;isolation:isolate;margin-bottom:0;touch-action:pan-y;outline-offset:5px}
.story-hero-slides{position:absolute;inset:0}
.story-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .9s var(--ease),visibility 0s linear .9s}
.story-hero-slide.is-current{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .9s var(--ease),visibility 0s}
.story-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;user-select:none;pointer-events:none}
.story-hero-slide.is-current .story-hero-image{animation:story-hero-pan 14s ease-out forwards}
.story-hero-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0a161008 28%,#08151130 53%,#08100ede 100%),linear-gradient(90deg,#09140b28,transparent 65%)}
.story-hero-copy{position:absolute;left:24px;bottom:100px;width:min(410px,calc(100% - 48px));color:#fff;z-index:1}
.story-hero-copy p{font:400 16px/1.55 var(--sans);letter-spacing:-.015em;text-wrap:pretty;text-shadow:0 1px 12px #0002}
.story-hero-navigation{position:absolute;bottom:24px;left:24px;right:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;z-index:3}
.story-hero-tab{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:13px;min-width:0;min-height:48px;padding:8px 0 0;background:none;border-radius:0;color:#ffffff9e;text-align:left;font:500 13px/1.3 var(--sans);transition:color .25s;outline-offset:5px}
.story-hero-track{width:100%;height:3px;background:#ffffff52;border-radius:99px;position:relative;overflow:hidden;transition:background .4s var(--ease)}
.story-hero-tab.active{color:#fff}.story-hero-tab.active .story-hero-track{background:#fff}.story-hero-tab:hover{color:#fff}.story-hero-tab:hover .story-hero-track{background:#ffffffb3}
.story-hero-tab:focus-visible{outline:2px solid #fff}.story-hero-label{max-width:100%}
.hero-section>.intro{padding-top:60px}
@keyframes story-hero-pan{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(max-width:980px){.story-hero{height:clamp(560px,calc(100svh - 102px),760px)}.story-hero-copy{width:min(410px,calc(100% - 48px))}}
@media(max-width:700px){.story-hero{height:calc(100svh - 92px);min-height:530px;max-height:800px}.story-hero-copy{left:20px;bottom:106px;width:calc(100% - 40px);max-width:410px}.story-hero-copy p{font-size:16px;line-height:1.6}.story-hero-navigation{left:20px;right:20px;bottom:22px;gap:10px}.story-hero-tab{font-size:12px;gap:12px;min-height:48px}.story-hero-image{object-position:53% 45%}.story-hero-shade{background:linear-gradient(180deg,#06120b05 25%,#06120b38 48%,#08100eef 100%)}.hero-section>.intro{padding-top:40px}}
@media(max-width:380px){.story-hero{min-height:570px}.story-hero-copy{left:16px;bottom:110px;width:calc(100% - 32px)}.story-hero-navigation{left:16px;right:16px;gap:8px}.story-hero-tab{font-size:12px}}
@media(prefers-reduced-motion:reduce){.story-hero-slide,.story-hero-track{transition:none}.story-hero-slide.is-current .story-hero-image{animation:none}}
@media print{.story-hero{height:500px}.story-hero-slide.is-current .story-hero-image{animation:none}.story-hero-copy .text-reveal{opacity:1!important;filter:none!important;transform:none!important}}
.story-hero-track:after{content:'';position:absolute;inset:0;background:white;transform:scaleX(0);transform-origin:left;will-change:transform}
.story-hero-tab.active .story-hero-track{background:#ffffff52}.story-hero-tab.active .story-hero-track:after{transform:scaleX(var(--story-progress,0))}.story-hero-tab.completed .story-hero-track:after{transform:scaleX(1)}
.story-hero-arrow,.story-hero-pause{position:absolute;z-index:4;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #ffffff55;border-radius:50%;color:white;background:#ffffff14;backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s var(--ease),background .25s var(--ease);outline-offset:5px}
.story-hero-arrow{top:50%;transform:translateY(-50%)}.story-hero-arrow.prev{left:24px}.story-hero-arrow.next{right:24px}.story-hero-pause{top:24px;right:24px}
.story-hero:hover .story-hero-arrow,.story-hero:hover .story-hero-pause,.story-hero:focus-within .story-hero-arrow,.story-hero:focus-within .story-hero-pause{opacity:1;pointer-events:auto}
.story-hero-arrow:hover,.story-hero-pause:hover{background:#ffffff2b}.story-hero-arrow:focus-visible,.story-hero-pause:focus-visible{opacity:1;pointer-events:auto;outline:2px solid white}
.story-hero-pause .play-symbol{display:none}.story-hero-pause[aria-pressed=true] .pause-symbol{display:none}.story-hero-pause[aria-pressed=true] .play-symbol{display:block}
@media(hover:none){.story-hero-arrow,.story-hero-pause{opacity:1;pointer-events:auto}}
@media(max-width:700px){.story-hero-arrow,.story-hero-pause{width:44px;height:44px}.story-hero-arrow.prev{left:16px}.story-hero-arrow.next{right:16px}.story-hero-pause{top:20px;right:20px}}
@media(prefers-reduced-motion:reduce){.story-hero-arrow,.story-hero-pause{transition:none}}
@media print{.story-hero-arrow,.story-hero-pause{display:none}}

.story-copy-compact{display:none}
@media(max-width:700px){
 .story-hero{height:auto;min-height:0;max-height:none;aspect-ratio:1/1}
 .story-hero-copy{left:20px;bottom:88px;width:calc(100% - 40px)}
 .story-hero-copy p{font-size:14px;line-height:1.5;text-shadow:0 1px 10px #08100e80}
 .story-copy-full{display:none}.story-copy-compact{display:inline}
 .story-hero-navigation{left:20px;right:20px;bottom:18px;gap:8px}
 .story-hero-tab{font-size:11px;gap:10px;min-height:44px}
 .story-hero-arrow{top:32%}
 .story-hero-shade{background:linear-gradient(180deg,#08100e08 15%,#08100e45 42%,#08100ee8 85%,#08100ef5 100%)}
}
@media(max-width:380px){.story-hero-copy{left:16px;width:calc(100% - 32px)}.story-hero-navigation{left:16px;right:16px}}