@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&display=swap";:root{--font-display: "Instrument Serif", Georgia, serif;--font-body: "Satoshi", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.375rem);--text-xl: clamp(1.25rem, 1rem + 1.25vw, 1.75rem);--text-2xl: clamp(1.5rem, 1rem + 2.5vw, 2.5rem);--text-3xl: clamp(2rem, 1rem + 4vw, 3.5rem);--text-4xl: clamp(2.5rem, 1rem + 6vw, 5rem);--text-5xl: clamp(3rem, 1rem + 8vw, 7rem);--text-hero: clamp(3.5rem, 1rem + 12vw, 10rem);--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:1.5em}p:last-child{margin-bottom:0}a{color:var(--color-signal-blue);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-paper)}code,pre{font-family:var(--font-mono);font-size:.9em}code{background:var(--color-ink);padding:.2em .4em;border-radius:0}pre{background:var(--color-ink);padding:1.5rem;overflow-x:auto}.text-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.text-display{font-family:var(--font-display);font-size:var(--text-hero);line-height:var(--leading-none);letter-spacing:var(--tracking-tighter)}.text-emphasis{font-weight:700}.text-muted{color:var(--color-graphite)}@keyframes breathe{0%,to{font-weight:400;opacity:.9}50%{font-weight:400;opacity:1;text-shadow:0 0 60px rgba(168,85,247,.3)}}.breathing-text{animation:breathe 6s ease-in-out infinite}@keyframes reveal-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;animation:reveal-up .6s ease-out forwards}.reveal-fade{opacity:0;animation:reveal-fade .8s ease-out forwards}.reveal-delay-1{animation-delay:50ms}.reveal-delay-2{animation-delay:.1s}.reveal-delay-3{animation-delay:.15s}.reveal-delay-4{animation-delay:.2s}.reveal-delay-5{animation-delay:.25s}.reveal-delay-6{animation-delay:.3s}.reveal-delay-7{animation-delay:.35s}.reveal-delay-8{animation-delay:.4s}.card-hover{transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card-hover:hover{transform:translateY(-8px) rotate(.5deg);box-shadow:0 20px 40px #0006}.link-underline{position:relative}.link-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width var(--transition-base)}.link-underline:hover:after{width:100%}.btn-hover{position:relative;overflow:hidden}.btn-hover:before{content:"";position:absolute;inset:0;background:var(--color-paper);transform:translate(-100%);transition:transform var(--transition-base);z-index:-1}.btn-hover:hover:before{transform:translate(0)}.btn-hover:hover{color:var(--color-void)}@keyframes diagonal-slide{0%{transform:translate(-100%) rotate(15deg)}to{transform:translate(100%) rotate(15deg)}}.diagonal-animate{animation:diagonal-slide 20s linear infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #a855f733}50%{box-shadow:0 0 40px #a855f766}}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-animate{background-size:200% 200%;animation:gradient-shift 8s ease infinite}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.text-shimmer{background:linear-gradient(90deg,var(--color-paper) 0%,var(--color-signal-red) 50%,var(--color-paper) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 4s ease-in-out infinite}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scale-in .4s ease-out forwards}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color-signal-red)}}.typewriter{overflow:hidden;white-space:nowrap;border-right:2px solid transparent;animation:typewriter 2s steps(40) forwards,blink-caret .75s step-end infinite}.theme-bleed{position:relative}.theme-bleed:before{content:"";position:fixed;top:0;left:0;width:300px;height:100vh;background:linear-gradient(90deg,var(--theme-color, var(--color-theme-creative)) 0%,transparent 100%);opacity:.06;pointer-events:none;z-index:-1}.theme-bleed[data-theme=creative]{--theme-color: var(--color-theme-creative)}.theme-bleed[data-theme=ethical]{--theme-color: var(--color-theme-ethical)}.theme-bleed[data-theme=futures]{--theme-color: var(--color-theme-futures)}.theme-bleed[data-theme=material]{--theme-color: var(--color-theme-material)}.nav-scrolled{background:#0d0d0ff2;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-slate)}@keyframes menu-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.menu-item-animate{opacity:0;animation:menu-slide-in .4s ease-out forwards}.menu-item-animate:nth-child(1){animation-delay:.1s}.menu-item-animate:nth-child(2){animation-delay:.15s}.menu-item-animate:nth-child(3){animation-delay:.2s}.menu-item-animate:nth-child(4){animation-delay:.25s}.menu-item-animate:nth-child(5){animation-delay:.3s}@keyframes dot-reveal{0%{opacity:0;transform:scale(0)}to{opacity:var(--dotgrid-opacity-active);transform:scale(1)}}@keyframes dot-pulse{0%,to{opacity:var(--dotgrid-opacity-inactive)}50%{opacity:var(--dotgrid-opacity-active)}}@keyframes dot-flow{0%{opacity:.1;fill:var(--dotgrid-color-inactive)}50%{opacity:1;fill:var(--dotgrid-color-active)}to{opacity:.1;fill:var(--dotgrid-color-inactive)}}@keyframes grid-fade-in{0%{opacity:0}to{opacity:1}}.dotgrid-dot{fill:var(--dotgrid-color-inactive);opacity:var(--dotgrid-opacity-inactive);transition:fill var(--transition-base),opacity var(--transition-base)}.dotgrid-dot.active{fill:var(--dotgrid-color-active);opacity:var(--dotgrid-opacity-active)}.dotgrid-dot.animate-reveal{animation:dot-reveal .3s ease-out forwards}.dotgrid-dot.animate-pulse{animation:dot-pulse 3s ease-in-out infinite}.dotgrid-container{animation:grid-fade-in 1.5s ease-out forwards}:root{--color-void: #f5f2eb;--color-ink: #ffffff;--color-paper: #1a1a1e;--color-graphite: #6b6b73;--color-slate: #e5e2db;--color-signal-red: #00bfb3;--color-signal-blue: #0a84ff;--color-ember: #00a89d;--color-theme-creative: #a855f7;--color-theme-ethical: #ff3b30;--color-theme-futures: #0ea5e9;--color-theme-material: #22c55e;--gradient-hero: linear-gradient(135deg, var(--color-void) 0%, #ebe8e1 100%);--gradient-glow: radial-gradient(ellipse at 50% 0%, rgba(0, 191, 179, .1) 0%, transparent 60%);--gradient-card: linear-gradient(180deg, var(--color-ink) 0%, var(--color-void) 100%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--max-width: 1400px;--content-width: 900px;--gutter: clamp(1rem, 5vw, 3rem);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-scanlines: 9999;--dotgrid-cell-size: 32px;--dotgrid-small-radius: 2px;--dotgrid-large-radius: 12px;--dotgrid-color-inactive: var(--color-slate);--dotgrid-color-active: var(--color-signal-red);--dotgrid-opacity-inactive: .15;--dotgrid-opacity-active: 1}@media(max-width:1024px){:root{--dotgrid-cell-size: 28px;--dotgrid-large-radius: 10px}}@media(max-width:768px){:root{--dotgrid-cell-size: 24px;--dotgrid-large-radius: 8px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-void);color:var(--color-paper);min-height:100vh;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;background:none;border:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter)}.container--narrow{max-width:var(--content-width)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mt-24{margin-top:var(--space-24)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.py-8{padding-block:var(--space-8)}.py-12{padding-block:var(--space-12)}.py-16{padding-block:var(--space-16)}.py-24{padding-block:var(--space-24)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scanlines:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.015) 2px,rgba(0,0,0,.015) 4px);pointer-events:none;z-index:var(--z-scanlines)}::selection{background:var(--color-signal-red);color:var(--color-paper)}:focus-visible{outline:2px solid var(--color-signal-blue);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-void)}::-webkit-scrollbar-thumb{background:var(--color-slate)}::-webkit-scrollbar-thumb:hover{background:var(--color-graphite)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
