/* Only decoded, seekable media enables the 220svh pin; the baseline is a normal-flow poster. */
.formation{position:relative;isolation:isolate;background:#050c16;color:#f0f2f2;overflow:visible;--formation-top:var(--hdr,80px);--formation-pin-height:calc(100svh - var(--formation-top))}
.formation__pin{position:relative;height:clamp(700px,56.25vw,1000px);overflow:hidden;overflow:clip;isolation:isolate;background:#050c16}
.formation.is-pinned{height:220vh;height:220svh}
.formation.is-pinned .formation__pin{position:sticky;top:var(--formation-top);height:var(--formation-pin-height)}
.formation__stage{position:absolute;inset:0;overflow:hidden}
.formation__poster,.formation__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 65%;max-width:none}
.formation__video{opacity:0;pointer-events:none}
.formation.is-video-ready .formation__video{opacity:1}
.formation__stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#060d17 0%,#060d1740 16%,transparent 42%,transparent 75%,#060d1730 100%)}
.formation__intro{width:min(1440px,100%);margin-inline:auto;padding:clamp(30px,4.5vh,60px) var(--gutter) 0;display:grid;grid-template-columns:1.2fr 1fr;gap:20px 60px;align-items:end;position:relative;z-index:2}
.formation__eyebrow{font:500 11px/1.5 var(--body);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;color:#a6b9cf;display:flex;align-items:center;gap:12px}
.formation__eyebrow::before{content:"";width:24px;height:1px;background:#7899ff}
.formation__title{font:700 clamp(52px,6.3vw,96px)/.94 var(--disp);letter-spacing:-.025em;text-transform:uppercase;margin:0;max-width:none}
.formation__title span{color:#7899ff}
.formation__aside{max-width:34ch;padding-bottom:5px}
.formation__copy{font:400 clamp(17px,1.65vw,23px)/1.5 var(--body);letter-spacing:-.01em;margin:0;color:#bac7d8}
.formation__replay{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:18px;padding:0;border:0;background:transparent;color:#e1e9f4;font:500 12px/1.4 var(--body);cursor:pointer}
.formation__replay[hidden]{display:none}
.formation__replay svg{width:30px;height:30px;padding:7px;border:1px solid #526882;border-radius:50%;transition:background-color .2s,border-color .2s}
.formation__replay:hover svg{background:#263c59;border-color:#7899ff}
.formation__replay:focus-visible{outline:3px solid #7899ff;outline-offset:5px;border-radius:2px}
.formation__caption{position:absolute;z-index:2;left:var(--gutter);right:var(--gutter);bottom:22px;border-top:1px solid #8194ad44;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:14px;font:500 9px/1.4 var(--body);letter-spacing:.13em;text-transform:uppercase;color:#a6b9cf}
.formation__caption-label{display:flex;align-items:center;gap:12px}
.formation__caption-label::before{content:"";height:5px;width:5px;flex:0 0 5px;background:#7899ff;border-radius:50%}
.formation__scroll-cue{display:none;color:#e1e9f4;font-size:10px;white-space:nowrap;letter-spacing:.08em}
.formation.is-pinned .formation__scroll-cue{display:inline}
.formation__progress{display:none;position:absolute;left:0;right:0;bottom:0;height:2px;background:#1a2b43;z-index:3}
.formation__progress span{display:block;height:100%;background:#7899ff;transform:scaleX(0);transform-origin:0 50%}
.formation.is-pinned .formation__progress{display:block}
@media(max-width:760px){
 .formation__pin{height:720px}
 .formation__stage{inset:clamp(120px,20svh,190px) 0 0}
 .formation__intro{grid-template-columns:1fr;gap:16px;padding-top:30px}
 .formation__eyebrow{font-size:10px;margin-bottom:15px}
 .formation__title{font-size:clamp(50px,12.7vw,82px)}
 .formation__aside{max-width:32ch}
 .formation__copy{font-size:16px}
 .formation__replay{margin-top:10px}
 .formation__poster,.formation__video{object-position:50% 70%}
 .formation__caption{font-size:8px;letter-spacing:.06em;gap:9px;bottom:18px;padding-top:12px}
 .formation__caption-label{max-width:27ch;gap:8px}
}
@media(max-height:650px){
 .formation__intro{padding-top:18px;gap:10px 34px}
 .formation__eyebrow{font-size:9px;margin-bottom:9px}
 .formation__title{font-size:clamp(38px,5.5vw,62px)}
 .formation__copy{font-size:14px;line-height:1.4}
 .formation__replay{margin-top:6px}
 .formation__stage{inset:80px 0 0}
 .formation__caption{bottom:14px;padding-top:10px}
}
@media(max-width:760px) and (max-height:650px){
 .formation__title{font-size:clamp(42px,11vw,58px)}
 .formation__stage{inset:100px 0 0}
}
@media(prefers-reduced-motion:reduce){
 .formation.is-pinned{height:auto}
 .formation.is-pinned .formation__pin{position:relative;top:0;height:clamp(700px,56.25vw,1000px)}
 .formation__replay,.formation__scroll-cue,.formation__progress{display:none!important}
 .formation__replay svg{transition:none}
 .formation.is-video-ready .formation__video{opacity:0}
}