@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@200;300;400;500;600;700;800;900&display=swap";
:root{--bg:#070708;--bg-raised:#0d0d10;--surface:#121216;--surface-active:#191920;--text:#f3f1ec;--text-muted:#a4a2aa;--text-subtle:#72717a;--line:#29292f;--line-strong:#45444e;--accent:#e5a84b;--accent-strong:#f7ba65;--accent-subtle:#e5a84b1f;--accent-glow:#e5a84b4d;--font-display:"Satoshi", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:clamp(1.25rem, 1.8vw, 1.5rem);--display-sm:clamp(2.25rem, 5vw, 4.5rem);--display-lg:clamp(3rem, 8.2vw, 8.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--page-gutter:clamp(1.25rem, 5vw, 5rem);--content-width:88rem;--reading-width:44rem;--radius-sm:.25rem;--radius-md:.5rem;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-snap:cubic-bezier(.76, 0, .24, 1);--ease-expo:cubic-bezier(.22, 1, .36, 1);--ink-60:#f3f1ec9e;--ink-40:#f3f1ec66;--hair:#f3f1ec1a;--hair-strong:#f3f1ec3d;--on-accent:#171204;--header-h:52px;--gutter:clamp(22px, 2.6vw, 40px);--radius-plate:4px;--fs-hero:clamp(3.3rem, 9.4vw, 11.25rem);--fs-h2:clamp(2.375rem, 5.2vw, 5.25rem);--fs-h3:clamp(1.5rem, 2.3vw, 2.25rem);--section-gap:clamp(136px, 17vw, 280px);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:auto}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text);background-color:var(--bg);line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:var(--on-accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-weight:700;line-height:.94}p{max-width:55ch;line-height:1.65}a{color:inherit;text-decoration:none}.display{font-family:var(--font-display);letter-spacing:-.05em;color:var(--text);font-weight:500;line-height:.93}.lead{letter-spacing:-.01em;color:var(--ink-60);font-size:clamp(1.0625rem,1.32vw,1.1875rem);line-height:1.34}.mono{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-60);font-size:.6875rem;font-weight:400;line-height:1.35}.corners{--arm:linear-gradient(currentColor, currentColor);pointer-events:none;background:var(--arm) 0 0 / var(--cl,12px) var(--ct,1px), var(--arm) 0 0 / var(--ct,1px) var(--cl,12px), var(--arm) 100% 0 / var(--cl,12px) var(--ct,1px), var(--arm) 100% 0 / var(--ct,1px) var(--cl,12px), var(--arm) 0 100% / var(--cl,12px) var(--ct,1px), var(--arm) 0 100% / var(--ct,1px) var(--cl,12px), var(--arm) 100% 100% / var(--cl,12px) var(--ct,1px), var(--arm) 100% 100% / var(--ct,1px) var(--cl,12px);background-repeat:no-repeat;position:absolute;inset:0}.status{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);white-space:nowrap;align-items:center;gap:9px;font-size:.6875rem;display:inline-flex}.status:before{content:"";border:1px solid var(--ink-60);width:7px;height:7px}.status[data-live]:before{border-color:var(--accent);background:var(--accent)}.wrap{width:100%;max-width:120rem;padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}section[id]{scroll-margin-top:var(--header-h)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}.brandWordmark,.wordmark{font-family:var(--font-body);letter-spacing:-.04em;color:#fff;font-weight:800}.wordmarkLight{font-family:var(--font-body);letter-spacing:-.04em;color:#fff;opacity:.95;font-weight:200}@media (hover:hover) and (pointer:fine){body,a,button,input,textarea,select,[role=button],label,.interactive{cursor:none!important}}
