.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-5) 0;transition:background var(--duration-base) var(--ease-out),backdrop-filter var(--duration-base) var(--ease-out)}.nav.nav--scrolled{background:#0a0a0fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle)}.nav__inner{display:flex;align-items:center;justify-content:space-between}.nav__logo{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-primary);transition:color var(--duration-fast) var(--ease-out)}.nav__logo span{color:var(--color-accent-cyan)}.nav__links{display:flex;gap:var(--space-8)}.nav__link{font-size:var(--text-xs);font-weight:400;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out);position:relative}.nav__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-accent-cyan);transition:width var(--duration-base) var(--ease-out)}.nav__link:hover{color:var(--color-text-primary)}.nav__link:hover:after{width:100%}.nav__toggle{display:none;flex-direction:column;gap:5px;width:24px;padding:4px 0}.nav__toggle span{display:block;height:1px;width:100%;background:var(--color-text-primary);transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.nav__toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav__toggle.is-open span:nth-child(2){opacity:0}.nav__toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav__mobile{position:fixed;top:0;right:0;width:280px;height:100vh;background:var(--color-surface);border-left:1px solid var(--color-border);padding:var(--space-24) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out);z-index:99}.nav__mobile.is-open{transform:translate(0)}.nav__mobile-link{font-size:var(--text-sm);font-weight:400;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle);transition:color var(--duration-fast) var(--ease-out)}.nav__mobile-link:hover{color:var(--color-accent-cyan)}.nav__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:98;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out)}.nav__overlay.is-open{opacity:1;pointer-events:auto}@media(max-width:768px){.nav__links{display:none}.nav__toggle{display:flex}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero__canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;background-color:var(--color-base)}.hero__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse at 50% 50%,transparent 40%,var(--color-base) 100%),linear-gradient(to bottom,transparent 60%,var(--color-base) 100%);pointer-events:none}.hero__content{position:relative;z-index:2;max-width:800px;padding:var(--space-8);background:#0a0f1466;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:16px;opacity:0;animation:heroFadeUp .8s var(--ease-out) .5s forwards}.hero__label{font-family:var(--font-ui);font-size:var(--text-base);font-weight:500;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-accent-cyan);margin-bottom:var(--space-6)}.hero__sub{font-family:var(--font-body);font-size:var(--text-2xl);line-height:var(--leading-relaxed);color:var(--color-text-primary);max-width:640px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero__scroll{position:absolute;bottom:var(--space-10);left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);opacity:0;animation:heroFadeUp .8s var(--ease-out) 1s forwards}.hero__scroll-text{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-tertiary)}.hero__scroll-line{width:1px;height:32px;background:linear-gradient(to bottom,var(--color-accent-cyan),transparent);animation:scrollPulse 2s var(--ease-in-out) infinite}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.hero__content,.hero__scroll{opacity:1;animation:none}.hero__scroll-line{animation:none;opacity:.5}}.experiments{position:relative;border-top:1px solid var(--color-border-subtle)}.experiments__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-12)}.exp-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);overflow:hidden}.exp-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);opacity:0;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--color-accent-cyan-dim),transparent 40%);transition:opacity var(--duration-base) var(--ease-out);pointer-events:none}.exp-card:hover{border-color:#00e5cc33;box-shadow:0 0 40px #00e5cc0a;transform:translateY(-2px)}.exp-card:hover:before{opacity:1}.exp-card__num{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;color:var(--color-text-tertiary);letter-spacing:var(--tracking-widest)}.exp-card__title{font-family:var(--font-ui);font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);line-height:var(--leading-tight)}.exp-card__desc{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);flex:1}.exp-card__tag{display:inline-block;align-self:flex-start;font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--color-accent-cyan-dim);color:var(--color-accent-cyan)}.exp-card__tag--amber{background:var(--color-accent-amber-dim);color:var(--color-accent-amber)}.exp-card__arrow{position:absolute;bottom:var(--space-8);right:var(--space-8);font-size:var(--text-lg);color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out),transform var(--duration-base) var(--ease-out)}.exp-card:hover .exp-card__arrow{color:var(--color-accent-cyan);transform:translate(4px)}@media(max-width:1024px){.experiments__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.experiments__grid{grid-template-columns:1fr}}.writing{position:relative;border-top:1px solid var(--color-border-subtle)}.writing__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);margin-top:var(--space-12)}.writing__featured{position:relative}.writing__featured-label{font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-accent-amber);margin-bottom:var(--space-4)}.writing__featured-title{font-family:var(--font-body);font-size:var(--text-3xl);font-weight:600;line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-4);transition:color var(--duration-fast) var(--ease-out)}.writing__featured:hover .writing__featured-title{color:var(--color-accent-cyan)}.writing__featured-excerpt{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.writing__featured-meta{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide)}.writing__featured-meta span{margin:0 var(--space-2);opacity:.4}.writing__featured:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:1px;background:var(--color-accent-amber);opacity:.3}.writing__list{display:flex;flex-direction:column}.writing__item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6) 0;border-bottom:1px solid var(--color-border-subtle);transition:border-color var(--duration-fast) var(--ease-out)}.writing__item:first-child{padding-top:0}.writing__item:hover{border-color:var(--color-border)}.writing__item-title{font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);line-height:var(--leading-tight);transition:color var(--duration-fast) var(--ease-out)}.writing__item:hover .writing__item-title{color:var(--color-accent-cyan)}.writing__item-meta{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);display:flex;align-items:center;gap:var(--space-3)}.writing__item-tag{font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-secondary)}@media(max-width:768px){.writing__layout{grid-template-columns:1fr;gap:var(--space-10)}}.about{position:relative;border-top:1px solid var(--color-border-subtle)}.about__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;margin-top:var(--space-12)}.about__text{display:flex;flex-direction:column;gap:var(--space-6)}.about__heading{font-family:var(--font-body);font-size:var(--text-3xl);font-weight:600;line-height:var(--leading-tight);color:var(--color-text-primary)}.about__body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.about__body+.about__body{margin-top:var(--space-2)}.about__visual{display:flex;align-items:center;justify-content:center;position:relative}.about__svg{width:100%;max-width:420px;height:auto;opacity:.9}@media(max-width:768px){.about__layout{grid-template-columns:1fr;gap:var(--space-10)}.about__visual{order:-1}.about__svg{max-width:280px}}.about__orbit{transform-origin:200px 200px}.about__orbit--1{animation:aboutOrbit 35s linear infinite}.about__orbit--2{animation:aboutOrbit 28s linear infinite reverse}.about__orbit--3{animation:aboutOrbit 22s linear infinite}@keyframes aboutOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about__square--1{transform-origin:160px 150px;animation:aboutSquare1 35s linear infinite}.about__square--2{transform-origin:265px 245px;animation:aboutSquare2 28s linear infinite}.about__square--3{transform-origin:90px 270px;animation:aboutSquare3 22s linear infinite}@keyframes aboutSquare1{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-90deg) scale(1.25)}50%{transform:rotate(-180deg) scale(.8)}75%{transform:rotate(-270deg) scale(1.15)}to{transform:rotate(-360deg) scale(1)}}@keyframes aboutSquare2{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(.7)}50%{transform:rotate(180deg) scale(1.3)}75%{transform:rotate(270deg) scale(.85)}to{transform:rotate(360deg) scale(1)}}@keyframes aboutSquare3{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-90deg) scale(1.35)}50%{transform:rotate(-180deg) scale(.75)}75%{transform:rotate(-270deg) scale(1.1)}to{transform:rotate(-360deg) scale(1)}}@media(prefers-reduced-motion:reduce){.about__orbit,.about__square--1,.about__square--2,.about__square--3{animation:none}}.contact{position:relative;border-top:1px solid var(--color-border-subtle);padding-top:var(--space-24);padding-bottom:var(--space-16)}.contact__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start}.contact__heading{font-family:var(--font-body);font-size:var(--text-3xl);font-weight:600;line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-6)}.contact__body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:440px;margin-bottom:var(--space-8)}.contact__email{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-wide);color:var(--color-accent-cyan);padding:var(--space-3) var(--space-5);border:1px solid rgba(0,229,204,.2);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.contact__email:hover{background:var(--color-accent-cyan-dim);border-color:#00e5cc66}.contact__links{display:flex;flex-direction:column;gap:var(--space-4)}.contact__link-label{font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.contact__link{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;transition:color var(--duration-fast) var(--ease-out)}.contact__link:hover{color:var(--color-text-primary)}.contact__link-arrow{font-size:var(--text-xs);opacity:0;transform:translate(-4px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.contact__link:hover .contact__link-arrow{opacity:1;transform:translate(0)}.contact__colophon{grid-column:1 / -1;margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;align-items:center}.contact__colophon-text{font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide)}.contact__colophon-text span{color:var(--color-accent-cyan)}@media(max-width:768px){.contact__inner{grid-template-columns:1fr;gap:var(--space-10)}.contact__colophon{flex-direction:column;gap:var(--space-4);text-align:center}}:root{--color-base: #0a0a0f;--color-surface: #111118;--color-surface-raised: #17171f;--color-border: #1e1e2a;--color-border-subtle: #14141e;--color-text-primary: #e8e8ed;--color-text-secondary: #8a8a9a;--color-text-tertiary: #52526a;--color-accent-cyan: #00e5cc;--color-accent-cyan-dim: rgba(0, 229, 204, .12);--color-accent-amber: #e5a045;--color-accent-amber-dim: rgba(229, 160, 69, .1);--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Source Serif 4", "Georgia", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.75rem;--text-5xl: 3.5rem;--text-6xl: 4.5rem;--leading-tight: 1.15;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-widest: .12em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--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;--max-width: 1280px;--grid-gutter: var(--space-6);--section-padding: var(--space-32);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .3s;--duration-slow: .6s;--duration-slower: 1s;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-base);overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul,ol{list-style:none}::selection{background:var(--color-accent-cyan-dim);color:var(--color-accent-cyan)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding-left:var(--grid-gutter);padding-right:var(--grid-gutter)}.section{padding-top:var(--section-padding);padding-bottom:var(--section-padding)}.section-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-8)}.section-label:before{content:"";display:inline-block;width:8px;height:1px;background:var(--color-accent-cyan);margin-right:var(--space-3);vertical-align:middle}.section-animate{opacity:0;transform:translateY(24px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.section-animate.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.section-animate{opacity:1;transform:none}}@media(max-width:768px){:root{--section-padding: var(--space-20);--grid-gutter: var(--space-4);--text-5xl: 2.5rem;--text-6xl: 3rem;--text-4xl: 2rem}}@media(max-width:480px){:root{--text-5xl: 2rem;--text-6xl: 2.25rem;--text-4xl: 1.75rem;--text-3xl: 1.5rem}}