:root{color-scheme:dark;--bg:#110e0b;--ink:#efe7d7;--ink-2:#b4aa9a;--rule:#efe7d724;--signal:#ea5a1f;--amber:#ffb648;--paper:#ebe3d1;--paper-ink:#1d1915;--paper-ink-2:#5a5145;--silk:"Michroma", "Eurostile", ui-sans-serif, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);background:radial-gradient(60rem 30rem at 50% -10%, #ea5a1f29, transparent 70%), var(--bg);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--amber);text-underline-offset:3px}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.page{max-width:68rem;margin:0 auto;padding:clamp(32px,6vw,72px) 16px 48px}.masthead{text-align:center;margin-bottom:clamp(24px,4vw,40px)}.kicker{font:600 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin:0 0 14px}.wordmark{font:400 clamp(36px, 8vw, 76px) / 1 var(--silk);letter-spacing:.06em;text-transform:uppercase;margin:0}.model{vertical-align:middle;background:var(--signal);color:#1b1612;letter-spacing:.14em;border-radius:6px;margin-inline-start:.3em;padding:.35em .5em .3em;font-size:.22em;display:inline-block;translate:0 -.4em}.tagline{max-width:36rem;color:var(--ink-2);text-wrap:balance;margin:18px auto 0;font-size:clamp(16px,2vw,19px)}.player{color-scheme:light;filter:drop-shadow(0 30px 60px #0000008c);width:100%;max-width:min(60rem,125svh - 175px);margin:0 auto}.player .media-skin{aspect-ratio:1350/1080}media-i18n,video-player{display:contents}.options{flex-wrap:wrap;justify-content:center;gap:16px 36px;margin:28px auto 0;display:flex}.option{border:0;flex-direction:column;align-items:center;gap:10px;min-width:0;margin:0;padding:0;display:flex}legend{float:left;text-align:center;width:100%;font:400 10px/1 var(--silk);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:10px;padding:0}legend code{font:500 11px/1 var(--mono);letter-spacing:0;text-transform:none;color:var(--ink-2);opacity:.8;margin-top:6px;display:block}.option input{opacity:0;width:1px;height:1px;position:absolute}.segmented{box-shadow:inset 0 1px 2px #0009, 0 0 0 1px var(--rule);background:#0a0806;border-radius:12px;gap:3px;padding:3px;display:flex}.segmented span,.swatch{min-height:44px;font:600 14px/1 var(--sans);color:var(--ink-2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 16px;transition:background-color .12s,color .12s,translate .1s;display:inline-flex}.segmented input:checked+span{color:var(--ink);background:#36312c;box-shadow:inset 0 1px #ffffff14,0 2px #000}.segmented input:focus-visible+span,.swatches input:focus-visible+.swatch{outline:2px solid var(--amber);outline-offset:2px}.swatches{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.swatch{box-shadow:0 0 0 1px var(--rule);background:#1c1815;border-radius:12px;padding:0 14px 0 10px}.swatch:before{content:"";background:var(--c);border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 2px #00000080}.swatches input:checked+.swatch{color:var(--ink);box-shadow:0 0 0 2px var(--c)}.swatches input:checked+.swatch:before{box-shadow:0 0 8px 1px var(--c)}.jcard{max-width:60rem;color:var(--paper-ink);background:repeating-linear-gradient(to bottom, transparent 0 31px, #1d191514 31px 32px), var(--paper);border-radius:14px;grid-template-columns:56px 1fr;margin:clamp(48px,8vw,88px) auto 0;display:grid;overflow:hidden;box-shadow:0 0 0 1px #0006,0 24px 48px -16px #0009}.jcard-spine{writing-mode:vertical-rl;background:var(--signal);color:#1b1612;font:400 11px/1 var(--silk);letter-spacing:.2em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:24px 0;display:flex;rotate:180deg}.jcard-body{padding:clamp(24px,4vw,44px)}.jcard h2{font:400 14px/1 var(--silk);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 20px;display:flex}.jcard h2+*{margin-top:0}#side-b{margin-top:40px}.side{background:var(--paper-ink);width:30px;height:30px;color:var(--paper);letter-spacing:0;border-radius:7px;place-items:center;font-size:13px;display:grid}.tracks{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:4px 36px;margin:0;padding:0;list-style:none;display:grid}.tracks li{border-top:1px dashed #1d191538;grid-template-columns:36px 1fr;gap:8px;padding:14px 0;display:grid}.no{font:700 13px/1.6 var(--mono);color:#b73a0a}.tracks h3{font:700 16px/1.4 var(--sans);margin:0 0 4px}.tracks p{color:var(--paper-ink-2);margin:0;font-size:14.5px}.keys{color:var(--paper-ink-2);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:10px 24px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.keys li{align-items:center;gap:6px;display:flex}kbd{min-width:26px;height:26px;color:var(--paper-ink);font:600 12px/1 var(--mono);background:#faf6ec;border-radius:6px;place-items:center;padding:0 7px;display:inline-grid;box-shadow:inset 0 1px #fff,0 2px #b3a68b,0 3px 5px -2px #00000059}.keys li kbd:last-of-type{margin-inline-end:6px}.footer{text-align:center;max-width:60rem;color:var(--ink-2);margin:40px auto 0;font-size:14.5px}.credits{opacity:.85;font-size:13px}@media (width<=560px){.jcard{grid-template-columns:1fr}.jcard-spine{writing-mode:horizontal-tb;padding:12px 20px;rotate:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.options{align-items:flex-start}.hint{font:500 11px/1 var(--mono);color:var(--ink-2);margin:0}.hint code{font:inherit;color:var(--ink);opacity:.85}.swatches{box-shadow:inset 0 1px 2px #0009, 0 0 0 1px var(--rule);background:#0a0806;border-radius:12px;gap:3px;padding:3px}.swatch{box-shadow:none;background:0 0;border-radius:9px}.swatches input:checked+.swatch{box-shadow:inset 0 1px 0 #ffffff14, 0 2px 0 #000, inset 0 0 0 1.5px var(--c);background:#36312c}