:root{--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-handwritten:"Caveat", cursive;--text-xs:.75rem;--text-sm:.875rem;--text-base:1.125rem;--text-lg:1.5rem;--text-xl:2rem;--text-2xl:3rem;--text-3xl:4.5rem;--text-4xl:6rem;--text-hero:clamp(4rem, 8vw, 7.5rem);--text-giant:clamp(4.5rem, 10vw, 9rem);--tracking-tight:-.02em;--tracking-tighter:-.04em;--tracking-display:-.05em;--leading-none:.9;--leading-tight:1.1;--leading-normal:1.5;--color-ink:#f3efe6;--color-ink-muted:#a0a0a0;--color-surface:#121212;--color-surface-2:#1a1a1a;--color-surface-dark:#000;--color-brand-purple:#5f3b69;--color-brand-bronze:#bb7939;--color-brand-magenta:#a01654;--color-accent-acid:var(--color-brand-bronze);--color-accent-orange:var(--color-brand-magenta);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:4rem;--space-16:6rem;--space-24:10rem;--space-32:14rem;--space-48:18rem;--max-width:1280px;--section-height:100vh;--border-thin:1px solid #00000026;--border-dark:1px solid #ffffff26;--duration-fast:.2s;--duration-normal:.3s;--duration-reveal:.8s;--ease-out:cubic-bezier(.16, 1, .3, 1);--stagger-md:.1s}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{width:100%;font-family:var(--font-body);background-color:var(--color-surface);color:var(--color-ink);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(#ffffff0a 1px,#0000 1px),radial-gradient(#ffffff0a 1px,#0000 1px);background-position:0 0,2px 2px;background-size:4px 4px;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:var(--leading-none);letter-spacing:var(--tracking-tighter);text-wrap:balance}p{line-height:var(--leading-normal);text-wrap:pretty}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-8);margin:0 auto}.section{min-height:var(--section-height);position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reveal{opacity:0;filter:blur(4px);transition:opacity var(--duration-reveal) var(--ease-out), transform var(--duration-reveal) var(--ease-out), filter var(--duration-reveal) var(--ease-out);transform:translateY(12px)}.reveal.is-visible{opacity:1;filter:blur();transform:translateY(0)}.stagger-1{transition-delay:calc(var(--stagger-md) * 0)}.stagger-2{transition-delay:calc(var(--stagger-md) * 1)}.stagger-3{transition-delay:calc(var(--stagger-md) * 2)}.stagger-4{transition-delay:calc(var(--stagger-md) * 3)}.stagger-5{transition-delay:calc(var(--stagger-md) * 4)}.grid-12{gap:var(--space-4);grid-template-columns:repeat(12,1fr);width:100%;display:grid}.metadata-tag{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-ink);border:1px solid var(--color-ink);background-color:var(--color-surface);letter-spacing:.05em;align-items:center;gap:4px;padding:2px 6px;font-size:10px;display:inline-flex}.highlight-acid{z-index:1;display:inline-block;position:relative}.highlight-acid:after{content:"";background-color:var(--color-accent-acid);z-index:-1;width:104%;height:25%;position:absolute;bottom:15%;left:-2%;transform:rotate(-1deg)}@property --rx{syntax:"<angle>";inherits:false;initial-value:0deg}@property --ry{syntax:"<angle>";inherits:false;initial-value:0deg}@property --ts{syntax:"<number>";inherits:false;initial-value:1}@property --px{syntax:"<number>";inherits:false;initial-value:0}@property --py{syntax:"<number>";inherits:false;initial-value:0}.tilt3d{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--ts));will-change:transform}@media (min-width:761px){.m-only{display:none!important}}@media (max-width:760px){.d-only{display:none!important}html,body{overflow-x:clip}}
