.story-intro{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 89px);width:100%;padding:64px 0 28px;border-bottom:1px solid #1c455c;background:radial-gradient(ellipse at 78% 42%,#0c35434d,transparent 57%),radial-gradient(ellipse at 0% 0%,#12375433,transparent 52%),#030d17}
.story-intro:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.34;background-image:radial-gradient(1px 1px at 13% 21%,#b1e2ff,transparent),radial-gradient(1px 1px at 72% 14%,#b1e2ff,transparent),radial-gradient(1px 1px at 89% 79%,#b1e2ff,transparent),radial-gradient(1px 1px at 40% 82%,#b1e2ff,transparent);background-size:310px 290px}
.intro-layout{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);align-items:center;gap:64px}
.intro-copy .eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:24px}
.intro-copy h1{font-size:clamp(43px,4.55vw,68px);line-height:.99;letter-spacing:-.045em;color:#f0f8ff;text-shadow:0 0 32px #63d6ff14}
.intro-copy h1 span{color:var(--cyan)}
.intro-lead{font-size:21px;line-height:1.45;font-weight:500;color:#d0e6f3;margin-top:25px}
.intro-story{font-size:14px;line-height:1.85;color:#88a9bd;max-width:450px;margin-top:17px}
.intro-invitation{font-size:13px;color:#d3ecf5;margin-top:16px}
.intro-copy .actions{margin-top:27px;gap:22px;flex-wrap:wrap}
.intro-copy .button{font-size:11px;padding:14px 20px}
.intro-story-link{font-size:11px;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid #436579;padding:8px 0;color:#b6d4e5}
.intro-story-link span{color:var(--cyan)}
.intro-story-link:hover{color:var(--cyan);border-color:var(--cyan)}
.story-film{margin:0;min-width:0;background:#051622;border:1px solid #2b5f74;border-radius:12px;box-shadow:0 0 0 6px #16354522,0 24px 80px #0007;overflow:hidden}
.film-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid #26516b;font-size:9px;letter-spacing:.12em;color:#6e9eb6}
.film-topline>span:first-child{display:flex;align-items:center;gap:8px;color:#b3dfea}
.film-topline .signal-dot{width:5px;height:5px}
.story-film-screen{position:relative;aspect-ratio:16/9;background:#020910;overflow:hidden}
#story-video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
#story-video[hidden],.story-video-cover[hidden]{display:none}
.story-video-cover{position:absolute;inset:0;isolation:isolate}
.story-video-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-video-cover:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#020d1cd4,transparent 68%),linear-gradient(0deg,#020914b0,transparent 45%)}
.film-cover-caption{position:absolute;left:27px;top:28px;z-index:1;pointer-events:none;max-width:55%}
.film-cover-caption>span{display:block;font-size:7px;letter-spacing:.12em;color:#84b8ce;margin-bottom:13px}
.film-cover-caption strong{font-family:var(--display);font-size:clamp(23px,2.2vw,35px);line-height:1.09;letter-spacing:-.03em;color:#e6f5ff}
.story-video-play{position:absolute;left:28px;bottom:26px;z-index:2;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;border:1px solid #85eeff;background:#39d5f0e6;color:#032235;box-shadow:0 0 0 8px #26c3ea1f,0 0 36px #20c8f533;transition:transform .2s,background .2s}
.story-video-play>svg{width:30px;height:30px;margin-left:3px}
.story-video-play:hover{background:#8defff;transform:scale(1.06)}
.story-video-play:disabled{opacity:.6;cursor:default}
.story-video-play:disabled:hover{transform:none}
.film-caption{padding:22px 22px 20px;display:flex;flex-wrap:wrap;gap:13px 20px;align-items:center;justify-content:space-between}
.film-caption .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:9px;color:#6c9ab0}
.film-caption h2{font-family:var(--body);font-size:15px;font-weight:500;line-height:1.4;letter-spacing:0;color:#d7ecf4}
#story-video-status{font-size:8px;letter-spacing:.075em;color:#53c7df;line-height:1.6}
.story-film[data-video-state=error] #story-video-status{color:#ffa99e}
.intro-next{display:flex;align-items:center;justify-content:center;gap:16px;align-self:center;margin-top:58px;color:#698fa6;font-size:9px;letter-spacing:.16em;padding:12px}
.intro-next svg{width:17px;height:17px;transform:rotate(90deg);color:var(--cyan)}
.intro-next:hover{color:var(--cyan)}
@media(min-width:1600px){.intro-layout{gap:80px}.intro-copy h1{font-size:72px}.story-intro{padding-top:70px}.intro-next{margin-top:68px}}
@media(max-width:1200px){.intro-layout{gap:36px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.intro-copy h1{font-size:clamp(40px,4.6vw,55px)}.intro-copy .actions{gap:14px}.intro-copy .button{font-size:10px;padding-inline:15px}.intro-story-link{font-size:10px}.film-topline{font-size:7px;padding:15px}.film-caption{padding:19px}.film-caption h2{font-size:13px}.film-cover-caption{left:22px;top:24px}.film-cover-caption>span{font-size:6px}.story-video-play{width:50px;height:50px;left:24px;bottom:21px}.story-video-play>svg{width:25px;height:25px}}
@media(max-width:960px){.story-intro{min-height:calc(100svh - 77px);padding:44px 0 18px}.intro-layout{grid-template-columns:1fr;gap:34px;max-width:700px}.intro-copy h1{font-size:clamp(43px,7.2vw,63px)}.intro-copy h1 br:nth-of-type(2){display:none}.intro-copy h1 span:after{content:' '}.intro-copy .eyebrow{margin-bottom:19px}.intro-lead{font-size:21px;margin-top:20px}.intro-lead br{display:none}.intro-lead br:after{content:' '}.intro-story{max-width:590px}.intro-copy .actions{margin-top:23px}.story-film{width:100%}.film-topline{font-size:9px;padding:17px 20px}.film-cover-caption{left:30px;top:30px}.film-cover-caption>span{font-size:8px}.film-cover-caption strong{font-size:35px}.story-video-play{left:31px;bottom:30px;width:58px;height:58px}.film-caption{padding:22px}.film-caption h2{font-size:15px}.intro-next{margin-top:23px}}
@media(max-width:600px){.story-intro{min-height:calc(100svh - 71px);padding-top:32px}.intro-layout{gap:30px}.intro-copy .eyebrow{font-size:8px;letter-spacing:.1em}.intro-copy h1{font-size:clamp(38px,10.1vw,57px)}.intro-copy h1 br:nth-of-type(2){display:block}.intro-copy h1 span:after{content:none}.intro-lead{font-size:18px;margin-top:20px}.intro-lead br{display:block}.intro-story{font-size:13px;line-height:1.8;margin-top:14px}.intro-invitation{font-size:12px;margin-top:14px}.intro-copy .actions{gap:17px;margin-top:23px}.intro-copy .button{font-size:10px;padding:12px 14px}.intro-story-link{font-size:10px}.story-film{border-radius:8px;box-shadow:0 0 0 4px #16354522,0 16px 40px #0005}.film-topline{padding:13px 12px;font-size:6px;gap:7px;letter-spacing:.08em}.film-topline>span:first-child{gap:6px}.film-cover-caption{left:18px;top:20px;max-width:64%}.film-cover-caption>span{font-size:5px;margin-bottom:8px}.film-cover-caption strong{font-size:23px}.story-video-play{width:40px;height:40px;left:19px;bottom:17px;box-shadow:0 0 0 5px #26c3ea1f}.story-video-play>svg{width:23px;height:23px}.film-caption{padding:17px 15px;gap:10px}.film-caption .eyebrow{font-size:6px;margin-bottom:6px}.film-caption h2{font-size:12px}#story-video-status{font-size:7px}.intro-next{font-size:7px;letter-spacing:.09em;margin-top:20px;gap:9px}}
@media(prefers-reduced-motion:reduce){.story-video-play{transition:none}}

.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}