:root{color-scheme:dark;--bg:#101217;--fg:#f5f0e4;--muted:#b7b4ad;--gold:#e5b96a;--line:#4b4842;--card:#1b1d23}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--gold)}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit}button{cursor:pointer;background:#292b32;color:var(--fg);border:1px solid #8c8372;border-radius:4px;padding:.65rem 1rem}button:hover{border-color:var(--gold)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f4c879;outline-offset:3px}.primary,.button{background:var(--gold);color:#141414;font-weight:750;border:0;text-decoration:none;padding:.75rem 1.15rem;display:inline-block;border-radius:4px}.skip{position:absolute;left:10px;top:-80px;background:white;color:black;padding:1rem;z-index:20}.skip:focus{top:10px}header{padding:1rem clamp(1rem,5vw,5rem);display:flex;justify-content:space-between;gap:2rem;align-items:center;border-bottom:1px solid var(--line);flex-wrap:wrap}nav{display:flex;gap:1.1rem;flex-wrap:wrap;font-size:.85rem}nav a,.brand{text-decoration:none}.brand{font-weight:900;letter-spacing:.15em;color:var(--fg)}.hero,.panel,.outro{padding:clamp(3rem,8vw,8rem) clamp(1rem,8vw,9rem);max-width:1600px;margin:auto}.hero{background:radial-gradient(circle at 75% 60%,#373025 0,transparent 40%)}.eyebrow,.section-head>span,.outro>span,.label,.tag,.fine{font-size:.77rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}h1,h2,h3{line-height:1.08;letter-spacing:-.055em}h1{font-size:clamp(3.6rem,11vw,11rem);margin:1rem 0 2rem;font-weight:900}h1 em,h2 i{color:var(--gold);font-style:normal}h2{font-size:clamp(2.5rem,6vw,6.5rem);margin:.5rem 0 2rem}h3{font-size:1.5rem}.hero>p,.panel>p,.outro>p{max-width:780px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.6fr);gap:4rem;align-items:center;margin:4rem 0}.record{width:min(100%,420px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#17191d 0 3px,#303137 4px 5px,#17191d 6px 9px);box-shadow:0 0 0 12px #26272a,0 30px 80px #0008;display:grid;place-items:center;animation:spin 30s linear infinite}.record-inner{width:34%;aspect-ratio:1;border-radius:50%;background:var(--gold);display:grid;place-items:center;color:#151515;font-weight:900;text-align:center;line-height:1.2;letter-spacing:.15em}.hero-aside{display:grid;gap:1rem;letter-spacing:.16em;font-size:.8rem}.hero-aside span{border-bottom:1px solid var(--line);padding:.8rem 0}.panel{border-top:1px solid var(--line)}.section-head{margin-bottom:2rem}.studio{display:grid;grid-template-columns:280px 1fr;gap:2rem;background:var(--card);padding:2rem;border:1px solid var(--line)}label{display:grid;gap:.5rem;margin-bottom:1rem;font-weight:650}input,textarea,select{background:#111318;color:var(--fg);border:1px solid #8a867e;border-radius:4px;padding:.6rem;width:100%;min-width:0}input[type=range]{accent-color:var(--gold)}textarea{min-height:115px;resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.steps{display:grid;gap:1rem}.track{display:grid;grid-template-columns:70px repeat(16,minmax(0,1fr));gap:3px;align-items:center}.track label{font-size:.7rem;margin:0}.step{min-width:0;padding:0;aspect-ratio:1;border-radius:2px;background:#36383e;border:1px solid #65666a}.step[aria-pressed=true]{background:var(--gold);border-color:var(--gold)}.step.current{outline:2px solid white;outline-offset:1px}.beatline{margin-top:2rem;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0}.device.active{background:var(--gold);color:#111}.exhibit,.scenario,.callout{padding:2rem;border:1px solid var(--line);background:linear-gradient(140deg,#24252b,#15161b)}.exhibit blockquote{font-size:clamp(1.4rem,3vw,2.7rem);line-height:1.4;letter-spacing:-.02em;margin:1rem 0;color:var(--gold)}.exercise{margin:2rem 0;max-width:700px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.timeline{border-left:2px solid var(--gold);margin:2rem 0;padding-left:1.5rem}.entry{padding:1rem 1.5rem;margin:1rem 0;background:var(--card);border:1px solid var(--line);overflow-wrap:anywhere}.entry time{color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cards article{padding:2rem;background:var(--card);border:1px solid var(--line)}.cards p{color:#e0ddd7}.outro{min-height:60vh;background:radial-gradient(circle at 80% 40%,#4a3626,transparent 50%)}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:2rem 5vw;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}details{margin:2rem 0}summary{cursor:pointer;color:var(--gold)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.studio,.hero-grid{grid-template-columns:1fr}.formgrid,.cards{grid-template-columns:1fr}.studio{padding:1rem}.track{grid-template-columns:52px repeat(16,minmax(0,1fr));gap:2px}.track label{font-size:.6rem}.step{border-radius:0}.hero-grid{gap:2rem}.record{max-width:280px}}@media(max-width:390px){.track{grid-template-columns:38px repeat(16,minmax(0,1fr));gap:1px}.track label{font-size:.52rem}.panel,.hero,.outro{padding-left:1rem;padding-right:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.record{animation:none}*,*:before,*:after{transition:none!important;animation-duration:.01ms!important}}