.video-story{scroll-margin-top:110px;display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}
.video-story-copy{width:100%}.video-story-copy h2{font-size:clamp(25px,3vw,42px);line-height:1.2;margin:0 0 18px}.video-story-copy p{font-size:clamp(14px,1.3vw,17px);line-height:1.7;margin:0 auto;max-width:64ch}
.video-story-trigger{position:relative;display:block;width:min(100%,960px);padding:0;color:#0b1931;background:#0b1931;border:0;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 22px 60px -32px #0b193180;isolation:isolate}
.video-story-picture{display:block;aspect-ratio:16/9;overflow:hidden}.video-story-picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.video-story-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:#ffdb56;box-shadow:0 6px 24px #0004}.video-story-play::after{content:"";position:absolute;inset:0;border:2px solid #ffdb56;border-radius:50%;pointer-events:none}.video-story-play svg{position:relative;z-index:1}
.video-story-trigger:hover .video-story-picture img,.video-story-trigger:focus-visible .video-story-picture img{transform:scale(1.025)}.video-story-trigger:focus-visible{outline:3px solid #0c5dd6;outline-offset:6px}
html.video-story-open{overflow:hidden;scrollbar-gutter:stable}.video-story-dialog{box-sizing:border-box;width:min(1120px,94vw);max-width:1120px;max-height:94vh;max-height:94dvh;padding:0;border:0;border-radius:16px;background:#000 var(--video-poster,none) center/contain no-repeat;transform-origin:0 0;overflow:hidden;box-shadow:0 30px 110px #0008}
.video-story-dialog::backdrop{background:rgb(4 12 28 / 0);backdrop-filter:blur(0);transition:background-color .4s ease,backdrop-filter .4s ease}.video-story-dialog.is-expanded::backdrop{background:rgb(4 12 28 / .82);backdrop-filter:blur(10px)}.video-story-dialog.is-expanding video{opacity:0}.video-story-dialog video{display:block;width:100%;aspect-ratio:16/9;max-height:94vh;max-height:94dvh;background:#000;object-fit:contain}
@media(max-width:600px){.video-story{gap:24px}.video-story-play{width:64px;height:64px}.video-story-dialog{width:94vw;border-radius:12px}}
@media(prefers-reduced-motion:reduce){.video-story-dialog::backdrop{transition:none}.video-story-picture img{transition:none!important;transform:none!important}}
@media(forced-colors:active){.video-story-trigger,.video-story-dialog,.video-story-play{border:1px solid CanvasText}}
