:root{color-scheme:light;--ink:#191913;--paper:#f4efe5;--accent:#b53b08}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.film-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4vw;border-bottom:1px solid #b9b3a9;font:12px monospace;letter-spacing:.04em}.film-header span{font-weight:700}main{max-width:1380px;margin:auto;padding:24px 4vw 32px}.film-title p,.scene-copy>p:first-child{font:12px monospace;letter-spacing:.08em}.film-title h1{font:700 clamp(26px,3vw,42px)/1.1 Archivo,Arial,sans-serif;margin:10px 0 25px}.film-stage{display:grid;grid-template-columns:1.3fr 1fr;background:#fffaf1;border:1px solid var(--ink);border-top:5px solid var(--accent)}.film-stage img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;min-width:0}.scene-copy{padding:clamp(18px,3vw,40px);align-self:center}.scene-copy h2{font:700 clamp(24px,2.3vw,34px)/1.1 Archivo,Arial,sans-serif}.scene-copy>p{font:clamp(17px,1.45vw,20px)/1.5 Georgia,serif}.scene-copy .scene-boundary{font:600 15px/1.5 Arial,sans-serif;border-top:1px solid #b9b3a9;padding-top:16px}.film-controls{display:flex;align-items:center;gap:8px;margin:16px 0}.film-controls button{min-width:48px;min-height:46px;background:var(--ink);color:var(--paper);border:0;padding:10px 18px}.film-controls span{margin-left:auto;font:12px monospace}.scene-list{display:flex;flex-wrap:wrap;gap:6px}.scene-list button{min-height:44px;background:transparent;border:1px solid #989183;padding:8px 12px;font:12px monospace}.scene-list button[aria-current=true]{background:var(--accent);color:white;border-color:var(--accent)}.film-note{font:13px/1.5 Arial,sans-serif;max-width:900px;color:#625d53}.film-end{display:flex;gap:16px;flex-wrap:wrap;font-weight:700;margin-top:20px}
@media(max-width:650px){.film-header{flex-wrap:wrap;font-size:11px}.film-header span{display:none}.film-stage{grid-template-columns:1fr}.film-stage img{height:auto}.scene-copy{min-height:300px}.film-controls{flex-wrap:wrap}.film-controls span{width:100%;margin:4px 0}.scene-list button{flex:1 1 25%}.film-title p{line-height:1.5}}