:root{--ink:#080c12;--ink-2:#101720;--ink-3:#18222e;--paper:#f5f2eb;--paper-2:#ece7dc;--crimson:#b81037;--red:#e24a68;--teal:#75a69c;--line-dark:rgba(245,242,235,.14);--line-light:rgba(8,12,18,.14);--muted-dark:#9ba7b4;--muted-light:#54606b;--display:"Fraunces",Georgia,serif;--sans:"Inter",Arial,sans-serif;--mono:"Spline Sans Mono",monospace;--gutter:clamp(1.25rem,4vw,4rem);--max:1360px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{font:inherit}::selection{background:var(--crimson);color:white}.skip-link{position:fixed;left:-999px;top:1rem;z-index:100;background:white;color:var(--ink);padding:.7rem 1rem}.skip-link:focus{left:1rem}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:4px}.grid-surface{position:relative;background-color:var(--ink);background-image:linear-gradient(rgba(245,242,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(245,242,235,.045) 1px,transparent 1px);background-size:72px 72px}.grid-surface::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 15%,rgba(184,16,55,.2),transparent 32%),radial-gradient(circle at 15% 85%,rgba(117,166,156,.08),transparent 26%)}.grid-surface>*{position:relative;z-index:1}.progress{position:fixed;z-index:90;top:0;left:0;right:0;height:3px;background:transparent}.progress span{display:block;width:0;height:100%;background:var(--red)}
.masthead{height:82px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:rgba(8,12,18,.94);color:var(--paper);border-bottom:1px solid var(--line-dark);position:sticky;top:0;z-index:80;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:1rem}.brand img{width:126px;height:auto}.brand span{font:500 .68rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted-dark);padding-left:1rem;border-left:1px solid var(--line-dark)}.masthead nav{display:flex;align-items:center;gap:2rem;font-size:.84rem}.masthead nav>a:not(.site-link){color:var(--muted-dark)}.masthead nav>a:hover,.masthead nav>a.active{color:white}.site-link{display:flex;align-items:center;gap:.55rem;border:1px solid var(--line-dark);padding:.65rem .9rem}.site-link svg,.primary-cta svg,.read svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.5}.menu{display:none;background:none;border:0;color:white;width:44px;height:44px}.menu span{display:block;width:24px;height:1px;background:white;margin:7px auto}
.eyebrow{font:500 .71rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--red)}.hero{min-height:760px;padding:clamp(6rem,10vw,10rem) var(--gutter);color:var(--paper);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:8vw;align-items:center}.hero-copy{max-width:820px}.hero h1,.article-hero h1{font:380 clamp(3.7rem,7.3vw,7.2rem)/.94 var(--display);letter-spacing:-.035em;margin:1.3rem 0 2rem;text-wrap:balance}.hero h1 em,.section-heading h2 em,.method h2 em,.article-end h2 em{font-weight:330;color:var(--red)}.lede{font-size:clamp(1.08rem,1.55vw,1.35rem);color:var(--muted-dark);max-width:58ch}.primary-cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:2rem;background:var(--crimson);color:white;padding:1rem 1.35rem;font-weight:600;font-size:.9rem}.primary-cta:hover{background:#8e0c2a}.hero-system{aspect-ratio:1;max-width:520px;width:100%;position:relative;margin:auto}.system-core,.system-ring,.hero-system .dot{position:absolute;border-radius:50%}.system-core{inset:37%;display:grid;place-items:center;background:var(--crimson);box-shadow:0 0 80px rgba(184,16,55,.45);font:500 .7rem var(--mono);letter-spacing:.16em}.system-ring{border:1px solid var(--line-dark);inset:17%}.system-ring.r2{inset:2%;border-style:dashed;animation:spin 50s linear infinite}.hero-system .dot{width:10px;height:10px;background:var(--teal);box-shadow:0 0 18px var(--teal)}.hero-system .d1{left:15%;top:43%}.hero-system .d2{right:7%;top:29%}.hero-system .d3{right:26%;bottom:11%}.hero-system .d4{left:31%;top:8%}.hero-system>p{position:absolute;right:4%;bottom:19%;font:400 .68rem/1.7 var(--mono);letter-spacing:.08em;color:var(--muted-dark);text-transform:uppercase}.system-label{font:400 .62rem var(--mono);letter-spacing:.16em;color:var(--muted-dark)}@keyframes spin{to{transform:rotate(360deg)}}
.principles{background:var(--ink-2);color:var(--paper);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);padding:1.6rem var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:2rem}.principles>p{font-family:var(--display);font-size:1.22rem}.principles>div{display:flex;gap:2rem;color:var(--muted-dark);font:400 .63rem var(--mono);letter-spacing:.12em}
.library{max-width:var(--max);margin:auto;padding:clamp(6rem,10vw,10rem) var(--gutter)}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:3.5rem}.section-heading h2,.method h2{font:380 clamp(2.7rem,5.3vw,5rem)/1 var(--display);letter-spacing:-.03em;margin:.8rem 0 0}.section-heading>p{color:var(--muted-light);max-width:50ch}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filters button{background:transparent;border:1px solid var(--line-light);padding:.55rem .85rem;font:500 .65rem var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.filters button.selected,.filters button:hover{background:var(--ink);color:var(--paper)}.article-grid{display:grid;gap:1.5rem}.article-card{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);border:1px solid var(--line-light);background:#faf8f3;min-height:460px;transition:transform .35s,box-shadow .35s}.article-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(8,12,18,.12)}.article-card.hidden{display:none}.card-visual{height:100%;min-height:380px;background:var(--ink-2);position:relative;overflow:hidden}.card-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,242,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(245,242,235,.06) 1px,transparent 1px);background-size:40px 40px}.orbit{position:absolute;border:1px solid rgba(226,74,104,.45);border-radius:50%}.orbit-a{inset:18%;animation:spin 35s linear infinite}.orbit-b{inset:32%;border-color:rgba(117,166,156,.5);border-style:dashed}.node{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--red);box-shadow:0 0 22px var(--red)}.n1{top:19%;left:49%}.n2{top:56%;left:18%;background:var(--teal);box-shadow:0 0 22px var(--teal)}.n3{bottom:20%;right:25%}.card-visual strong{position:absolute;right:1.5rem;bottom:.5rem;font:320 8rem var(--display);color:rgba(245,242,235,.08)}.visual-label{position:absolute;left:1.5rem;bottom:1.5rem;font:400 .58rem var(--mono);letter-spacing:.13em;color:var(--muted-dark)}.card-body{padding:clamp(2rem,4vw,4.2rem);display:flex;flex-direction:column}.kicker{display:flex;justify-content:space-between;gap:1rem;margin:0 0 2rem;font:500 .66rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--crimson)}.kicker span{color:var(--muted-light)}.card-body h2{font:420 clamp(2rem,3.7vw,3.5rem)/1.05 var(--display);letter-spacing:-.025em;margin:0 0 1.5rem;max-width:18ch}.card-body>p{color:var(--muted-light);font-size:1.05rem;max-width:62ch}.card-foot{margin-top:auto;padding-top:2rem;display:flex;justify-content:space-between;align-items:end;gap:1.5rem}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.tags span{font:400 .58rem var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-light);padding:.4rem .55rem}.read{display:flex;gap:.65rem;align-items:center;white-space:nowrap;font-weight:600;font-size:.86rem;color:var(--crimson)}.next-card{border-left:3px solid var(--crimson);margin-top:1.5rem;padding:2rem 2.4rem;background:var(--paper-2);display:grid;grid-template-columns:.5fr 1fr 1.2fr;gap:2rem;align-items:center}.next-card span{font:500 .65rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--crimson)}.next-card h3{font:400 1.55rem var(--display);margin:0}.next-card p{color:var(--muted-light);margin:0}
.method{color:var(--paper);padding:clamp(6rem,10vw,9rem) max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)));display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-dark)}.method article{padding:2rem;border-right:1px solid var(--line-dark)}.method article:last-child{border:0}.method article span{font:400 .65rem var(--mono);color:var(--red)}.method h3{font:400 1.65rem var(--display);margin:2.5rem 0 .8rem}.method article p{color:var(--muted-dark);font-size:.9rem}
footer{background:#05080c;color:var(--paper);padding:3rem var(--gutter);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:2rem;border-top:1px solid var(--line-dark)}footer>p{color:var(--muted-dark);font-family:var(--display);font-style:italic}footer>div{display:flex;justify-content:flex-end;gap:1.5rem;color:var(--muted-dark);font-size:.75rem}footer a:hover{color:white}
.article-hero{color:var(--paper);padding:4rem max(var(--gutter),calc((100vw - 1180px)/2));min-height:680px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.crumbs{display:flex;gap:.7rem;color:var(--muted-dark);font:400 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4.5rem}.crumbs a:hover{color:white}.article-hero h1{font-size:clamp(3.4rem,7vw,6.7rem);max-width:1050px;margin-bottom:1.7rem}.article-dek{font-size:clamp(1.1rem,1.7vw,1.38rem);max-width:850px;color:var(--muted-dark)}.byline{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2rem;font:400 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dark)}.byline strong{color:var(--paper)}.article-glyph{position:absolute!important;right:var(--gutter);top:5rem;display:flex;gap:.5rem;align-items:center;color:var(--muted-dark);font:400 .55rem var(--mono);letter-spacing:.1em}.article-glyph i{display:block;width:40px;height:1px;background:var(--crimson)}
.article-layout{max-width:1180px;margin:auto;padding:clamp(4rem,8vw,8rem) var(--gutter);display:grid;grid-template-columns:250px minmax(0,780px);gap:clamp(3rem,7vw,7rem);align-items:start}.toc{position:sticky;top:110px;max-height:calc(100vh - 140px);overflow:auto;border-top:2px solid var(--crimson);padding-top:1rem}.toc>p{font:500 .65rem var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0 0 1rem}.toc a{display:block;color:var(--muted-light);font-size:.76rem;line-height:1.35;padding:.36rem 0}.toc a.toc-3{padding-left:.8rem;font-size:.7rem}.toc a:hover,.toc a.current{color:var(--crimson)}.copy-link{margin-top:1rem;background:none;border:0;border-bottom:1px solid var(--crimson);padding:.4rem 0;color:var(--crimson);font:500 .67rem var(--mono);cursor:pointer}.prose{min-width:0}.prose>h2{font:420 clamp(2.15rem,4vw,3.25rem)/1.08 var(--display);letter-spacing:-.025em;margin:5rem 0 1.5rem;padding-top:1rem}.prose>h2:first-child{margin-top:0}.prose>h3{font:450 clamp(1.55rem,2.7vw,2.2rem)/1.18 var(--display);margin:4rem 0 1rem;padding-top:1rem}.prose>h4{font-size:1.1rem;margin-top:2.5rem}.heading-anchor{opacity:0;margin-left:.6rem;color:var(--crimson);font:400 1rem var(--mono)}h2:hover .heading-anchor,h3:hover .heading-anchor,.heading-anchor:focus{opacity:1}.prose p,.prose li{font-size:1.03rem;color:#29333d}.prose p{margin:0 0 1.25rem}.prose ul,.prose ol{padding-left:1.5rem;margin:1.3rem 0 2rem}.prose li{padding:.2rem 0 .2rem .4rem}.prose a{color:var(--crimson);border-bottom:1px solid rgba(184,16,55,.35)}.external{font-size:.68em;margin-left:.18rem}.prose blockquote{margin:1.8rem 0;padding:1.25rem 1.5rem 1.25rem 2rem;border-left:3px solid var(--crimson);background:var(--paper-2)}.prose blockquote p{font:italic 370 clamp(1.18rem,2.1vw,1.48rem)/1.55 var(--display);color:var(--ink);margin:0}.prose code{font-family:var(--mono);font-size:.84em;background:var(--paper-2);padding:.12rem .3rem}.prose pre{overflow:auto;background:var(--ink-2);color:var(--paper);padding:1.3rem;margin:2rem 0}.prose pre code{background:none;padding:0}.table-wrap{overflow:auto;margin:2rem 0;border:1px solid var(--line-light)}table{width:100%;border-collapse:collapse;min-width:640px;font-size:.88rem}th,td{text-align:left;vertical-align:top;padding:1rem;border-bottom:1px solid var(--line-light)}th{background:var(--ink-2);color:var(--paper);font:500 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase}tr:last-child td{border-bottom:0}td:first-child{font-weight:600;width:31%}.article-end{margin-top:6rem;padding:3rem;background:var(--ink-2);color:var(--paper)}.article-end h2{font:400 clamp(2rem,4vw,3.3rem)/1.06 var(--display);margin:1rem 0}.article-end>p:not(.eyebrow){color:var(--muted-dark)}.not-found{min-height:75vh;padding:10vw var(--gutter);background:var(--ink);color:var(--paper)}.not-found h1{font:400 clamp(3rem,7vw,6rem) var(--display)}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-system{max-width:430px}.principles,.section-heading,.method,.next-card{grid-template-columns:1fr;display:grid}.principles>div{flex-wrap:wrap}.article-card{grid-template-columns:1fr}.card-visual{min-height:320px}.method-grid{grid-template-columns:1fr}.method article{border-right:0;border-bottom:1px solid var(--line-dark)}.article-layout{grid-template-columns:1fr}.toc{position:relative;top:auto;max-height:none;columns:2}.toc>p,.toc button{column-span:all}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:680px){.masthead{height:70px}.masthead nav{display:none;position:fixed;inset:70px 0 auto;background:var(--ink);padding:2rem var(--gutter);flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line-dark)}.menu{display:block}.menu-open .masthead nav{display:flex}.hero{padding-top:5rem}.hero h1{font-size:3.3rem}.hero-system{max-width:340px}.principles>div{display:grid}.section-heading{margin-bottom:2rem}.article-card{min-height:0}.card-body{padding:1.7rem}.card-foot{align-items:flex-start;flex-direction:column}.next-card{padding:1.5rem}.article-hero{min-height:600px}.article-glyph{display:none}.article-layout{padding-top:3rem}.toc{columns:1}.prose>h2{margin-top:3.5rem}.prose>h3{margin-top:3rem}.article-end{padding:2rem 1.4rem}footer>div{display:grid}.brand span{font-size:.57rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.system-ring.r2{animation:none}.article-card{transition:none}}
@media print{.masthead,.toc,.progress,footer,.article-end{display:none}.article-hero{min-height:0;padding:2rem;background:white;color:black}.article-dek,.byline{color:#444}.article-layout{display:block;padding:1rem}.prose{max-width:none}.prose a{color:black}}