*{box-sizing:border-box}body{margin:0;background:var(--color-parchment);color:var(--color-ink);font:17px/1.47 var(--font-text)}a{color:inherit;text-decoration:none}button,select{font:inherit;cursor:pointer}button:active{transform:scale(.95)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}header{height:64px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:var(--color-black);color:var(--color-canvas);font-size:13px}header span{letter-spacing:.15em;color:var(--color-subtle)}main{max-width:1600px;margin:auto}#player{padding:24px 3vw 0}#stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--color-ink);color:var(--color-canvas);isolation:isolate;container-type:inline-size}#lines{position:absolute;width:100%;height:100%;inset:0;opacity:.35}.film-meta,.film-footer{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;z-index:8;font-size:clamp(9px,.85vw,13px);letter-spacing:.12em;pointer-events:none}.film-meta{top:5%}.film-footer{bottom:4%}.title-scene{position:absolute;inset:0;padding:13% 8% 8%;z-index:4;pointer-events:none}.title-scene p{margin:0 0 2%;font-size:clamp(12px,1.3vw,22px)}h1{font:700 15cqw/.82 var(--font-display);letter-spacing:-.065em;margin:0}h1 span{color:var(--color-primary-on-dark)}.title-bottom{margin-top:4%;font-size:2cqw;letter-spacing:-.04em}#outro{opacity:0;padding-top:20%;text-align:center;background:var(--color-ink)}#outro h2{font:600 7cqw/1.1 var(--font-display);letter-spacing:-.065em;margin:2% 0}#outro a{display:inline-block;color:var(--color-primary-on-dark);font-size:1.5cqw;pointer-events:auto}.scene{position:absolute;inset:0;opacity:0;pointer-events:none}.copy{position:absolute;left:6%;top:18%;width:35%;z-index:4}.kicker{color:var(--color-primary-on-dark);font-size:1.2cqw;letter-spacing:.1em;margin:0 0 7%}.copy h2{font:600 5.8cqw/1.05 var(--font-display);letter-spacing:-.065em;margin:0 0 7%}.copy .role{font-size:1.5cqw;line-height:1.65;word-break:keep-all;max-width:90%;color:var(--color-hairline)}.copy .service-name{font-size:1.2cqw;margin-top:9%;letter-spacing:.03em}.screen{position:absolute;left:43%;top:19%;width:65%;aspect-ratio:1.44;overflow:hidden;border:1px solid var(--color-muted);border-radius:12px;background:var(--color-canvas);box-shadow:0 30px 80px rgba(0,0,0,.3);transform-origin:50% 55%;will-change:transform}.screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.screen-bar{height:20px;background:var(--color-parchment);color:var(--color-muted);font:10px var(--font-text);padding:4px 14px}.screen img{height:calc(100% - 20px)}#thread{position:absolute;bottom:11%;left:6%;width:7%;height:4px;background:var(--color-primary-on-dark);z-index:6}.controls{display:flex;align-items:center;gap:12px;padding:18px 0}.controls button,.controls select{border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);border-radius:var(--radius-pill);padding:10px 16px;min-height:44px;font-size:13px}#play{background:var(--color-primary);color:var(--color-canvas);border-color:var(--color-primary);min-width:80px}.timeline-label{flex:1;display:flex}#timeline{width:100%;accent-color:var(--color-primary);cursor:pointer;min-height:44px}#clock{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}#chapters{display:flex;gap:8px;flex-wrap:wrap}#chapters button{padding:10px 16px;border:0;background:transparent;color:var(--color-muted);border-bottom:2px solid transparent;font-size:13px;min-height:44px}#chapters button.active{color:var(--color-primary);border-color:var(--color-primary)}#load-status{font-size:12px;color:var(--color-muted)}.notes{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:100px 6% 60px}.eyebrow{color:var(--color-muted);font-size:11px;letter-spacing:.12em}.notes h2{font:600 clamp(30px,4vw,56px)/1.15 var(--font-display);letter-spacing:-.05em;margin-top:20px}.notes p{word-break:keep-all}.fine{font-size:13px;color:var(--color-muted)}.services{padding:0 6% 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.service{background:var(--color-canvas);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-hairline)}.service img{width:100%;aspect-ratio:1.44;object-fit:cover;object-position:top;display:block}.service article{padding:24px}.service h3{font-size:21px;margin:0 0 12px}.service p{font-size:14px;color:var(--color-muted);word-break:keep-all}.service a{color:var(--color-primary);font-size:14px;display:inline-block;padding:10px 0}footer{border-top:1px solid var(--color-hairline);padding:30px 6%;display:flex;justify-content:space-between;font-size:12px;color:var(--color-muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#player:fullscreen{background:var(--color-black);padding:0;display:flex;flex-direction:column;justify-content:center}#player:fullscreen #stage{width:100%;max-height:85vh}#player:fullscreen .controls{padding:8px 20px;color:var(--color-canvas)}#player:fullscreen #chapters,#player:fullscreen #load-status{display:none}@media(max-width:700px){header{height:54px}header span{display:none}#player{padding:12px 12px 0}#stage{aspect-ratio:3/4}.film-meta,.film-footer{font-size:8px}.title-scene{padding:35% 8% 10%}h1{font-size:23cqw}.title-bottom{font-size:4cqw;margin-top:8%}.title-scene p{font-size:3.2cqw;margin-bottom:6%}.copy{left:7%;top:12%;width:87%}.kicker{font-size:2.8cqw;margin-bottom:3%}.copy h2{font-size:10cqw;line-height:1.02;margin-bottom:3%}.copy .role{font-size:3.5cqw;line-height:1.5;max-width:92%;margin-top:0}.copy .service-name{display:none}.screen{left:7%;top:48%;width:95%;border-radius:8px}.screen-bar{font-size:8px;height:16px;padding:3px 10px}.screen img{height:calc(100% - 16px)}#thread{bottom:8%;height:3px}#outro{padding-top:48%}#outro h2{font-size:12cqw}#outro a{font-size:4cqw;margin-top:7%}.controls{gap:6px;flex-wrap:wrap;padding:10px 0}.controls button,.controls select{font-size:11px;padding:8px 11px}#play{min-width:64px}.timeline-label{order:2;flex-basis:75%}#clock{order:3;font-size:10px}#fullscreen{margin-left:auto}#chapters{gap:0}#chapters button{font-size:11px;padding:8px 10px}.notes{padding:48px 6% 20px;display:block}.services{grid-template-columns:1fr;gap:20px}.notes h2{font-size:34px}.service article{padding:20px}footer{gap:16px}.screen{box-shadow:none}}@media(prefers-reduced-motion:reduce){.screen{will-change:auto}}

.montage{position:absolute;right:-8%;top:24%;width:47%;height:67%;perspective:1200px;z-index:-1}.montage img{position:absolute;left:calc(var(--i)*7%);top:calc(var(--i)*12%);width:100%;border-radius:12px;transform:rotateY(-24deg) rotateZ(-9deg);border:1px solid var(--color-muted);box-shadow:0 20px 45px rgba(0,0,0,.3)}@media(max-width:700px){.montage{top:66%;right:-8%;width:65%;height:30%;opacity:.65}.montage img{border-radius:6px}.title-bottom{position:relative;z-index:2}}