/* Real films continue the same full-scene visual narrative. */
.capitol-aperture>.capitol-image{position:absolute;inset:0;filter:saturate(.7) brightness(.82)}
.learning{height:260svh;position:relative;background:#080e17}
.learning-pin{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;background:#080e17}
.learning-visual{position:absolute;inset:0;transform:scale(calc(1.08 - var(--p)*.055));clip-path:inset(calc((1 - var(--v))*23%) 0);will-change:transform,clip-path}
.learning-visual img,.learning-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:translateX(-18%);filter:saturate(.65) brightness(.8)}
.learning-shade{position:absolute;inset:-24px 0;background:linear-gradient(90deg,rgba(8,14,23,.05) 15%,rgba(8,14,23,.25) 37%,rgba(8,14,23,.94) 63%,#080e17 87%),linear-gradient(0deg,#080e17,transparent 32%,transparent 77%,rgba(8,14,23,.65))}
.learning-meta{position:absolute;top:120px;left:7.5%;right:7.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.learning-meta>span:last-child{font-size:8px;letter-spacing:.17em;color:#b8c1ce}
.learning-copy{position:absolute;left:53%;right:6%;top:35%;transform:translateY(calc((.5 - var(--p))*60px))}
.learning-copy>.eyebrow{font-size:8px;letter-spacing:.15em}
.learning-copy h2{font-size:clamp(40px,4.5vw,74px);font-weight:400;letter-spacing:-.06em;line-height:1.12;margin:25px 0 28px}
.learning-copy h2 em{font-size:1.1em;white-space:nowrap}
.learning-copy p{max-width:335px;font-size:13px;line-height:1.85;color:#b8c1ce}
.learning-bottom{position:absolute;bottom:28px;left:7.5%;font-size:7px;letter-spacing:.2em;color:#a7b4c3}
.ambient-toggle{position:absolute;z-index:3;bottom:19px;right:7.5%;width:38px;height:38px;border:1px solid #91a0b055;border-radius:50%;background:#080e1766;color:#c5cfdb;display:grid;place-items:center;font-size:11px;line-height:1;transition:color .2s,border-color .2s,background .2s}
.ambient-toggle:hover,.ambient-toggle:focus-visible{border-color:var(--ember);color:var(--ember);background:#080e17cc}
.ambient-toggle:focus-visible{outline:1px solid var(--ember);outline-offset:4px}
.case-bottom{padding-right:55px}
.case-bottom>span:last-child{letter-spacing:.06em;font-size:7px}
@media(max-width:1000px){.learning-copy{left:49%;right:6%;max-width:45%}.learning-copy h2{font-size:48px}.learning-copy h2 em{white-space:normal}.learning-visual img,.learning-visual video{transform:translateX(-23%)}.learning-shade{background:linear-gradient(90deg,rgba(8,14,23,.1),rgba(8,14,23,.18) 28%,rgba(8,14,23,.88) 59%,#080e17 85%),linear-gradient(0deg,#080e17,transparent 35%,rgba(8,14,23,.3))}}
@media(max-width:600px){.learning{height:220svh}.learning-meta{top:110px;left:8%;right:8%}.learning-meta .eyebrow,.learning-meta>span:last-child{font-size:7px}.learning-meta>span:last-child{max-width:130px;text-align:right;line-height:1.7}.learning-visual img,.learning-visual video{transform:none;object-position:49% center}.learning-shade{background:linear-gradient(0deg,rgba(8,14,23,.97),rgba(8,14,23,.76) 43%,rgba(8,14,23,.05) 77%,rgba(8,14,23,.28))}.learning-copy{left:8%;right:8%;max-width:84%;top:auto;bottom:13%}.learning-copy h2{font-size:37px;line-height:1.15}.learning-copy p{font-size:12px;max-width:280px}.learning-copy>.eyebrow{font-size:7px}.learning-bottom{left:8%;font-size:6px}.ambient-toggle{right:8%;bottom:17px}.case-bottom>span:last-child{font-size:6px}.case-copy{top:34%}}
@media(prefers-reduced-motion:reduce){.learning{height:auto}.learning-pin{position:relative;height:100svh}.learning-visual,.learning-copy{transform:none!important;clip-path:none!important;will-change:auto}.ambient-film,.ambient-toggle{display:none!important}}

/* Capitol remains a full photographic scene before the original film is revealed. */
.washington{height:360svh;--film:0}
.pinned-frame{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden}
.learning .learning-visual{clip-path:none}
.washington .capitol-aperture{clip-path:none;will-change:auto}
.capitol-aperture>img.capitol-image{filter:saturate(.48) brightness(.72)}
.capitol-film{opacity:var(--film,0)}
.case-source{display:grid;align-items:center;max-width:390px}
.case-source>*{grid-area:1/1}
.case-photo-credit{opacity:calc(1 - var(--film,0));font-size:7px;letter-spacing:0}
.case-film-credit{opacity:var(--film,0);font-size:7px;letter-spacing:.06em}
.ambient-toggle[hidden]{display:none!important}
.technical{height:270svh}
.technical .voice-shade,.movement .voice-shade{inset:-24px 0}
.technical .voice-visual,.movement .voice-visual{clip-path:none}
.technical .voice-visual img,.technical .voice-visual video{filter:saturate(.78) brightness(.83);object-position:65% center}
.technical .voice-copy h2{font-size:clamp(40px,4.8vw,78px)}
.technical .voice-copy p{max-width:340px}
.movement{height:250svh}
.movement .voice-visual img,.movement .voice-visual video{filter:saturate(.62) brightness(.78);object-position:43% center}
.movement .voice-shade{background:linear-gradient(90deg,rgba(3,9,17,.2),rgba(3,9,17,.15) 28%,rgba(3,9,17,.94) 70%),linear-gradient(0deg,#080e17,transparent 32%,transparent 76%,rgba(8,14,23,.5))}
.movement .voice-copy{left:58%;right:7.5%;max-width:34.5%}
.movement .voice-copy h2{font-size:clamp(37px,4.4vw,70px)}
@media(max-width:1000px){.movement .voice-copy{left:54%;right:6%;max-width:40%}.technical .voice-copy h2,.movement .voice-copy h2{font-size:48px}}
@media(max-width:600px){.washington{height:290svh}.technical,.movement{height:230svh}.case-source{max-width:235px}.case-photo-credit,.case-film-credit{font-size:6px}.technical .voice-copy h2,.movement .voice-copy h2{font-size:37px}.technical .voice-visual img,.technical .voice-visual video{object-position:62% center}.movement .voice-copy{left:8%;right:8%;max-width:84%}.movement .voice-shade{background:linear-gradient(0deg,#080e17,rgba(3,9,17,.8) 48%,rgba(3,9,17,.08) 83%,rgba(3,9,17,.15))}.movement .voice-visual img,.movement .voice-visual video{object-position:40% center}.movement .voice-bottom,.technical .voice-bottom{max-width:245px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.washington,.technical,.movement{height:auto}.case-photo-credit{opacity:1!important}.case-film-credit{display:none}}