:root{color-scheme:light;--ink:#203354;--muted:#536171;--orange:#d95c25;--paper:#f5f1eb;--line:#dcd7d0}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e4773f;outline-offset:5px}main{width:min(1360px,calc(100% - 64px));margin:40px auto 32px}.intro{position:relative;padding-bottom:24px}.brand{display:flex;align-items:center;width:max-content;text-decoration:none;color:var(--ink);font-size:26px;font-weight:750;letter-spacing:-1.2px}.brand>span:not(.brand-mark){color:var(--orange)}.brand small{font-size:18px;color:#006f78;letter-spacing:-.6px}.brand-mark{color:var(--orange);margin-right:9px;font-size:25px}.eyebrow{margin:30px 0 12px;font-size:11px;letter-spacing:2.1px;font-weight:700;color:#8a5b39}h1{margin:0 0 10px;font-size:clamp(30px,3.4vw,45px);font-weight:650;letter-spacing:-1.4px;line-height:1.15}.lead{font-size:15px;line-height:1.7;margin:0;max-width:760px;color:var(--muted)}.player{background:#081322;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px -28px #10294470;border:1px solid #172d46}.film-frame{position:relative;aspect-ratio:16/9;background:#081322}#film{display:block;width:100%;height:100%}.fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#e9eff5;background:#0a1729}.fallback[hidden]{display:none}.fallback p{line-height:1.7;max-width:560px}.controls{display:flex;align-items:center;gap:17px;padding:15px 23px;background:#0d1b2e;border-top:1px solid #223146;color:#d8e3ee}.controls button{border:0;background:none;color:inherit;display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 5px;min-width:35px;min-height:36px;font-size:12px;font-weight:600}#play{min-width:108px;color:#ffb88a;justify-content:flex-start}#play-icon{font-size:14px;width:18px}.controls .icon-button{font-size:24px;font-weight:400}.timeline{flex:1;min-width:50px;display:flex;align-items:center}.timeline input{width:100%;accent-color:#ed9869;cursor:pointer}#time{white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums;color:#adc0d3}.chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px}.chapters button{display:flex;align-items:center;gap:11px;padding:17px 16px;text-align:left;border:1px solid var(--line);border-radius:9px;background:transparent;color:#526070;font-size:12px;font-weight:600;line-height:1.4}.chapters button span{font-family:Consolas,monospace;font-size:11px;color:#9a8a7b;font-weight:400}.chapters button[aria-current]{background:#fff;border-color:#d78d66;box-shadow:0 4px 16px #6d493509;color:var(--ink)}.chapters button[aria-current] span{color:#ae501f}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:19px}.footer p{font-size:13px;line-height:1.7;margin:0;color:var(--muted);max-width:870px}.footer button{display:flex;align-items:center;gap:18px;border:0;background:none;white-space:nowrap;font-size:12px;font-weight:650;color:var(--ink);padding:10px 0}.footer button[hidden]{display:none}.note{margin:17px 0 0;border-top:1px solid var(--line);padding-top:14px;font-size:11px;line-height:1.7;color:#77808b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.player:fullscreen{border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;background:#081322}.player:fullscreen .film-frame{width:100%;max-height:calc(100dvh - 70px);aspect-ratio:16/9;flex:none}.player:fullscreen canvas{object-fit:contain}.player:fullscreen .controls{flex:none}
@media(max-width:850px){main{width:calc(100% - 36px);margin-top:24px}.chapters{gap:7px}.chapters button{padding:13px 9px;gap:6px;font-size:11px}.footer{align-items:flex-start;flex-direction:column;gap:8px}.controls{gap:10px;padding:10px 14px}.brand{font-size:24px}}
@media(max-width:570px){main{width:calc(100% - 24px);margin:20px auto}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-top:25px}h1{font-size:30px;letter-spacing:-.9px}.lead{font-size:13px}.player{border-radius:11px}.controls{gap:6px;padding:8px 9px}#play{min-width:33px;justify-content:center}#play-text{display:none}.controls button{padding:5px 3px;min-width:28px}#time{font-size:10px}.chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.chapters button{padding:13px 12px;font-size:12px}.chapters button:last-child{grid-column:1/-1}.footer p{font-size:12px}.note{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.player.is-expanded{position:fixed;inset:0;z-index:1000;border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#081322}.player.is-expanded .film-frame{width:100%;max-height:calc(100dvh - 70px);aspect-ratio:16/9;flex:none}.player.is-expanded canvas{object-fit:contain}.player.is-expanded .controls{width:100%;flex:none}