:root{color-scheme:light;--paper:#f4f2fa;--paper-light:#fbf9ff;--paper-deep:#e7e3f2;--ink:#29263d;--muted:#625e75;--accent:#684bb2;--signal:#236a4c;--dark:#1e1d2e;--dark-soft:#2a2940;--cream:#f6f3ff;--dark-copy:#ddd9ed;--dark-accent:#c4b3ff;--dark-signal:#8ed8b3;--line:#c9c2dc;--card:#fbf9ff;--card-soft:#fbf9ffbf;--panel:#f6f3ff14;--shadow:#362d5b1a;--focus:#684bb2;--disabled:#d9d4e7;--measure:40rem;--wide:65rem;--sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:Georgia, "Times New Roman", serif}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#1b1a29;--paper-light:#1e1d2d;--paper-deep:#211f32;--ink:#efedf8;--muted:#c5c0d8;--accent:#c3b1ff;--signal:#8dd8b2;--dark:#12121d;--dark-soft:#1f1e30;--cream:#f7f4ff;--dark-copy:#dbd6eb;--dark-accent:#c9b8ff;--dark-signal:#8dd8b2;--line:#403d57;--card:#252339;--card-soft:#efedf80f;--panel:#efedf812;--shadow:#00000047;--focus:#c3b1ff;--disabled:#3a384d}}*,:before,:after{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--paper);font:1.125rem/1.72 var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}main{overflow:hidden}h1,h2,h3,p,pre{margin-top:0}h1,h2,h3,.eyebrow,.category,.statement,.sequence,.system{font-family:var(--sans)}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;margin-bottom:1.25rem;line-height:1.08}h1{letter-spacing:-.07em;font-size:clamp(4.2rem,15vw,9rem)}h2{max-width:16ch;font-size:clamp(2.35rem,6vw,4.8rem)}h3{font-size:clamp(1.35rem,3vw,1.85rem)}p{max-width:var(--measure);margin-bottom:1.35rem}strong{font-weight:700}a{color:var(--accent);text-underline-offset:.25em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{z-index:10;color:var(--paper);background:var(--ink);font:700 .9rem/1 var(--sans);padding:.7rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}section,.hero{padding:clamp(4.5rem, 10vw, 8.5rem) max(1.25rem, calc((100vw - var(--wide)) / 2))}.content,.hero-inner{max-width:var(--measure)}.hero{color:var(--cream);background:var(--dark)}.page-header{padding:0 max(1.25rem, calc((100vw - var(--wide)) / 2)) clamp(4.5rem, 10vw, 8.5rem);color:var(--cream);background:var(--dark)}.site-nav{max-width:var(--wide);font:700 .85rem/1.4 var(--sans);justify-content:space-between;gap:1.5rem;padding:1.25rem 0 clamp(4rem,9vw,7rem);display:flex}.site-nav div{flex-wrap:wrap;justify-content:flex-end;gap:.5rem 1.25rem;display:flex}.site-nav a{color:var(--dark-copy)}.site-nav .wordmark{color:var(--cream);letter-spacing:.08em;text-transform:uppercase;font-size:1rem;text-decoration:none}.page-header-copy{max-width:var(--measure)}.page-header h1{color:var(--cream);margin-bottom:1.5rem;font-size:clamp(3.1rem,9vw,6.5rem)}.page-header .category{margin-bottom:1.5rem}.hero h1,.hero strong{color:var(--cream)}.hero-logo{width:clamp(13rem,42vw,19rem);color:var(--cream);letter-spacing:.35em;text-transform:uppercase;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:500;line-height:1;display:inline-flex}.hero-mark{fill:currentColor;width:100%;height:auto;display:block}.category{color:var(--dark-signal);letter-spacing:.04em;margin-bottom:3.5rem;font-size:.88rem;font-weight:700}.hero-claim{font:750 clamp(2rem, 5vw, 3.7rem) / 1.08 var(--sans);letter-spacing:-.04em;margin:1.8rem 0}.hero-copy{color:var(--dark-copy);font-size:clamp(1.2rem,2.5vw,1.5rem)}.proof{color:var(--dark-signal);font-family:var(--sans);margin-top:2.25rem;font-size:.95rem}.quiet-links{flex-wrap:wrap;gap:.2rem 1.5rem;margin-top:1.75rem;display:flex}.quiet-links a,.pending-link{align-items:center;min-height:44px;display:inline-flex}.explore-links{gap:1rem;margin-top:2.5rem;display:grid}.explore-links a{border:1px solid var(--line);color:var(--ink);background:var(--card-soft);border-radius:.4rem;gap:.25rem;padding:1.25rem;text-decoration:none;display:grid}.explore-links a:hover strong{text-underline-offset:.25em;text-decoration:underline}.explore-links span{color:var(--muted)}.pending-link{color:var(--muted);font-family:var(--serif)}.hero a,.dark a{color:var(--dark-accent)}.hero .pending-link,.dark .pending-link{color:var(--dark-copy)}.statement{max-width:27ch;color:var(--accent);letter-spacing:-.025em;margin:2rem 0 2.75rem;font-size:clamp(1.45rem,3vw,2.15rem);font-weight:750;line-height:1.2}.tonal-pair{max-width:var(--wide);gap:1rem;display:grid}.tonal-pair article{border-radius:.5rem;min-width:0;padding:clamp(1.5rem,4vw,2.5rem)}.tonal-pair article:first-child{background:var(--paper-deep)}.tonal-pair article:last-child{background:var(--paper-light);box-shadow:0 12px 36px var(--shadow)}.tonal-pair p{max-width:38rem}.eyebrow{color:var(--signal);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem;font-size:.72rem;font-weight:800}.field{background:var(--paper-light)}.field-deep{background:var(--paper-deep)}.dark{color:var(--dark-copy);background:var(--dark-soft)}.dark h2,.dark h3,.dark strong{color:var(--cream)}.dark .statement{color:var(--dark-accent)}.dark p{color:var(--dark-copy)}.reading-units,.builds,.components{gap:1.25rem 2.5rem;margin-top:2.5rem;display:grid}.reading-units article,.builds article,.components article{min-width:0}.reading-units article{background:var(--card-soft);border-radius:.4rem;padding:1.4rem}.builds article{padding-block:.6rem}.components article{background:var(--card);box-shadow:0 8px 24px var(--shadow);border-radius:.45rem;padding:1.6rem}.components h3{font-size:clamp(1.3rem,2.2vw,1.6rem)}pre{border:1px solid var(--line);max-width:100%;color:var(--cream);background:var(--dark);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:.35rem;margin:1.5rem 0;padding:1.15rem;font:.82rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.sequence{gap:.65rem;margin:2.5rem 0;display:grid}.sequence p{color:var(--accent);margin:0;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:750;line-height:1.2}.system{text-align:center;gap:.85rem;margin:2.5rem 0;display:grid}.system .plane,.system .participants{background:var(--panel);border-radius:.4rem;padding:1.5rem;font-weight:750}.system small{color:var(--dark-copy);font:.85rem/1.5 var(--sans);margin-top:.35rem;display:block}.system .relationship{color:var(--dark-signal);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:800}.component-intro{font:750 clamp(1.45rem, 3vw, 2rem) / 1.2 var(--sans);letter-spacing:-.025em;margin-bottom:0}.newsletter{max-width:34rem;margin-top:2rem}.newsletter label{font-family:var(--sans);margin-bottom:.55rem;font-weight:700;display:block}.newsletter-row{gap:.65rem;display:flex}input,button{border:1px solid var(--line);min-height:44px;font:inherit;border-radius:.3rem;padding:.65rem .9rem}input{min-width:0;color:var(--ink);background:var(--card-soft);flex:1}button{color:var(--muted);background:var(--disabled)}input:disabled,button:disabled{cursor:not-allowed}input:disabled{opacity:.72}button:disabled{color:var(--ink);opacity:1}.credit{margin-top:3.5rem;font-size:.95rem}@media (width>=760px){.tonal-pair,.reading-units,.builds{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-units article:last-child:nth-child(odd),.builds article:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 1.25rem)}.explore-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.components{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=520px){body{font-size:1.05rem}section,.hero,.page-header{padding-inline:1.2rem}.site-nav{flex-direction:column;align-items:flex-start;gap:1.25rem}.site-nav div{justify-content:flex-start}.newsletter-row{flex-direction:column}.newsletter-row input,.newsletter-row button{width:100%}pre{font-size:.8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}