/* The screening room: one complete vertical film, given room to breathe. */
[data-page=work]{--film-accent:#d2a66e;--film-glow:#a75d182b}
.film-room{padding-top:35px;--light-x:60%;--light-y:45%}
.film-room-top{display:flex;align-items:center;gap:25px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.film-room-top h1{font:700 15px Body;letter-spacing:2px;margin-right:auto}.film-room-top>span{font-size:8px;letter-spacing:1.5px;color:#a8b7a8}.film-count{color:var(--gold)!important}
.film-selector{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:24px;border:1px solid #65776066}
.film-selector button{display:flex;align-items:center;gap:22px;padding:20px 24px;background:#0b1710;border:0;text-align:left;position:relative;transition:background .3s;color:#aebdb0}
.film-selector button+button{border-left:1px solid #65776066}.film-selector button:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--film-accent);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.film-selector button[aria-pressed=true]{background:#243120;color:#f5f1e7}.film-selector button[aria-pressed=true]:after{transform:scaleX(1)}.film-selector button:hover{background:#1b2a1c}.selector-index{font:600 28px Display;color:var(--film-accent)}.film-selector b{font:700 26px Display;letter-spacing:.5px;display:block}.film-selector small{font-size:10px;color:#aebbad;display:block;margin-top:5px}.selector-arrow{margin-left:auto;font-size:24px}
.feature-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:50px;padding:54px 35px 30px;align-items:center;min-height:680px}
.feature-stage:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 650px 580px at var(--light-x) var(--light-y),var(--film-glow),transparent 80%);transition:background-color .4s}
.feature-copy{min-width:0;padding-bottom:24px}.feature-kicker{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.8px;color:var(--film-accent);margin-bottom:32px}.feature-dot{width:5px;height:5px;background:var(--film-accent);border-radius:50%;box-shadow:0 0 15px var(--film-accent)}
.feature-copy h2{position:relative;font-size:clamp(80px,9vw,142px);line-height:.82;letter-spacing:-.025em;margin-bottom:55px;white-space:pre-line;z-index:0}.feature-title-outline{position:absolute;left:0;top:25px;width:100%;color:transparent;-webkit-text-stroke:1px #d2a66e30;z-index:-1;pointer-events:none}
.feature-description{font-size:15px;max-width:440px;line-height:1.85;margin-bottom:24px}.feature-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.feature-tags span{font-size:8px;letter-spacing:1px;border:1px solid #87977b50;padding:8px 10px;color:#c0c9b8}
.feature-watch{width:max-content;max-width:100%;gap:16px;min-height:58px;flex-wrap:wrap}.feature-watch small{color:#384133;font-size:8px;letter-spacing:.6px}.feature-copy>.text-link{display:block;width:max-content;max-width:100%;margin-top:23px;font-size:11px}.feature-production{display:flex;gap:20px;flex-wrap:wrap;margin-top:44px;font-size:8px;letter-spacing:1px;color:#899e8a}
.feature-view{width:min(100%,340px);justify-self:center;position:relative}.feature-screen{position:relative;aspect-ratio:9/16;background:#040806;box-shadow:0 25px 100px #0008;border:1px solid #a8b29455}.feature-screen video{width:100%;height:100%;display:block;object-fit:contain}.feature-play{position:absolute;inset:0;width:100%;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.feature-play>span{display:grid;place-items:center;background:#05100ab3;border:1px solid #e9e7d29c;border-radius:50%;width:66px;height:66px;opacity:0;transform:scale(.88);transition:opacity .25s,transform .25s}.feature-play:hover>span,.feature-play:focus-visible>span{opacity:1;transform:scale(1)}.feature-frame-corners{position:absolute;inset:-8px;pointer-events:none;border-block:1px solid #d2a66e66;clip-path:polygon(0 0,12% 0,12% 3%,88% 3%,88% 0,100% 0,100% 100%,88% 100%,88% 97%,12% 97%,12% 100%,0 100%)}
.feature-preview-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:8px;letter-spacing:1.2px;color:#a8b7a8}.feature-preview-meta button{padding:7px 0;font-size:9px}.feature-progress{height:2px;background:#82927c33;margin-top:6px}.feature-progress span{display:block;width:0;height:100%;background:var(--film-accent)}.film-room-disclosure{font-size:10px;padding:22px 0 25px;border-bottom:1px solid var(--line);color:#a0b09f;margin:0}
.film-room[data-active-film=between-rounds]{--film-accent:#b9c8b3;--film-glow:#37775d28}.film-room[data-active-film=between-rounds] .feature-copy h2{font-size:clamp(76px,8vw,125px);line-height:.86}.film-room.is-switching .feature-copy{animation:feature-change .45s ease both}@keyframes feature-change{from{opacity:.15;transform:translateY(12px)}to{opacity:1;transform:none}}
.work-edit{padding-block:90px 65px}.work-edit-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:35px}.work-edit-heading h2{font-size:clamp(65px,7vw,98px)}.work-edit-heading>p{max-width:400px;font-size:13px;margin-bottom:4px}.work-moments{border-top:1px solid #6d806a66}.work-moment{position:relative;isolation:isolate;display:grid;grid-template-columns:36px 70px minmax(0,1fr) 75px;align-items:center;gap:22px;width:100%;padding:26px 20px;text-align:left;border:0;border-bottom:1px solid #6d806a66;background:none;overflow:hidden}.work-moment:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#234532,#23352322);transform:translateX(-102%);transition:transform .45s var(--ease)}.work-moment:hover:before,.work-moment:focus-visible:before{transform:none}.moment-index{font:600 26px Display;color:#acbda2}.moment-time{font-size:10px;color:var(--gold);font-variant-numeric:tabular-nums}.moment-body b{display:block;font:700 32px Display;text-transform:uppercase}.moment-body>span{display:block;font-size:12px;color:#a9baa9;margin-top:8px;line-height:1.7}.moment-play{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between}.moment-play>span{font-size:23px}.work-edit-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:18px}.work-edit-bottom p,.work-edit-bottom a{font-size:10px;margin:0}
.work-next{display:grid;grid-template-columns:.6fr 1.4fr;gap:65px;align-items:center;padding-block:65px 100px;border-top:1px solid var(--line)}.work-next-mark video{display:block;width:100%;mask-image:radial-gradient(#000 58%,transparent 72%)}.work-next h2{font-size:clamp(65px,7.5vw,106px);margin-bottom:28px}.work-next p{max-width:590px;font-size:14px}.work-next-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:28px}.work-next-actions .text-link{font-size:11px}.work-next small{display:block;margin-top:22px;font-size:10px}
@media(max-width:1050px){.feature-stage{gap:25px;padding:45px 10px 25px;min-height:0}.feature-copy h2{font-size:clamp(72px,10vw,110px)}.feature-view{width:min(100%,290px)}.feature-watch{padding:16px;gap:10px}.feature-watch small{display:block;width:100%}.feature-description{font-size:13px}.work-next{gap:30px}}
@media(max-width:760px){.film-room{padding-top:24px}.film-room-top{gap:10px}.film-room-top h1{font-size:12px}.film-room-top>span:not(.film-count){display:none}.film-selector{margin-top:18px}.film-selector button{padding:15px 10px;gap:9px;align-items:start}.selector-index{font-size:20px}.film-selector b{font-size:20px;line-height:1.05}.film-selector small{font-size:8px;line-height:1.6}.selector-arrow{display:none}.feature-stage{grid-template-columns:1fr;gap:28px;padding:35px 0 25px}.feature-copy{padding-bottom:0}.feature-kicker{font-size:8px;margin-bottom:25px}.feature-copy h2{font-size:clamp(76px,20vw,130px);margin-bottom:40px}.film-room[data-active-film=between-rounds] .feature-copy h2{font-size:clamp(70px,18vw,115px)}.feature-title-outline{top:18px}.feature-description{font-size:13px;margin-bottom:18px}.feature-tags{margin-bottom:24px;gap:6px}.feature-tags span{font-size:7px;padding:7px}.feature-watch{width:100%;justify-content:center}.feature-watch small{width:auto}.feature-copy>.text-link{margin-top:19px}.feature-production{margin-top:24px;font-size:7px;gap:15px}.feature-view{width:min(100% - 16px,310px)}.feature-play>span{opacity:1;transform:none;width:54px;height:54px}.film-room-disclosure{font-size:9px;line-height:1.8}.work-edit{padding-block:55px}.work-edit-heading{display:block;margin-bottom:26px}.work-edit-heading h2{font-size:65px}.work-edit-heading>p{margin-top:22px;font-size:12px}.work-moment{grid-template-columns:25px minmax(0,1fr) 24px;gap:12px;padding:22px 10px}.moment-time{grid-column:2;grid-row:1;font-size:9px}.moment-index{grid-row:1 / span 2;align-self:start;font-size:22px}.moment-body{grid-column:2;grid-row:2}.moment-body b{font-size:28px}.moment-body>span{font-size:11px}.moment-play{grid-column:3;grid-row:1 / span 2;font-size:0}.moment-play>span{font-size:23px}.work-edit-bottom{flex-direction:column;gap:14px}.work-edit-bottom a{align-self:start}.work-next{grid-template-columns:1fr;gap:25px;padding-block:40px 65px}.work-next-mark{width:160px;margin:auto}.work-next h2{font-size:65px}.work-next p{font-size:13px}.work-next-actions{gap:22px}}
@media(prefers-reduced-motion:reduce){.film-room.is-switching .feature-copy{animation:none}.work-moment:before,.feature-play>span{transition:none}}
.motion-off .film-room.is-switching .feature-copy{animation:none}
/* On phones, lead with the title and moving film before the supporting copy. */
@media(max-width:760px){
 .feature-stage{display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .feature-copy{display:contents}
 .feature-kicker{order:0;margin:0}
 .feature-copy h2{order:1;margin:0 0 8px}
 .feature-view{order:2;align-self:center;margin:8px 0 4px}
 .feature-description{order:3;margin:0}
 .feature-tags{order:4;margin:0}
 .feature-watch{order:5}
 .feature-copy>.text-link{order:6;margin:0}
 .feature-production{order:7;margin:0}
}

/* Approved widescreen films: preserve the complete composition. */
.film-selector{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-stage{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:38px;min-height:540px;padding-inline:0}
.feature-view{width:100%;min-width:0}.feature-screen{aspect-ratio:16/9}
.feature-copy h2{font-size:clamp(66px,6.5vw,100px);overflow-wrap:normal}
.film-room[data-active-film=time-study]{--film-accent:#b9c8b3;--film-glow:#37775d28}
.film-room[data-active-film=after-the-bell]{--film-accent:#d2a66e;--film-glow:#a7763528}
@media(max-width:1050px){.feature-stage{gap:24px}.feature-copy h2{font-size:clamp(55px,7vw,80px)}.film-selector button{padding:18px 14px;gap:12px}.film-selector b{font-size:23px}.selector-arrow{display:none}}
@media(max-width:760px){.film-selector{grid-template-columns:1fr}.film-selector button+button{border-left:0;border-top:1px solid #65776066}.film-selector button{align-items:center;min-height:64px;padding:12px 16px}.film-selector b{font-size:24px}.film-selector small{font-size:10px}.feature-view{width:100%}.feature-copy h2{font-size:clamp(65px,17vw,110px)}.film-room-disclosure{font-size:11px}}