@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}}@layer tokens{:root{--color-bg:#070807;--color-bg-deep:#030403;--color-surface:#0e100e;--color-surface-soft:#151611;--color-ink:#f3ede2;--color-ink-soft:#c7c0b4;--color-muted:#898b81;--color-line:#eaefd524;--color-glow:#dff7a6;--color-glow-hot:#f7ffe5;--color-warm:#f07a29;--color-warm-soft:#b54a18;--color-alert:#e2a85c;--shadow-glow:0 0 2rem #dff7a642;--font-display:"Iowan Old Style", "Baskerville", "Times New Roman", serif;--font-body:"Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"SFMono-Regular", "Roboto Mono", ui-monospace, monospace;--step--1:clamp(.78rem, .75rem + .16vw, .88rem);--step-0:clamp(1rem, .95rem + .25vw, 1.16rem);--step-1:clamp(1.25rem, 1.12rem + .64vw, 1.62rem);--step-2:clamp(1.6rem, 1.31rem + 1.44vw, 2.45rem);--step-3:clamp(2.2rem, 1.61rem + 2.95vw, 4rem);--step-4:clamp(3.1rem, 2.03rem + 5.35vw, 6.4rem);--space-1:clamp(.5rem, .42rem + .38vw, .75rem);--space-2:clamp(.8rem, .65rem + .75vw, 1.25rem);--space-3:clamp(1.25rem, 1rem + 1.25vw, 2rem);--space-4:clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--space-5:clamp(3.5rem, 2.5rem + 5vw, 6.5rem);--space-6:clamp(5.5rem, 4rem + 7.5vw, 10rem);--content-width:74rem;--text-width:42rem;--radius-sm:.55rem;--radius-md:1.1rem;--radius-lg:2rem;--header-height:5.5rem;--ease-out:cubic-bezier(.16, 1, .3, 1)}}@layer base{html{background:var(--color-bg-deep);color:var(--color-ink);font-family:var(--font-body);font-synthesis:none;hanging-punctuation:first last;text-rendering:optimizelegibility}body{background:radial-gradient(circle at 72% 8%, #dff7a60a, transparent 22rem), var(--color-bg);min-width:20rem;min-height:100vh;color:var(--color-ink);line-height:1.65;overflow-x:clip}body:after{z-index:100;pointer-events:none;content:"";opacity:.15;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 20% 30%,#0000 0 1px,#ffffff0d 1.5px 2px);background-size:7px 7px;position:fixed;inset:0}main{position:relative;overflow:clip}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}:focus-visible{outline:2px solid var(--color-glow);outline-offset:4px}::selection{background:var(--color-glow);color:var(--color-bg-deep)}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}summary{cursor:pointer}}@layer components{.skip-link{z-index:999;border-radius:var(--radius-sm);background:var(--color-glow);color:var(--color-bg-deep);padding:.7rem 1rem;font-weight:800;transition:translate .18s;position:fixed;top:.75rem;left:.75rem;translate:0 -180%}.skip-link:focus{translate:0}.shell{width:min(calc(100% - 2rem), var(--content-width));margin-inline:auto}.section-kicker{color:var(--color-glow);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;font-weight:700;line-height:1.3}.section-title{max-width:14ch;margin-top:var(--space-2);font-family:var(--font-display);font-size:var(--step-3);letter-spacing:-.035em;font-weight:500;line-height:.98}.button{background:var(--color-glow);color:#10120c;letter-spacing:.08em;text-transform:uppercase;min-height:3.2rem;transition:translate .25s var(--ease-out), box-shadow .25s ease, background-color .25s ease;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;padding:.78rem 1.15rem;font-size:.84rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-glow-hot);translate:0 -2px;box-shadow:0 .8rem 2.5rem #dff7a62e}.button svg{width:1rem;transition:translate .25s var(--ease-out)}.button:hover svg{translate:3px}.button--ghost{border-color:var(--color-line);color:var(--color-ink);backdrop-filter:blur(.6rem);background:#090a0873}.button--ghost:hover{background:#dff7a614;border-color:#dff7a659}.button--small{min-height:2.7rem;padding-inline:1rem;font-size:.73rem}.meta-label{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:700}}@layer utilities{.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.no-wrap{white-space:nowrap}}@media (width>=48rem){.shell{width:min(calc(100% - 4rem), var(--content-width))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
