.landing{--ink: #f3f0eb;--muted: #aaa5a0;--paper: #161518;--surface: #211e23;--line: #3f3a40;--accent: #ef6b7a;color:var(--ink);background:var(--paper);overflow-x:clip}html,body{color-scheme:dark;background:#161518}::selection{color:#161518;background:#ef6b7a}:focus-visible{outline-color:#ef6b7a}.skip-link{color:#161518;background:#ef6b7a}.site-nav{border-color:#3f3a40;background:#161518;backdrop-filter:none}.site-nav-brand{color:#f3f0eb}.site-nav-brand:before{background:#ef6b7a}.site-nav-brand span{color:#ef6b7a}.site-nav-links a{display:inline-flex;min-height:2.75rem;align-items:center;color:#aaa5a0;transition:none}.site-nav-links a:hover{color:#f3f0eb}.site-nav-cta{min-height:2.75rem;color:#161518;border-radius:0;background:#f3f0eb;transition:none}.site-nav-cta:hover{color:#161518;background:#ef6b7a;transform:none}.landing h1,.landing h2{font-family:Newsreader,Georgia,serif;font-weight:500;text-wrap:balance}.landing p{text-wrap:pretty}.hero,.specimen,.principles,.start,.landing-footer{box-sizing:border-box;width:min(1160px,calc(100% - 3rem));margin-inline:auto}.hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(18rem,.75fr);gap:clamp(3rem,8vw,8rem);align-items:end;min-height:min(46rem,78dvh);padding-block:clamp(5rem,10vw,9rem) clamp(4rem,8vw,7rem)}.hero-heading>p,.specimen header p,.principles header>p,.start>div>p{margin:0 0 1.25rem;color:var(--accent);font-size:.84rem;font-weight:600}.hero h1{max-width:10ch;margin:0;font-size:clamp(4.25rem,8.5vw,7.75rem);line-height:.86}.hero h1 em{color:inherit;font-weight:400}.hero-intro>p{margin:0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.14rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin-top:2rem}.action{box-sizing:border-box;display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;color:var(--ink);font-size:.88rem;font-weight:600;text-decoration:none}.action-primary{padding:.7rem 1rem;color:var(--paper);background:var(--ink)}.action-primary:hover{color:var(--paper);background:var(--accent)}.action-link{border-bottom:1px solid var(--ink)}.action-link:hover{color:var(--accent);border-color:var(--accent)}.specimen{padding-block:clamp(4rem,8vw,7rem);border-top:1px solid var(--ink)}.specimen header,.principles header{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start;margin-bottom:clamp(2.5rem,5vw,4.5rem)}.specimen h2,.principles h2,.start h2{max-width:16ch;margin:0;font-size:clamp(2.5rem,5vw,4.75rem);line-height:.98}.source-line{display:grid;grid-template-columns:1fr 3fr;gap:1rem;align-items:baseline;padding-block:1.25rem;border-block:1px solid var(--line)}.source-line span,.token-line strong{color:var(--muted);font-size:.76rem;font-weight:500}.source-line code{font-size:clamp(1.35rem,3vw,2.4rem)}.token-line{display:grid;grid-template-columns:.7fr 1.5fr .8fr 1fr;margin:0;padding:0;list-style:none}.token-line li{display:grid;gap:2.5rem;min-width:0;padding:clamp(1.25rem,3vw,2rem);border-bottom:1px solid var(--line);border-left:1px solid var(--line)}.token-line li:first-child{border-left:0}.token-line span{overflow:hidden;font-family:var(--sl-font-mono);font-size:clamp(1.4rem,3.5vw,3rem)}.token-line .token-accent{color:var(--paper);border-color:var(--accent);background:var(--accent)}.token-line .token-accent strong{color:var(--paper)}.decision{margin:1.25rem 0 0 auto;color:var(--muted);font-size:.84rem;text-align:right}.decision code{color:var(--ink)}.principles{padding-block:clamp(4rem,9vw,8rem)}.principle-list{border-top:1px solid var(--ink)}.principle-list article{display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding-block:1.5rem;border-bottom:1px solid var(--line)}.principle-list h3{margin:0;font-size:1rem}.principle-list p{max-width:40rem;margin:0;color:var(--muted);line-height:1.7}.principle-list a{color:var(--accent);text-underline-offset:.2rem}.start{display:grid;grid-template-columns:1fr auto auto;gap:1.5rem;align-items:center;padding-block:clamp(3.5rem,7vw,6rem);border-block:1px solid var(--ink)}.start h2{font-size:clamp(2.25rem,4vw,4rem)}.start>code{padding:.8rem 1rem;border:1px solid var(--line);background:var(--surface);white-space:nowrap}.landing-footer{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;padding-block:2rem 3.5rem;color:var(--muted);font-size:.82rem}.footer-brand{color:var(--ink);font-family:var(--sl-font-mono);font-weight:700;text-decoration:none}.landing-footer nav{display:flex;gap:1.25rem}.landing-footer nav a{display:inline-flex;min-height:2.75rem;align-items:center;color:var(--muted)}.landing-footer p{margin:0}@media(max-width:760px){.hero,.specimen,.principles,.start,.landing-footer{width:min(100% - 1.5rem,1160px)}.hero{grid-template-columns:1fr;gap:2.5rem;min-height:auto;padding-block:4rem}.hero h1{font-size:clamp(3.7rem,18vw,6rem)}.specimen header,.principles header,.source-line,.principle-list article{grid-template-columns:1fr;gap:.75rem}.token-line{grid-template-columns:1fr 1fr}.token-line li:nth-child(3){border-left:0}.decision{text-align:left}.start{grid-template-columns:1fr;justify-items:start}.landing-footer{grid-template-columns:1fr;gap:.9rem}}@media(max-width:460px){.hero-actions{align-items:stretch;flex-direction:column}.action{width:100%}.token-line{grid-template-columns:1fr}.token-line li{border-left:0}}