*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.block{display:block}.resize{resize:both}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color-scheme:dark;--ink: #f4f6f0;--ink-dim: rgba(244, 246, 240, .7);--ink-dimer: rgba(244, 246, 240, .48);--ink-faint: rgba(244, 246, 240, .28);--sky: #06090c;--sky-deep: #03050a;--aur-green: oklch(.78 .16 165);--aur-teal: oklch(.74 .14 195);--aur-rose: oklch(.72 .16 355);--aur-ember: oklch(.62 .18 25);--aur-cyan: oklch(.8 .12 210)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--sky-deep);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-weight:300;overflow-x:hidden}body{overflow-y:auto}a{color:inherit;text-decoration:none}.mono{font-family:JetBrains Mono,monospace}.serif{font-family:Fraunces,serif}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::-moz-selection{background:var(--aur-teal);color:var(--sky-deep)}::selection{background:var(--aur-teal);color:var(--sky-deep)}#universe-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:5;pointer-events:auto;touch-action:none}#aurora-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,oklch(.08 .04 180 / .25) 0%,transparent 55%),radial-gradient(ellipse at 80% 70%,oklch(.07 .04 340 / .2) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,oklch(.08 .05 25 / .12) 0%,transparent 45%),linear-gradient(180deg,#05070a,#02040a)}.aurora-ribbon{position:absolute;inset:-20% -10%;filter:blur(80px);opacity:.45;mix-blend-mode:screen;animation:auroraFlow 40s ease-in-out infinite}.aurora-ribbon.r1{background:radial-gradient(ellipse at 20% 30%,var(--aur-green) 0%,transparent 40%),radial-gradient(ellipse at 70% 60%,var(--aur-teal) 0%,transparent 40%);opacity:.14}.aurora-ribbon.r2{background:radial-gradient(ellipse at 80% 20%,var(--aur-rose) 0%,transparent 35%),radial-gradient(ellipse at 10% 70%,var(--aur-cyan) 0%,transparent 40%);opacity:.11;animation-delay:-15s;animation-duration:55s}.aurora-ribbon.r3{background:radial-gradient(ellipse at 50% 90%,var(--aur-ember) 0%,transparent 30%);opacity:.08;animation-delay:-30s;animation-duration:65s}@keyframes auroraFlow{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(3%,-2%) scale(1.08) rotate(2deg)}66%{transform:translate(-2%,3%) scale(.95) rotate(-1deg)}}#content{position:relative;z-index:10;pointer-events:none}#content a,#content button,#content .project,#content .xp-row,#content .contact-email,#content .portrait,#content .exp-row,#content input,#content textarea{pointer-events:auto}.hud{position:fixed;z-index:50;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dimer);pointer-events:none}.hud.tl{top:24px;left:32px}.hud.tr{top:24px;right:32px;text-align:right;pointer-events:auto}.hud.bl{bottom:24px;left:32px}.hud.br{bottom:24px;right:32px;text-align:right;pointer-events:auto}.hud .dot{display:inline-block;width:5px;height:5px;border-radius:3px;background:var(--aur-teal);box-shadow:0 0 8px var(--aur-teal);margin-right:8px;vertical-align:middle}.hud a,.hud button{pointer-events:auto}.nav{display:flex;gap:26px;font-size:10px}.nav a{opacity:.7;transition:opacity .3s,color .3s;cursor:pointer}.nav a:hover,.nav a.active{opacity:1;color:var(--ink)}.lang{display:inline-flex;gap:6px;align-items:center;font-size:10px;opacity:.6}.lang button{padding:2px 6px;border-radius:2px;opacity:.5;transition:opacity .2s}.lang button.active{opacity:1;color:var(--ink);background:#f4f6f00f}:focus-visible{outline:2px solid var(--aur-teal);outline-offset:2px}section.block{position:relative;padding:120px 56px;max-width:1440px;margin:0 auto}.kicker{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--aur-teal);margin-bottom:18px;display:inline-flex;align-items:center;gap:8px}.kicker:before{content:"◈";color:var(--aur-green)}#hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:96px 0 48px}.hero-inner{padding:0 56px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.hero-title{font-family:Fraunces,serif;font-optical-sizing:auto;font-weight:200;font-size:104px;line-height:.92;letter-spacing:-.03em;color:var(--ink)}.hero-title .it{font-style:italic;font-weight:200;color:var(--ink-dim)}.hero-sub{margin-top:22px;max-width:380px;font-size:14px;line-height:1.65;color:var(--ink-dim);font-weight:300}.hero-meta{text-align:right;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dimer);display:flex;flex-direction:column;gap:10px}.hero-meta strong{color:var(--ink);font-weight:500}#projects{padding-top:60px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:56px;gap:40px}.section-head h2{font-family:Fraunces,serif;font-weight:200;font-size:56px;line-height:1;letter-spacing:-.025em;max-width:700px}.section-head h2 .it{font-style:italic;color:var(--ink-dim)}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.project{position:relative;overflow:hidden;border-radius:6px;border:1px solid rgba(244,246,240,.1);background:#0a0e128c;backdrop-filter:blur(6px);cursor:pointer;transition:all .6s cubic-bezier(.2,.8,.2,1)}.project:hover{border-color:#f4f6f047;transform:translateY(-3px);box-shadow:0 30px 60px #0006}.project.p1{grid-column:span 7;height:420px}.project.p2,.project.p3{grid-column:span 5;height:200px}.project.p4{grid-column:span 12;height:240px}.project .p-inner{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;justify-content:space-between;z-index:3}.project .p-img{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center top;opacity:.6;filter:grayscale(.45) saturate(.8) brightness(.95);transition:opacity .6s cubic-bezier(.2,.8,.2,1),filter .6s cubic-bezier(.2,.8,.2,1)}.project:hover .p-img{opacity:.88;filter:grayscale(.1) saturate(1) brightness(1)}.project .p-bg{position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(135deg,rgba(244,246,240,.03) 0 1px,transparent 1px 14px)}.project .p-grad{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#03050a8c,#03050a00 22% 48%,#03050ae0)}.p-top{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.16em;color:var(--ink-dimer);text-transform:uppercase}.p-status{padding:3px 8px;border:1px solid;border-radius:2px}.p-status.live{border-color:#3dca8d80;color:#65e0a5}.p-status.repo{border-color:#f4f6f033;color:var(--ink-dimer)}.p-title{font-family:Fraunces,serif;font-weight:300;letter-spacing:-.025em;line-height:1;margin-bottom:10px;color:var(--ink)}.project.p1 .p-title{font-size:52px}.project.p2 .p-title,.project.p3 .p-title{font-size:30px}.project.p4 .p-title{font-size:36px}.p-line{font-size:13px;color:var(--ink-dim);line-height:1.5;max-width:420px;margin-bottom:14px}.p-tech{display:flex;gap:6px;flex-wrap:wrap}.p-tech span{font-family:JetBrains Mono,monospace;font-size:10px;padding:3px 8px;border-radius:2px;background:#f4f6f00f;border:1px solid rgba(244,246,240,.1);color:var(--ink-dim)}#about{padding-top:60px}.letter{display:grid;grid-template-columns:300px 1fr;gap:80px;align-items:start;border-top:1px solid rgba(244,246,240,.1);padding-top:56px}.letter-aside{position:sticky;top:100px;display:flex;flex-direction:column;gap:24px}.portrait{width:300px;height:400px;border-radius:4px;position:relative;overflow:hidden;border:1px solid rgba(244,246,240,.12);background:linear-gradient(135deg,oklch(.14 .05 180),oklch(.06 .03 200));display:flex;align-items:center;justify-content:center}.portrait:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(244,246,240,.04) 0 1px,transparent 1px 10px)}.portrait span{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-faint);letter-spacing:.2em;position:relative}.letter-meta{display:flex;flex-direction:column;gap:10px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em}.meta-row{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:baseline}.meta-row .k{color:var(--ink-faint);text-transform:uppercase}.meta-row .v{color:var(--ink-dim)}.letter-skills{margin-top:8px;padding-top:18px;border-top:1px solid rgba(244,246,240,.06);display:flex;flex-direction:column;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;color:var(--ink-faint)}.letter-skills li{list-style:none;line-height:1.4}.letter-skills li:before{content:"// ";color:#f4f6f033}.letter-body{max-width:720px}.letter-body p.lede{font-family:Fraunces,serif;font-weight:300;font-size:28px;line-height:1.3;color:var(--ink);margin-bottom:18px;letter-spacing:-.015em}.letter-body p.dim{font-size:16px;line-height:1.65;color:var(--ink-dim);margin-bottom:48px;max-width:620px}.timeline{margin:48px 0 56px;border-top:1px solid rgba(244,246,240,.08);padding-top:36px}.timeline-head{display:flex;align-items:baseline;gap:12px;margin-bottom:28px;font-family:Fraunces,serif;font-weight:300;font-size:22px;color:var(--ink)}.timeline-head .tl-sub{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.tl-item{display:grid;grid-template-columns:110px 18px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid rgba(244,246,240,.06);align-items:baseline;position:relative;transition:background .3s,padding-left .3s}.tl-item:hover{background:#f4f6f004;padding-left:8px}.tl-item:last-child{border-bottom:none}.tl-year{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dimer);padding-top:3px}.tl-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-faint);margin-top:8px;justify-self:center;position:relative}.tl-dot:before{content:"";position:absolute;left:50%;top:100%;width:1px;height:32px;background:#f4f6f00f;transform:translate(-50%)}.tl-item:last-child .tl-dot:before{display:none}.tl-item.current .tl-dot{background:var(--aur-green);box-shadow:0 0 12px var(--aur-green);animation:pulseDot 2.4s ease-in-out infinite}.tl-item.current .tl-year{color:var(--aur-teal)}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.15)}}.tl-text{display:flex;flex-direction:column;gap:4px;padding-top:1px}.tl-text b{font-family:Fraunces,serif;font-weight:400;font-size:20px;letter-spacing:-.015em;color:var(--ink)}.tl-text .tl-role{font-size:13px;line-height:1.55;color:var(--ink-dim);max-width:580px}.letter-sign{margin-top:24px;display:flex;align-items:baseline;gap:10px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.letter-sign .dot-sep{opacity:.4}.letter-sign span:nth-child(1){color:var(--ink-dim)}#experiments{padding-top:60px}.exp-table{font-family:JetBrains Mono,monospace}.exp-row{display:grid;grid-template-columns:60px 1fr 1fr 80px;padding:16px 0;border-bottom:1px solid rgba(244,246,240,.08);font-size:13px;align-items:center;transition:background .3s}.exp-row:hover{background:#f4f6f005}.exp-row.head{font-size:9px;color:var(--ink-faint);letter-spacing:.2em;text-transform:uppercase;border-bottom-color:#f4f6f026;padding-bottom:10px}.exp-row .yr{color:var(--ink-dimer)}.exp-row .ttl{color:var(--ink)}.exp-row .note{color:var(--ink-dim);font-size:11px}.exp-row .sig{text-align:right;color:var(--aur-teal);font-size:11px}#contact{padding:140px 56px 80px;text-align:center;min-height:80vh;display:flex;flex-direction:column;justify-content:center}.contact-title{font-family:Fraunces,serif;font-weight:200;font-size:128px;line-height:.9;letter-spacing:-.04em;color:var(--ink)}.contact-title .it{font-style:italic;color:var(--ink-dim)}.contact-sub{margin-top:28px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.08em;color:var(--ink-dim);max-width:520px;margin-left:auto;margin-right:auto;line-height:1.6}.contact-email{display:inline-flex;gap:14px;padding:16px 28px;margin-top:32px;border:1px solid oklch(.74 .14 195 / .5);border-radius:40px;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--ink);background:oklch(.2 .08 195 / .25);transition:all .4s;position:relative;overflow:hidden}.contact-email:hover{border-color:var(--aur-teal);background:oklch(.25 .1 195 / .4)}.contact-email .arrow{color:var(--aur-teal)}.contact-socials{margin-top:32px;display:flex;justify-content:center;gap:24px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-dimer)}.contact-socials span{opacity:.4}.contact-footer{margin-top:80px;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-faint);letter-spacing:.24em}.universe-hud{position:fixed;bottom:24px;left:32px;z-index:60;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dimer);display:flex;flex-direction:column;gap:6px;pointer-events:none}.universe-hud .stat{display:flex;gap:10px}.universe-hud .stat b{color:var(--ink);font-weight:400}.universe-hud .tip{font-size:8px;opacity:.6;letter-spacing:.24em;transition:color .3s}.universe-actions{position:fixed;bottom:24px;right:32px;z-index:60;display:flex;gap:8px;pointer-events:auto}.ubtn{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;padding:8px 12px;color:var(--ink-dim);background:#0a0e12b3;backdrop-filter:blur(10px);border:1px solid rgba(244,246,240,.12);border-radius:3px;transition:all .3s}.ubtn:hover{color:var(--ink);border-color:var(--aur-teal);background:oklch(.2 .08 195 / .3)}.nav a,.nav button,.mode-toggle,.mode-toggle button,.universe-actions,.ubtn{pointer-events:auto}.mode-toggle{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;pointer-events:auto;background:#0a0e12b8;backdrop-filter:blur(10px);border:1px solid rgba(244,246,240,.1);border-radius:40px;padding:6px;font-family:JetBrains Mono,monospace}.mode-toggle button{padding:8px 16px;border-radius:30px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dimer);transition:all .3s}.mode-toggle button.active{background:var(--aur-teal);color:var(--sky-deep);font-weight:500}.mode-toggle .mt-hint{padding:0 12px 0 4px;font-size:9px;color:var(--ink-faint);letter-spacing:.18em;text-transform:uppercase}@media (max-width: 820px){.mode-toggle{bottom:64px;padding:4px}.mode-toggle button{padding:6px 10px;font-size:9px;letter-spacing:.14em}.mode-toggle .mt-hint,.universe-hud{display:none}}@media (max-width: 820px){section.block{padding:80px 24px}.hero-inner{grid-template-columns:1fr;gap:32px;padding:96px 24px 32px;align-items:start}.hero-title{font-size:56px}.hero-meta{text-align:left}.section-head{flex-direction:column;align-items:flex-start}.section-head h2{font-size:36px}.bento{gap:14px}.project.p1,.project.p2,.project.p3,.project.p4{grid-column:span 12;height:auto;min-height:220px}.project .p-inner{padding:20px}.project.p1 .p-title{font-size:36px}.project.p2 .p-title,.project.p3 .p-title{font-size:26px}.letter{grid-template-columns:1fr;gap:32px;padding-top:40px}.letter-aside{position:static}.portrait{width:100%;max-width:240px;height:300px}.letter-body p.lede{font-size:22px}.tl-item{grid-template-columns:86px 14px 1fr;gap:12px}.tl-text b{font-size:17px}.exp-row{grid-template-columns:50px 1fr 60px}.exp-row .note{display:none}.contact-title{font-size:52px}.hud.tl,.hud.tr,.hud.bl,.hud.br{font-size:9px}.hud.tr{top:16px;right:16px}.hud.tl{top:16px;left:16px}.nav{gap:14px}.universe-hud{bottom:12px;left:16px;font-size:8px}.universe-actions{bottom:12px;right:16px}.ubtn{padding:6px 9px;font-size:8px}}@media (prefers-reduced-motion: reduce){.aurora-ribbon,.tl-item.current .tl-dot{animation:none}}