:root{--paper:#f6f0e2;--card:#fffaf0;--navy:#172d40;--ink:#25394a;--muted:#61707a;--brass:#9b7433;--line:#dfd2b9;--green:#40735b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Georgia,'Times New Roman',serif}a{color:var(--navy);text-underline-offset:4px}button,input{font:inherit}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b98d49}button{cursor:pointer;border:1px solid #b7aa91;border-radius:5px;background:transparent;color:var(--navy);padding:10px 14px;font:13px/1.5 system-ui,sans-serif}button:disabled{opacity:.45;cursor:default}.primary{background:var(--navy);color:var(--card);border-color:var(--navy);min-width:100px}button[aria-pressed=true]{background:var(--navy);color:var(--card)}input[type=range]{accent-color:var(--brass);width:100%;height:25px;cursor:pointer}.wrap{max-width:1320px;padding:0 28px;margin:auto}.topbar{display:flex;justify-content:space-between;gap:14px;padding:15px max(28px,calc((100vw - 1264px)/2));color:#f4ebd8;background:var(--navy);font:11px/1.5 system-ui,sans-serif;letter-spacing:.15em}.topbar a{color:inherit;letter-spacing:.02em}.hero{padding:48px 0 36px}.eyebrow{font:11px/1.6 system-ui,sans-serif;letter-spacing:.17em;text-transform:uppercase;font-weight:650;color:var(--brass);margin:0 0 10px}h1{font-size:clamp(40px,6vw,76px);font-weight:400;letter-spacing:-.025em;line-height:1.1;margin:0 0 20px}.intro{font-size:20px;max-width:760px;margin:0 0 22px}.tags{display:flex;flex-wrap:wrap;gap:9px}.tags span{border:1px solid var(--line);border-radius:4px;padding:6px 10px;font:11px/1.5 system-ui,sans-serif}.rehearsal-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px;align-items:start}.player{background:var(--card);border:1px solid var(--line);border-radius:9px;overflow:hidden}.studio-head{display:flex;justify-content:space-between;gap:14px;background:var(--navy);color:#f1e6d1;padding:14px 22px;font:11px/1.5 system-ui,sans-serif;letter-spacing:.08em}.studio-head #state{color:#dac398;letter-spacing:0}.studio{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:30px 40px 24px;min-height:320px;background:radial-gradient(ellipse at 50% 10%,#405b67,#1b3549 65%);color:var(--card)}.musician{width:35%;max-width:230px;position:relative;z-index:1}.portrait-frame{position:relative;aspect-ratio:4/5;border:1px solid #ac865144;border-radius:90px 90px 7px 7px;overflow:hidden;background:#304958}.portrait-frame img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 25%}.portrait-fallback{display:flex;justify-content:center;align-items:center;position:absolute;inset:0;font-size:25px;color:#d5c19b}.musician p{font-size:19px;margin:9px 0 0;text-align:center}.musician p span{display:block;font:11px/1.5 system-ui,sans-serif;color:#d6c7a8}.keyboard{width:44%;height:82px;position:absolute;left:28%;bottom:48px;display:flex;gap:2px;padding:5px 5px 7px;border-radius:6px;background:#0d202d;box-shadow:0 15px 30px #06111c77;transform:perspective(250px) rotateX(18deg)}.key.white{flex:1;background:linear-gradient(#f5e5c7,#fff9eb);border-radius:0 0 3px 3px}.black-keys{position:absolute;inset:5px 12% auto 10%;display:flex;justify-content:space-between;height:45px;gap:8%}.black-keys i{display:block;width:12%;background:#173040;border-radius:0 0 3px 3px;box-shadow:0 4px 3px #00121f44}.caption{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:23px 25px;min-height:165px;border-bottom:1px solid var(--line)}.cue-portrait{position:relative;width:64px;height:76px;border-radius:5px;background:#e4d9c4;overflow:hidden}.cue-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%;position:absolute;inset:0}.cue-portrait span{font:10px/1.5 system-ui,sans-serif;display:flex;position:absolute;inset:0;align-items:center;justify-content:center;text-align:center;padding:5px}.speaker{font:11px/1.4 system-ui,sans-serif;color:var(--brass);text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px}.dialogue{font-size:clamp(19px,2vw,26px);line-height:1.35;margin:0 0 10px}.direction{font:11px/1.6 system-ui,sans-serif;color:var(--muted);margin:0}.transport{padding:22px 25px;border-bottom:1px solid var(--line)}.transport-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:15px}.clock{margin-left:auto;font:13px/1.5 system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--muted)}.volume-row{display:flex;align-items:center;gap:13px;margin-top:14px;font:12px/1.5 system-ui,sans-serif}.volume-row input{width:140px;max-width:40%}.volume-row output{min-width:32px}.small{font:12px/1.75 system-ui,sans-serif;color:var(--muted);margin:12px 0 0}.mix{padding:25px}.mix-heading{display:flex;justify-content:space-between;gap:14px;align-items:center}.mix-heading h2{margin:0}h2{font-size:28px;line-height:1.25;font-weight:400;margin:0 0 16px}h3{font-weight:400;font-size:22px;margin:0 0 12px}.layers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.layer{display:flex;text-align:left;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:5px;background:#f5eddd;cursor:pointer}.layer input{accent-color:var(--navy);margin:5px 0 0;flex:none;width:17px;height:17px}.layer .name{display:block;font:13px/1.45 system-ui,sans-serif;color:var(--navy)}.layer .owner,.layer .entrance{display:block;font:10px/1.6 system-ui,sans-serif;color:var(--muted)}.layer[data-active=true]{border-color:#789984;background:#edf1e5}.layer[data-active=true] .entrance{color:var(--green)}.export-row{border-top:1px solid var(--line);padding-top:19px}.log{border:1px solid var(--line);background:#efe5d2;border-radius:8px;overflow:hidden}.log-head{padding:25px 22px 18px}.log-head h2{margin-bottom:10px}.log ol{list-style:none;padding:0;margin:0}.log li{margin:0}.cue-button{width:100%;display:grid;grid-template-columns:36px 1fr;gap:9px;padding:12px 16px;border:0;border-top:1px solid #dacbaf;border-radius:0;text-align:left;background:transparent}.cue-button time{font:10px/1.6 system-ui,sans-serif;color:var(--muted)}.cue-button .who{display:block;font:11px/1.5 system-ui,sans-serif}.cue-button .cue-line{display:block;font:11px/1.55 system-ui,sans-serif;color:var(--muted)}.cue-button[aria-current=true]{background:var(--navy);color:var(--card)}.cue-button[aria-current=true] time,.cue-button[aria-current=true] .cue-line{color:#d8c6a4}.count-check{padding:18px 22px;border-top:1px solid #dacbaf;font:11px/1.8 system-ui,sans-serif;color:var(--muted)}.count-check span{font:13px/1.5 system-ui,sans-serif;color:var(--navy)}.count-check p{margin:12px 0 0}.crew-section{padding:48px 0 35px}.crew-section h2{margin-bottom:10px}.crew-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:24px}.crew-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--card)}.crew-picture{position:relative;aspect-ratio:1/1;background:#e6ddcb}.crew-picture img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 18%}.crew-picture span{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;font:13px/1.5 system-ui,sans-serif;text-align:center;padding:9px}.crew-card .name{font-size:18px;line-height:1.25;margin:10px 11px 4px}.crew-card .role{font:10px/1.6 system-ui,sans-serif;color:var(--muted);margin:0 11px 13px}.notes{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:30px 0 35px;border-top:1px solid var(--line)}.notes p{font-size:15px}.notes .small{font-size:12px}.notes h2{font-size:31px}.file-links{display:flex;gap:18px;flex-wrap:wrap;font:12px/1.6 system-ui,sans-serif!important}footer{padding:20px 0 35px;border-top:1px solid var(--line);font:11px/1.8 system-ui,sans-serif;color:var(--muted);display:flex;justify-content:space-between;gap:15px}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;z-index:10;background:var(--card);padding:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
.reference-figure{margin:16px 0 20px;border:1px solid var(--line);border-radius:6px;background:var(--card);overflow:hidden}.reference-figure img{display:block;width:100%;max-height:390px;object-fit:contain;background:#202020}.reference-figure figcaption{padding:12px 14px;font:11px/1.7 system-ui,sans-serif;color:var(--muted)}
@media(max-width:980px){.rehearsal-grid{grid-template-columns:minmax(0,1fr)}.log ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.log li{display:flex}.cue-button{height:100%;border-right:1px solid #dacbaf}.count-check{display:flex;justify-content:space-between;gap:20px}.count-check p{margin:0}.studio{min-height:310px}.crew-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.wrap{padding:0 16px}.topbar{padding:13px 16px;font-size:9px;letter-spacing:.1em;align-items:center}.topbar a{max-width:160px;text-align:right}.hero{padding:33px 0 26px}.intro{font-size:17px}.intro br{display:none}.tags span{font-size:10px}.studio{padding:24px 22px 17px;min-height:260px;gap:22px}.musician{width:38%}.musician p{font-size:17px}.musician p span{font-size:9px}.keyboard{height:59px;width:43%;left:28%;bottom:46px}.black-keys{height:32px}.caption{padding:20px 18px;grid-template-columns:48px 1fr;gap:13px;min-height:160px}.cue-portrait{width:48px;height:62px}.dialogue{font-size:21px}.transport,.mix{padding:20px 18px}.transport-buttons{gap:6px}.transport-buttons button{padding:9px 11px;font-size:11px}.clock{margin-left:0;flex-basis:100%;margin-top:4px}.mix-heading{align-items:flex-start}.mix-heading h2{font-size:24px}.mix-heading button{font-size:10px;padding:8px 10px}.layers{gap:8px}.layer{padding:10px;gap:8px}.layer .name{font-size:12px}.volume-row{gap:9px}.volume-row input{width:120px}.log ol{grid-template-columns:repeat(2,minmax(0,1fr))}.cue-button{grid-template-columns:30px 1fr;padding:12px 10px;gap:6px}.count-check{display:block}.count-check p{margin:12px 0 0}.crew-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.crew-card .name{font-size:16px;margin:9px 9px 4px}.crew-card .role{margin:0 9px 10px;font-size:9px}.notes{grid-template-columns:1fr;gap:22px}.notes h2{font-size:28px}footer{display:block}footer span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.topbar nav{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-end}.topbar nav a{white-space:nowrap}@media(max-width:600px){.topbar nav{gap:7px 12px}.topbar>span{max-width:140px}}

.film-section{padding:0 0 42px;margin-bottom:38px;border-bottom:1px solid var(--line)}.film-heading{display:flex;gap:24px;align-items:center;justify-content:space-between}.film-heading h2{font-size:clamp(28px,3.2vw,42px);margin:0}.film-download{font:12px/1.6 system-ui,sans-serif;white-space:nowrap}.film-intro{font-size:17px;max-width:740px;margin:16px 0 22px}.music-film{display:block;width:100%;aspect-ratio:16/9;background:#172d40;border:1px solid var(--line);border-radius:8px;object-fit:contain}.film-note{max-width:840px;margin-top:14px}@media(max-width:600px){.film-heading{display:block}.film-download{display:inline-block;margin-top:14px}.film-intro{font-size:16px}.film-section{padding-bottom:28px;margin-bottom:28px}}
.number-nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:26px;font:13px/1.6 system-ui,sans-serif}.film-section,.rehearsal-grid{scroll-margin-top:24px}