@font-face{font-family:TISCANPen;src:url('/static/showcase/film/fonts/caveat.woff2') format('woff2');font-weight:400 700;font-display:swap}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-film{background:#040508;border:1px solid #34363b;box-shadow:7px 7px 0 #040508;color:#ffffff;margin-top:16px;scroll-margin-top:18px}
.film-stage{position:relative;aspect-ratio:1200/660;overflow:hidden;isolation:isolate;background:#040508}
.film-fallback,#film-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
#film-canvas[hidden],.film-fallback[hidden]{display:none}
.film-overline{position:absolute;top:28px;left:32px;right:32px;display:flex;justify-content:space-between;gap:24px;font:10px/1.5 'Courier New',monospace;letter-spacing:.1em;pointer-events:none;text-shadow:0 1px 5px #000a}
.film-overline>span:last-child{color:#f67704;white-space:nowrap}
.film-title{position:absolute;bottom:38px;left:38px;pointer-events:none;text-shadow:0 2px 16px #040508c9}
.film-title p:not(.film-headline){font:11px/1.5 'Courier New',monospace;letter-spacing:.04em;margin:0 0 14px;color:#f67704}
.film-title .film-headline{font-size:clamp(28px,4.2vw,58px);line-height:1.01;letter-spacing:-.05em;margin:0;color:#ffffff}
.film-fit-link{position:absolute;right:28px;bottom:22px;font-size:11px;text-decoration:none;padding:13px 16px;border:1px solid #f67704;color:#ffac63;background:#161719ec;display:flex;gap:28px;align-items:center}
.film-fit-link[hidden]{display:none}.film-fit-link:hover{background:#f67704;color:#040508}
.film-controls{display:grid;grid-template-columns:auto 1fr auto;gap:0 28px;padding:16px 24px 8px;border-top:1px solid #34363b;align-items:center;background:#161719}
.film-controls[hidden]{display:none}.film-transport{display:flex;gap:8px}
.film-controls button{min-height:42px;border:1px solid transparent;color:#e2e1dd;background:transparent;cursor:pointer;font:11px 'Courier New',monospace;padding:8px 10px}
.film-transport button{border-color:#494b50;display:flex;gap:14px;align-items:center}.film-transport button:first-child{min-width:92px;justify-content:space-between}
.film-controls button:hover{color:#ffac63;border-color:#f67704}.film-controls button:focus-visible{outline-offset:2px}
.film-chapters{display:flex;gap:18px;justify-content:center}.film-chapters button{display:flex;align-items:center;gap:10px;color:#a9aaad}
.film-chapters button[aria-pressed=true]{color:#f67704;border-bottom:1px solid #f67704}
#film-time{font:10px 'Courier New',monospace;color:#b9bbbf;white-space:nowrap}
.film-scrub{display:flex;align-items:center;grid-column:1/-1;margin:8px 0 0;min-height:30px}
.film-scrub input{width:100%;height:24px;margin:0;cursor:pointer;accent-color:#f67704;background:transparent}
.film-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:36px;padding:20px 24px;border-top:1px solid #34363b;font-size:11px;line-height:1.7;color:#b9bbbf}
.film-foot>p{margin:0}.film-foot em{font-style:normal;color:#f67704}.film-foot details{max-width:460px;text-align:right}.film-foot summary{cursor:pointer;font-size:10px}.film-foot details p{font-size:11px;text-align:left;max-width:430px;margin:15px 0 0}
#film-error{position:absolute;left:24px;right:24px;bottom:15px;font-size:12px;background:#161719ee;padding:12px}
@media(max-width:1000px){.film-chapters{gap:3px}.film-controls{gap:0 10px;padding-inline:14px}.film-controls button{padding-inline:8px}.film-overline{font-size:8px;left:22px;right:22px;top:20px}.film-title{left:25px;bottom:25px}.film-foot{padding:16px}.column-study{gap:24px}}
@media(max-width:700px){.hero-film{box-shadow:4px 4px 0 #040508}.film-stage{aspect-ratio:720/940}.film-overline{top:18px;left:17px;right:17px;font-size:8px;gap:18px}.film-overline>span:first-child{max-width:125px}.film-title{left:23px;bottom:30px}.film-title .film-headline{font-size:36px}.film-title p:not(.film-headline){font-size:10px;max-width:230px}.film-controls{grid-template-columns:1fr auto;gap:6px 10px;padding:12px 12px 5px}.film-chapters{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:0}.film-chapters button{gap:6px;font-size:10px;padding:8px 5px;min-height:44px}.film-transport button{min-height:44px}.film-transport{gap:6px}#film-time{font-size:9px}.film-scrub{margin-top:0}.film-foot{display:block;padding:14px;font-size:10px}.film-foot details{max-width:none;text-align:left;margin-top:8px}.film-fit-link{left:18px;right:18px;bottom:18px;justify-content:space-between;font-size:10px;padding:12px}.column-study{grid-template-columns:1fr}.column-study h3{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-controls button,.film-fit-link{transition:none}}