@font-face{font-family:Manrope Fallback;font-style:normal;font-weight:400;src:local(Arial);ascent-override:90%;descent-override:22%;line-gap-override:0%;size-adjust:106%}@font-face{font-family:Space Grotesk Fallback;font-style:normal;font-weight:500;src:local(Arial);ascent-override:94%;descent-override:20%;line-gap-override:0%;size-adjust:102%}:root{color-scheme:light dark;--bg:oklch(97% .01 70);--surface:oklch(99% .008 70);--surface-strong:oklch(100% .004 70);--text:oklch(20% .01 70);--muted:oklch(46% .015 70);--border:oklch(84% .01 70/.82);--line-strong:oklch(74% .014 70/.9);--brand:oklch(63% .18 45);--brand-strong:oklch(50% .16 43);--brand-fill:oklch(55% .17 44);--brand-text:oklch(53% .16 43);--on-brand:oklch(99% .004 70);--accent:oklch(50% .08 208);--accent-wash:color-mix(in oklch, var(--accent) 7%, transparent);--focus-ring:oklch(72% .16 45/.9);--shadow:0 16px 34px oklch(24% .02 60/.08);--radius-md:12px;--radius-sm:8px;--font-heading:"Space Grotesk", "Space Grotesk Fallback", sans-serif;--font-body:"Manrope", "Manrope Fallback", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--nav-height:4.5rem;--section-anchor-offset:6rem;--max-width:1120px;--page-gutter:clamp(1rem, 3vw, 1.4rem)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}html{scroll-padding-top:var(--section-anchor-offset)}body{font-family:var(--font-body);color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.65}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.03em;overflow-wrap:break-word;text-wrap:balance;margin:0;font-weight:500;line-height:1.1}p{color:var(--muted);overflow-wrap:break-word;margin:0;font-size:clamp(1rem,.96rem + .2vw,1.1rem)}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}img,picture{max-width:100%}.container{width:min(100%, calc(var(--max-width) + (var(--page-gutter) * 2)));padding-inline:var(--page-gutter);margin-inline:auto}.section{padding-block:clamp(2.5rem,5vw,4rem) clamp(3rem,6vw,5rem)}.section>.container{background:linear-gradient(var(--line-strong), var(--line-strong)) top center / calc(100% - var(--page-gutter) * 2) 1px no-repeat;padding-top:clamp(1.5rem,3vw,2.25rem)}.section-grid{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(1.5rem,4vw,4rem);display:grid}.section-index{top:var(--section-anchor-offset);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-self:start;gap:.75rem;font-size:.8rem;display:flex;position:sticky}.section-index span:first-child{color:var(--brand-text)}.section-body{gap:clamp(2rem,4vw,3rem);min-width:0;display:grid}.section-title{max-width:20ch;font-size:clamp(2rem,1.4rem + 2.2vw,3.4rem)}.lead{color:var(--text);max-width:62ch;font-size:clamp(1.05rem,1rem + .35vw,1.25rem)}.mono-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.78rem;font-weight:400}.index-list{border-bottom:1px solid var(--border);margin:0;padding:0;list-style:none}.index-list>li{border-top:1px solid var(--border)}.text-link{color:var(--accent);font-family:var(--font-heading);text-underline-offset:.2em;font-weight:500;text-decoration:underline 1px;transition:color .2s}.text-link:hover{color:var(--text)}.btn{border-radius:var(--radius-sm);min-height:44px;font-family:var(--font-heading);letter-spacing:.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s,color .2s;display:inline-flex}.btn-primary{color:var(--on-brand);background:linear-gradient(135deg, var(--brand-strong), var(--brand-fill));box-shadow:0 6px 16px color-mix(in oklch, var(--brand) 20%, transparent)}.btn-primary:hover{box-shadow:0 10px 22px color-mix(in oklch, var(--brand) 26%, transparent);transform:translateY(-1px)}.btn-outline{color:var(--text);border-color:var(--line-strong);background:0 0}.btn-outline:hover{border-color:var(--accent);background:var(--accent-wash)}.btn:active{transform:translateY(1px)}.skip-link{z-index:200;border-radius:var(--radius-sm);background:var(--text);color:var(--bg);padding:.7rem 1rem;font-weight:700;transition:transform .2s;position:absolute;top:0;left:1rem;transform:translateY(-140%)}.skip-link:focus-visible{transform:translateY(1rem)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-sm)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:.6s cubic-bezier(.22,1,.36,1) both fade-up}.reveal-delay-1{animation-delay:80ms}.reveal-delay-2{animation-delay:.16s}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@media (prefers-color-scheme:dark){:root{--bg:oklch(18% .01 250);--surface:oklch(23% .01 250);--surface-strong:oklch(26% .012 250);--text:oklch(94% .01 80);--muted:oklch(77% .015 80);--border:oklch(40% .015 250/.7);--line-strong:oklch(55% .015 250/.8);--brand-text:oklch(75% .15 50);--accent:oklch(76% .09 208);--focus-ring:oklch(73% .16 45/.95);--shadow:0 18px 38px oklch(2% .01 250/.34)}}@media (width<=900px){.section-grid{grid-template-columns:1fr;gap:1.25rem}.section-index{position:static}}@media (width<=768px){:root{--nav-height:4rem;--section-anchor-offset:5rem;--page-gutter:1rem}}