:root{color-scheme:light;background:#eeece3;color:#171918;font:14px Arial,Helvetica,sans-serif;--red:#c52b20;--line:#bcbeb5}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}header{height:96px;margin:0 3.5vw;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{font-size:35px;font-weight:900;letter-spacing:-2px}.brand span{display:inline-block;color:var(--red);font-size:17px;margin-left:8px;vertical-align:top;margin-top:6px}header>span{font:9px/1.65 ui-monospace,monospace;letter-spacing:.12em}.duration{text-align:right}main{margin:0 3.5vw}.film-title{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:35px 0 30px}.film-title h1{font:clamp(80px,11.5vw,182px)/.87 Impact,'Arial Narrow',sans-serif;letter-spacing:-.015em;margin:0;font-weight:400}.film-title h1>span{color:var(--red)}.synopsis{width:270px;margin-bottom:5px}.synopsis>span{font:8px/1.7 ui-monospace,monospace;letter-spacing:.09em}.synopsis p{font:20px/1.45 Georgia,serif;margin:24px 0}#cinema{background:#101111;color:#eeece3}.screen{position:relative;aspect-ratio:2.12;overflow:hidden;background:#171817}canvas,#still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}canvas{opacity:0}.live canvas{opacity:1}.live #still{visibility:hidden}.frame-top{position:absolute;inset:22px 28px auto;display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:.1em;color:#1b1b18;mix-blend-mode:multiply}.frame-title{position:absolute;left:32px;bottom:46px;display:flex;gap:18px;align-items:center;color:#eeece3;text-shadow:0 1px 14px #0009;pointer-events:none}.frame-title>span{font:54px Georgia,serif}.frame-title p{font:27px Georgia,serif;margin:0 0 10px}.frame-title div>span{font:8px ui-monospace,monospace;letter-spacing:.14em}.frame-bottom{position:absolute;bottom:16px;right:25px;font:7px ui-monospace,monospace;letter-spacing:.13em;color:#eeece3;text-shadow:0 1px 4px #000}.screen #center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;border:1px solid #eeece3b0;background:#10111133;backdrop-filter:blur(5px);display:grid;place-items:center}.triangle{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #eeece3;transform:translateX(2px)}.playing #center-play{display:none}.transport{display:flex;align-items:center;gap:22px;padding:20px 25px;font:10px ui-monospace,monospace;min-height:85px}.transport button{background:none;border:1px solid #5c5c53;min-height:42px;padding:12px 15px;font:10px ui-monospace,monospace;white-space:nowrap}.transport #play{display:flex;justify-content:space-between;gap:18px;background:var(--red);border-color:var(--red);min-width:135px;color:#fff5e9}.transport #seek{flex:1;min-width:50px;height:25px;accent-color:var(--red);cursor:ew-resize}.transport #time,.total{min-width:35px;font-variant-numeric:tabular-nums}.transport #sound{border:0}.chapters{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.chapters button{text-align:left;background:none;border:0;border-right:1px solid var(--line);padding:28px 25px}.chapters button:first-child{padding-left:0}.chapters button:last-child{border:0}.chapters button>span{font:8px ui-monospace,monospace;letter-spacing:.13em;color:#595f59}.chapters strong{font:32px Georgia,serif;display:block;margin:16px 0 12px;font-weight:400}.chapters small{font:10px ui-monospace,monospace}.chapters button[aria-pressed=true] strong{color:var(--red)}.chapters button[aria-pressed=true]>span{color:var(--red)}#status,.no-js{font:10px/1.7 ui-monospace,monospace;margin:23px 0;color:#555a54}footer{margin:0 3.5vw;padding:22px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font:8px/1.7 ui-monospace,monospace;letter-spacing:.06em}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:5px}#cinema button:focus-visible{outline-color:#f8d7ad}#cinema:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}#cinema:fullscreen .screen{aspect-ratio:auto;flex:1;min-height:0}#cinema:fullscreen .transport{flex-shrink:0}.fallback #center-play{display:none}.dark-act .frame-top{color:#eeece3;mix-blend-mode:normal}@media(max-width:900px){.synopsis{width:225px}.synopsis p{font-size:17px}.transport{gap:12px;padding:16px}.transport #play{min-width:115px;font-size:9px;padding:12px}.transport button{font-size:9px}.frame-title p{font-size:22px}.chapters strong{font-size:27px}}@media(max-width:700px){header{height:75px;margin:0 20px;gap:15px}.brand{font-size:28px}header>span{font-size:7px}.duration{display:none}main{margin:0 20px}.film-title{padding:27px 0 23px;display:block}.film-title h1{font-size:clamp(57px,15vw,106px);line-height:.94}.synopsis{width:auto;margin:22px 0 0}.synopsis p{font-size:15px;margin:10px 0}.synopsis p br{display:none}.synopsis>span{font-size:7px}.synopsis>span:last-child{display:none}.screen{aspect-ratio:1.5}.frame-top{inset:13px;font-size:7px}.frame-title{left:13px;bottom:28px;gap:10px}.frame-title>span{font-size:31px}.frame-title p{font-size:16px;margin-bottom:7px}.frame-title div>span{font-size:5px;letter-spacing:.04em}.frame-bottom{font-size:5px;bottom:10px;right:10px;letter-spacing:.04em}.screen #center-play{width:55px;height:55px}.triangle{border-top-width:8px;border-bottom-width:8px;border-left-width:13px}.transport{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:15px;min-height:0}.transport #play{grid-column:1;grid-row:1;min-width:115px}.transport #sound{grid-column:2;grid-row:1;justify-self:end;padding:8px 0}.transport #fullscreen{grid-column:3;grid-row:1;padding:8px;border:0;font-size:8px}.transport #time{grid-column:1;grid-row:2;font-size:8px;min-width:0;width:34px}.transport #seek{grid-column:1/4;grid-row:2;width:calc(100% - 86px);margin-left:43px;min-width:0}.transport .total{grid-column:3;grid-row:2;font-size:8px;text-align:right}.chapters{grid-template-columns:1fr}.chapters button{border-right:0;border-bottom:1px solid var(--line);padding:17px 0;display:grid;grid-template-columns:62px 1fr;align-items:center;column-gap:12px}.chapters strong{font-size:24px;margin:0}.chapters small{grid-column:2;font-size:8px;margin-top:8px}.chapters button>span{font-size:7px;grid-row:1/3}#status,.no-js{font-size:9px}footer{margin:0 20px;flex-wrap:wrap;font-size:7px;gap:10px}footer>span:nth-child(2){order:3;width:100%}}

/* Keep film captions legible across both light and dark acts. */
.screen::after{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.62));pointer-events:none}.frame-title,.frame-bottom{z-index:1}.screen #center-play{z-index:2}