.hero-sequence,.hero-stage{height:100vh;height:100svh}
.hero-play{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;border:0;padding:12px;background:transparent;color:#fff;font:500 16px/1.4 'Montserrat',sans-serif;cursor:pointer;text-shadow:0 2px 8px #000}
.hero-play[hidden]{display:none!important}
.hero-play-circle{display:grid;place-items:center;width:72px;height:72px;border:2px solid #fff;border-radius:50%;background:#0005;transition:background .2s}
.hero-play svg{width:30px;height:30px;fill:currentColor}
.hero-play:hover .hero-play-circle{background:#0008}
.hero-play:focus-visible{outline:2px solid #43c4df;outline-offset:6px;border-radius:12px}
[data-video-layout=phone] .intro-bottom{flex-direction:column;align-items:flex-start;gap:18px}
[data-video-layout=phone] .intro-content{padding-top:calc(var(--header) + 24px);padding-bottom:max(28px,env(safe-area-inset-bottom))}
[data-video-layout=phone] .hero-copy{max-width:330px;font-size:15px}
@media(max-height:450px){[data-video-layout=phone] .intro-content{padding-bottom:14px}[data-video-layout=phone] .intro-bottom{gap:8px}[data-video-layout=phone] .hero-meta{font-size:9px}[data-video-layout=phone] .scroll-cue{margin-top:4px}.hero-play-circle{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.hero-play-circle{transition:none}}