:root{--bg: #08090c;--ink: 232, 234, 238;--muted: #5b6270;--accent: #9aa7ff}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;background:var(--bg)}body{background:var(--bg);overflow-x:clip}body{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;color:#e8eaee;-webkit-font-smoothing:antialiased}#scene{position:fixed;inset:0;display:block;cursor:pointer;touch-action:pan-y}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(78% 70% at 50% 43%,rgba(78,94,156,.14) 0%,rgba(44,55,100,.08) 28%,rgba(18,22,40,.03) 55%,transparent 100%)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.overlay{position:fixed;inset:0;z-index:4;pointer-events:none;padding:clamp(18px,4vw,42px);display:flex;flex-direction:column;justify-content:space-between}.top{display:flex;justify-content:space-between;align-items:flex-start}.brand{font-size:18px;letter-spacing:.356em;color:var(--brand-fg, #cfd3dc);cursor:pointer;pointer-events:auto}.brand small{display:block;margin-top:4px;font-size:10px;letter-spacing:.26em;color:var(--brand-sub, var(--muted));line-height:1.8}.brand small span{display:block}.brand .hi{display:inline;color:var(--brand-hi, #a3a9b8)}.nav{display:flex;align-items:center;gap:clamp(3px,.4vw,6px);pointer-events:auto}.nav-link{font-size:10px;line-height:1;letter-spacing:.26em;color:var(--brand-sub, var(--muted));text-decoration:none;transition:color .3s ease}.nav-link:hover{color:var(--brand-fg, #cfd3dc)}.nav-sep{font-size:10px;line-height:1;color:var(--brand-sub, var(--muted));opacity:.45}@media (max-width: 640px){.nav{gap:3px}.nav-link,.nav-sep{font-size:9px;letter-spacing:.18em}}.foot{position:absolute;left:clamp(12px,1.6vw,20px);bottom:clamp(10px,1.4vw,16px)}.copyright{font-size:8px;letter-spacing:.2em;line-height:1;color:var(--brand-sub, var(--muted));white-space:nowrap}@media (max-width: 640px){.copyright{font-size:7px;letter-spacing:.12em}}.projects-title{position:fixed;top:clamp(48px,8vh,96px);left:clamp(20px,6vw,96px);z-index:2;margin:0;font-size:clamp(48px,11vw,220px);font-weight:600;letter-spacing:-.03em;line-height:1;color:#0b0c1014;pointer-events:none;opacity:0}.bio{position:fixed;inset:0;display:grid;place-items:center;padding:clamp(22px,5vw,72px);pointer-events:none}.bio p{max-width:min(52vmin,430px);font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-weight:400;font-size:clamp(12px,1.12vw,15px);line-height:1.5;letter-spacing:.02em;color:#d2d7e2;text-align:justify;text-align-last:center}.bio .word{display:inline-block;white-space:nowrap}.bio .char{display:inline-block;opacity:0;transform:translate(var(--dx, 0),var(--dy, 0)) scale(.55);transition:opacity .28s ease,transform .42s cubic-bezier(.16,1,.3,1)}.bio.show .char{opacity:1;transform:none}.bio .char.b{color:#fff;font-weight:500}.loader{position:fixed;inset:0;display:grid;place-items:center;font-size:12px;letter-spacing:.3em;color:var(--muted);transition:opacity .6s ease}.loader.hidden{opacity:0;pointer-events:none}.scene-spacer{height:104vh;pointer-events:none}.work{position:sticky;top:16.6667vh;z-index:1;background:transparent;color:#0b0c10;padding:0 clamp(20px,6vw,96px)}.proj{display:block;text-decoration:none;color:inherit;position:relative;cursor:pointer}.proj:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,transparent 0%,#c7cad1 48%,#0b0c10 100%)}.proj-inner{height:16.6667vh;display:flex;align-items:center;justify-content:flex-end;gap:clamp(22px,3.4vw,56px)}.proj-text{text-align:right;max-width:560px}.proj-title{font-size:clamp(17px,1.7vw,24px);font-weight:500;letter-spacing:-.01em;line-height:1.15;margin:0 0 4px}.proj-sub{font-size:clamp(12px,1.1vw,15px);font-weight:400;line-height:1.3;color:#6b7280;margin-bottom:8px}.proj-desc{margin-top:16px;font-size:clamp(12px,1vw,13.5px);line-height:1.62;color:#4b515c}.proj-logo{flex:none;width:clamp(64px,6.6vw,104px);height:clamp(64px,6.6vw,104px);background:#fff;border-radius:4px;display:grid;place-items:center;overflow:hidden}.proj-logo img{width:100%;height:100%;object-fit:contain;padding:12%}.proj-title,.proj-sub,.proj-desc,.proj-logo{opacity:0;transform:translate(34px,34px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1),color .4s ease;will-change:opacity,transform}.proj.in .proj-title{opacity:1;transform:none;transition-delay:.04s}.proj.in .proj-sub{opacity:1;transform:none;transition-delay:.1s}.proj.in .proj-desc{opacity:1;transform:none;transition-delay:.16s}.proj.in .proj-logo{opacity:1;transform:none;transition-delay:.1s}.proj:hover .proj-title{color:#000}.proj:hover .proj-logo{transform:scale(1.04)}.refs{position:relative;z-index:2;background:var(--bg);color:#e8eaee;padding:0 clamp(20px,6vw,96px) clamp(160px,40vh,480px);border-bottom:1px solid rgba(232,234,238,.55)}.refs-title{margin:0 0 clamp(24px,5vh,56px);padding-top:clamp(80px,14vh,180px);font-size:clamp(48px,11vw,220px);font-weight:600;letter-spacing:-.03em;line-height:1;color:#e8eaee;pointer-events:none}.refs-list{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(28px,5vh,64px);max-width:760px;margin-top:0}.ref-card{opacity:0;will-change:opacity,transform;border-left:1px solid rgba(154,167,255,.28);padding:4px 0 4px clamp(20px,2.4vw,40px)}.ref-quote{font-size:clamp(14px,1.25vw,18px);line-height:1.62;font-weight:300;color:#c9cdd8}.ref-meta{margin-top:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.ref-name{font-size:14px;font-weight:600;color:#eef0f4}.ref-role{margin-top:3px;font-size:12.5px;font-weight:300;color:var(--muted)}.contact{--strip: clamp(44px, 6vw, 80px);position:fixed;left:0;right:0;bottom:0;z-index:1;background:#20232b;color:#e8eaee;padding:clamp(28px,6vh,56px) clamp(20px,6vw,96px);transform:translateY(100%);transition:transform .3s ease;will-change:transform}.contact.revealed{transform:translateY(0)}.contact-spacer{width:100%}.contact-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,4vw,56px);flex-wrap:wrap}.contact-title{margin:0;font-size:var(--strip);font-weight:600;letter-spacing:-.03em;line-height:1;color:transparent;-webkit-text-stroke:1.4px #e8eaee;text-stroke:1.4px #e8eaee;pointer-events:none}.contact-links{display:flex;flex-direction:row;gap:clamp(10px,1.2vw,16px);flex-wrap:wrap}.contact-card{display:flex;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1)}.contact-card:hover{transform:translateY(-2px)}.contact-card:hover .cc-ico{background:#9aa7ff38;color:#fff}.cc-ico{display:grid;place-items:center;width:var(--strip);height:var(--strip);flex:none;border-radius:12px;background:#9aa7ff1a;color:var(--accent);transition:background .3s ease,color .3s ease}.cc-ico svg{width:46%;height:46%}@media (max-width: 640px){.contact-row{gap:18px}}@media (max-width: 640px){.ref-meta{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.proj-title,.proj-sub,.proj-desc,.proj-logo{opacity:1;transform:none;transition:none}.ref-card{opacity:1!important;transform:none!important}}@media (max-width: 640px){.proj-inner{gap:18px}.proj-desc{display:none}}