.construction-film{width:min(1600px,100%);margin:0 auto;padding:36px 24px 48px}.film-heading{margin-bottom:24px}.film-heading .eyebrow{font-size:14px;letter-spacing:.13em;color:#cfcfcf;margin:0 0 12px}.film-heading h1{font-size:clamp(30px,4.2vw,58px);line-height:1.08;font-weight:400;margin:0 0 12px}.film-heading>p:last-child{font-size:16px;line-height:1.5;color:#b3b8b6;margin:0}.construction-viewport{position:relative;isolation:isolate;height:clamp(450px,65vw,820px);max-height:78vh;background:#05090d;overflow:hidden;border:1px solid #525252}.construction-viewport canvas{display:block;width:100%;height:100%}.film-caption{position:absolute;left:0;right:0;bottom:0;padding:72px 30px 28px;background:linear-gradient(transparent,rgba(2,7,10,.92));pointer-events:none}.film-caption>span{font-size:14px;letter-spacing:.12em;color:#cfaa56}.film-caption h2{font-size:clamp(23px,3vw,38px);font-weight:400;line-height:1.15;margin:12px 0}.film-caption p{font-size:16px;line-height:1.5;margin:0;max-width:710px;color:#d1d5d2}.film-topline{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:22px 30px;background:linear-gradient(rgba(2,7,10,.65),transparent);font-size:14px;letter-spacing:.08em;pointer-events:none;color:#d1d5d2}.film-controls{display:flex;align-items:center;gap:12px;padding:18px;background:#0b1317;border:1px solid #525252;border-top:0}.film-controls button{padding:10px 16px;min-height:42px;border:1px solid #858585;background:transparent;color:#dde4de;font:inherit;font-size:14px;cursor:pointer}.film-controls button:hover,.film-controls button:focus-visible{border-color:#ededed;color:#ededed}.film-controls>span{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.film-scrub{flex:1;min-width:80px;display:flex;align-items:center}.film-scrub input{width:100%;accent-color:#ededed;cursor:pointer}.film-fallback{position:absolute;top:35%;left:10%;right:10%;padding:28px;color:white;background:#0b1317;font-size:16px;line-height:1.5}.construction-viewport:fullscreen,.construction-viewport.film-expanded{height:100vh;max-height:none;width:100vw;border:0}.construction-viewport.film-expanded{position:fixed;inset:0;z-index:1000}.construction-viewport:fullscreen canvas,.construction-viewport.film-expanded canvas{height:100%}.film-expanded::after{content:'Press Escape to close';position:absolute;right:30px;top:58px;color:#ededed;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.construction-film{padding:24px 12px 32px}.construction-viewport{height:65vh;max-height:none;min-height:400px}.film-topline{padding:16px;font-size:12px;letter-spacing:.035em}.film-caption{padding:60px 18px 22px}.film-caption p{font-size:14px}.film-controls{flex-wrap:wrap;padding:12px;gap:8px}.film-scrub{order:4;flex-basis:100%}.film-controls button{padding:10px 12px}.film-controls>span{margin-left:auto}#construction-fullscreen{margin-left:auto}}@media(prefers-reduced-motion:reduce){.construction-film *{scroll-behavior:auto}}

/* Full-screen viewers need a visible exit on touch devices. */
.film-exit-fullscreen{position:absolute;z-index:8;top:14px;right:14px;min-height:44px;max-width:calc(100% - 28px);padding:10px 14px;border:1px solid #bbb;background:#101010ed;color:#eee;font:14px Arial,Helvetica,sans-serif;cursor:pointer}
.film-exit-fullscreen[hidden]{display:none}
.film-exit-fullscreen:hover,.film-exit-fullscreen:focus-visible{background:#eee;color:#111}
.construction-viewport:is(:fullscreen,:-webkit-full-screen,.film-expanded){height:100dvh;max-height:none}
.construction-viewport:is(:fullscreen,:-webkit-full-screen,.film-expanded) .film-topline{padding-right:160px}
.film-topline{gap:12px;flex-wrap:wrap;line-height:1.5}
.film-topline span{min-width:0}
.film-controls button{min-height:44px}
.film-scrub input{min-height:44px;margin:0}
@media(max-width:650px){
 .construction-viewport{height:clamp(360px,62dvh,620px);min-height:360px}
 .film-caption{padding:40px 18px 18px}
 .film-caption h2{font-size:23px;margin:8px 0}
 .film-caption p{font-size:14px;line-height:1.45}
 .film-topline{font-size:11px;padding:14px 16px}
 .film-controls>span{font-size:13px}
 .construction-viewport:is(:fullscreen,:-webkit-full-screen,.film-expanded) .film-topline span:last-child{display:none}
}
@media(max-height:500px) and (orientation:landscape){
 .construction-viewport{height:78dvh;min-height:240px}
 .film-caption{padding:28px 18px 14px}
 .film-caption>span{font-size:12px}
 .film-caption h2{font-size:20px;margin:5px 0}
 .film-caption p{font-size:12px;line-height:1.4;max-width:75%}
}

body.film-fullscreen-active{overflow:hidden}