:root{--accent:#8b5cf6;--accent-soft:#c4b5fd;--bg:#08060e;--fg:#ece9f5;--mut:#8a84a0}*{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--bg);color:var(--fg);overscroll-behavior:none;-webkit-font-smoothing:antialiased;height:100%;font-family:Space Grotesk,sans-serif;overflow:hidden}#profiler-toggle{width:120px;left:50%;right:inherit;transform:translate(-50%)}lil-gui.lil-auto-place,.lil-gui.autoPlace{top:60px;left:0}#smooth-wrapper{z-index:2;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.overlay-open #smooth-wrapper{pointer-events:none}#smooth-content{will-change:transform;width:100%;position:relative}#smooth-content:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(#0000 0%,#0000004d 30%,#000000b3 53%,#000000e6 100%);transition:opacity 1.4s ease-in-out;position:absolute;inset:0}#smooth-content.bg:before{opacity:1;transition:opacity 2s ease-in-out}::selection{background:var(--accent);color:#000}.mono{font-family:Space Mono,monospace}@keyframes eqbar{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes scrolldot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}80%{opacity:0;transform:translateY(16px)}to{opacity:0}}#site-header,#corner-caption,.hero-eyebrow,.hero-subtitle,.hero-desc,.scroll-indicator{opacity:0}#webgl-canvas{z-index:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}#grain-canvas{z-index:300;pointer-events:none;mix-blend-mode:multiply;opacity:.55;width:100vw;height:100vh;display:block;position:fixed;inset:0}#loading-screen{z-index:200;background:var(--bg);opacity:1;justify-content:center;align-items:center;transition:opacity .9s,filter .9s;display:flex;position:fixed;inset:0}#loading-screen.loading-done{opacity:0;filter:blur(18px);pointer-events:none}.loading-inner{flex-direction:column;align-items:center;gap:20px;display:flex}.loading-mark{letter-spacing:.34em;color:var(--fg);font-size:15px;font-weight:700}.loading-bar{background:#ffffff26;width:180px;height:1px;overflow:hidden}.loading-bar-fill{background:var(--accent);width:0%;height:100%;transition:width .25s ease-out}.loading-pct{letter-spacing:.28em;color:var(--mut);font-size:10px}#site-header{z-index:40;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:24px 32px;display:flex;position:fixed;top:0;left:0;right:0}#site-header:before{content:"";opacity:.6;z-index:-1;pointer-events:none;background:linear-gradient(to bottom, var(--bg) 0%, color-mix(in srgb, var(--bg) 99%, transparent) 6%, color-mix(in srgb, var(--bg) 96%, transparent) 12%, color-mix(in srgb, var(--bg) 91%, transparent) 18%, color-mix(in srgb, var(--bg) 83%, transparent) 25%, color-mix(in srgb, var(--bg) 73%, transparent) 33%, color-mix(in srgb, var(--bg) 61%, transparent) 41%, color-mix(in srgb, var(--bg) 49%, transparent) 50%, color-mix(in srgb, var(--bg) 37%, transparent) 59%, color-mix(in srgb, var(--bg) 26%, transparent) 67%, color-mix(in srgb, var(--bg) 17%, transparent) 75%, color-mix(in srgb, var(--bg) 9%, transparent) 83%, color-mix(in srgb, var(--bg) 4%, transparent) 90%, color-mix(in srgb, var(--bg) 1%, transparent) 96%, transparent 100%);width:100%;height:200%;position:absolute;top:0;left:0;right:0}.header-left,.header-right{pointer-events:auto}.logo{cursor:pointer;letter-spacing:.34em;font-size:15px;font-weight:700;line-height:1}.accent{color:var(--accent)}.tagline{letter-spacing:.28em;color:var(--mut);margin-top:7px;font-family:Space Mono,monospace;font-size:10px}.header-right{letter-spacing:.18em;align-items:center;gap:22px;font-family:Space Mono,monospace;font-size:11px;display:flex}nav{gap:18px;display:flex}nav span{cursor:pointer;opacity:.7;transition:opacity .3s,color .3s}nav span:hover,nav span.active{opacity:1;color:var(--accent)}.divider{background:#ffffff2e;width:1px;height:22px}#theme-toggle{cursor:pointer;opacity:.7;letter-spacing:.16em;transition:opacity .3s}#theme-toggle:hover{opacity:1}#audio-toggle{cursor:pointer;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:34px;height:34px;display:flex;position:relative}.bottom-nav{display:none}.eq-bar{background:var(--accent);transform-origin:50%;border-radius:1px;width:2px;animation:.7s ease-in-out infinite paused eqbar;display:block}.eq-bar.playing{animation-play-state:running}#corner-caption{z-index:40;letter-spacing:.18em;color:var(--mut);font-family:Space Mono,monospace;font-size:10px;position:fixed;bottom:28px;left:32px}.section{z-index:10;min-height:100vh;position:relative}.section-eyebrow{letter-spacing:.3em;color:var(--accent-soft);text-shadow:0 0 3px #27164b;margin-bottom:30px;font-size:12px}.labs-header .section-eyebrow{margin-bottom:10px}#hero-spacer{z-index:1;pointer-events:none;height:140vh;position:relative}#hero{pointer-events:none;flex-direction:column;justify-content:center;padding:0 64px;display:flex}.hero-content{z-index:10;pointer-events:none;max-width:1100px;position:fixed;top:50%;left:64px;transform:translateY(-50%)}.hero-eyebrow{letter-spacing:.34em;color:var(--accent-soft);text-shadow:0 0 3px #27164b;margin-bottom:26px;font-size:12px}.hero-title{letter-spacing:-.02em;text-shadow:0 2px 40px #00000080;font-size:clamp(56px,11vw,168px);font-weight:700;line-height:.92}.hero-title.hidden-3d{visibility:hidden;height:clamp(56px,11vw,168px)}.hero-subtitle{color:var(--accent-soft);margin-top:18px;font-family:Instrument Serif,serif;font-size:clamp(24px,3.4vw,46px);font-style:italic}.hero-desc{letter-spacing:.02em;opacity:.78;max-width:520px;margin-top:26px;font-size:16px;line-height:1.9}.scroll-indicator{letter-spacing:.3em;color:var(--fg);text-shadow:0 0 4px #27164b;flex-direction:column;align-items:center;gap:10px;font-family:Space Mono,monospace;font-size:9px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.scroll-pill{border:1px solid #ffffff4d;border-radius:10px;width:18px;height:30px;display:block;position:relative}.scroll-dot{background:var(--accent);border-radius:2px;width:3px;height:6px;margin-left:-1.5px;animation:1.8s ease-in-out infinite scrolldot;position:absolute;top:6px;left:50%}#work{align-items:center;gap:64px;padding:120px 64px;display:flex}.work-sidebar{flex:0 0 38%;max-width:440px}.work-mobile-head,.work-dots{display:none}.project-item{cursor:pointer;opacity:.42;align-items:baseline;gap:14px;padding:16px 0;transition:opacity .3s,padding-left .3s;display:flex;position:relative}.project-line{transform-origin:0;background:#ffffff1a;width:100%;height:1px;position:absolute;top:0;left:0}.project-item:hover{opacity:1}.project-item.active{opacity:1;padding-left:14px}.project-num{color:var(--accent);flex-shrink:0;width:26px;font-family:Space Mono,monospace;font-size:11px}.project-title{font-size:26px;font-weight:600;line-height:1.1}.project-tag{letter-spacing:.16em;color:var(--mut);margin-top:5px;font-family:Space Mono,monospace;font-size:10px}.work-preview{flex-direction:column;flex:1;justify-content:center;align-self:stretch;display:flex}#project-card{aspect-ratio:16/9;border-radius:6px;width:100%;transition:opacity .32s,transform .32s;position:relative;overflow:visible}#project-card.fading{opacity:0;transform:translateY(12px)}.card-overlay-lines{mix-blend-mode:overlay;pointer-events:none;z-index:2;background:repeating-linear-gradient(115deg,#ffffff0d 0 2px,#0000 2px 22px);border-radius:6px;position:absolute;inset:0}.card-radial{pointer-events:none;z-index:1;border-radius:6px;position:absolute;inset:0}.card-tag{letter-spacing:.2em;color:#ffffffd9;z-index:2;padding:4px 32px 4px 0;font-size:11px;position:absolute;top:24px;left:28px}.card-title{letter-spacing:-.01em;text-shadow:0 2px 30px #0009;z-index:2;font-size:clamp(22px,4vw,44px);font-weight:700;line-height:1;position:absolute;bottom:28px;left:28px;right:28px}.card-num{opacity:.1;font-size:clamp(80px,14vw,200px);font-weight:700;line-height:1;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.project-details{gap:48px;margin-top:26px;display:flex}#project-desc{opacity:.82;text-shadow:0 0 3px #27164b;max-width:560px;color:var(--fg);flex:1;font-size:16px;line-height:1.7}.project-meta{letter-spacing:.08em;color:var(--accent-soft);text-shadow:0 0 3px #27164b;flex:none;font-size:11px;line-height:2}.project-meta .label{color:var(--accent)}#labs{flex-direction:column;justify-content:center;padding:120px 64px;display:flex}.labs-header,.labs-grid{z-index:2;position:relative}.labs-header{justify-content:space-between;align-items:flex-end;margin-bottom:44px;display:flex}.labs-title{letter-spacing:-.02em;font-size:clamp(34px,5vw,72px);font-weight:700;line-height:1}.labs-italic{color:var(--accent-soft);font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.labs-header-right{flex-direction:column;align-items:flex-end;display:flex}.labs-desc{color:var(--fg);text-align:right;max-width:380px;font-size:12px;line-height:1.9}.labs-warning-text{text-align:right;letter-spacing:.04em;color:var(--mut);margin-top:14px;font-size:11px}.labs-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.lab-card{aspect-ratio:4/3;cursor:pointer;z-index:1;background-position:50%;background-size:cover;border-radius:6px;position:relative;overflow:hidden}.lab-card:before,.lab-card:after{content:"";z-index:0;pointer-events:none;position:absolute;left:0;right:0}.lab-card-corner-mask{box-shadow:0 0 0 80px var(--bg);pointer-events:none;z-index:0;border-radius:6px;position:absolute;inset:0}.lab-card-lines{z-index:1;opacity:0;position:absolute;inset:0}.lab-card-num{z-index:1;letter-spacing:.18em;color:#ffffffb3;font-family:Space Mono,monospace;font-size:10px;position:absolute;top:16px;left:18px}.lab-card-info{z-index:1;position:absolute;bottom:16px;left:18px;right:18px}.lab-card-title{font-size:21px;font-weight:600;line-height:1.05}.lab-card-tech{letter-spacing:.1em;color:#ffffffb3;margin-top:5px;font-family:Space Mono,monospace;font-size:10px}#about{pointer-events:none;background:linear-gradient(#0000 0%,#0003 43%,#0009 100%);align-items:center;padding:220px 64px 120px 60px;display:flex}.about-content{max-width:880px}.about-bio{letter-spacing:-.01em;text-shadow:0 0 3px #27164b;font-size:clamp(26px,3.4vw,46px);font-weight:500;line-height:1.32}.about-highlight{color:var(--accent-soft);text-shadow:0px 0px 1px var(--accent);font-family:Instrument Serif,serif;font-style:italic}.about-body{text-shadow:0 0 3px #27164b;flex-direction:column;gap:20px;max-width:680px;margin-top:48px;display:flex}.about-body p{color:var(--fg);font-size:15px;line-height:1.9}.about-body strong{color:var(--accent-soft);font-weight:500}.about-awards{letter-spacing:.18em;color:var(--mut);text-shadow:0 0 3px #27164b;flex-wrap:wrap;align-items:center;gap:10px 0;margin-top:48px;font-size:11px;display:flex}.award-item em{color:var(--accent-soft);text-shadow:0 0 3px #27164b;font-style:normal}.award-sep{opacity:.3;margin:0 14px}.about-skills{text-shadow:0 0 3px #27164b;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px;display:grid}.about-socials{letter-spacing:.2em;text-shadow:0 0 3px #27164b;align-items:center;gap:0;margin-top:48px;font-size:11px;display:flex}.about-social-link{color:var(--mut);pointer-events:all;align-items:center;gap:7px;text-decoration:none;transition:color .25s;display:inline-flex}.about-social-link:hover{color:var(--accent)}.about-social-sep{opacity:.3;color:var(--mut);margin:0 18px}.skill-label{letter-spacing:.2em;color:var(--accent-soft);margin-bottom:18px;font-size:11px}.skill-list{opacity:.85;font-size:15px;line-height:2.1}.lab-overlay{z-index:-1;pointer-events:none;opacity:0;transition:opacity .35s;position:fixed;inset:0}.lab-overlay.open{opacity:1;z-index:100}.lab-overlay-topbar{pointer-events:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:absolute;top:0;left:0;right:0}.lab-overlay-num{letter-spacing:.2em;color:var(--accent);font-size:12px}.lab-overlay-status{letter-spacing:.18em;color:var(--mut);align-items:center;gap:8px;font-size:10px;display:flex}.lab-overlay-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%}.lab-overlay-close{pointer-events:auto;color:var(--mut);cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px;line-height:1;transition:color .2s}.lab-overlay-close:hover{color:var(--fg)}.lab-overlay-info{pointer-events:auto;-webkit-backdrop-filter:blur(18px);background:#080512e6;border-top:1px solid #ffffff1a;position:absolute;bottom:0;left:0;right:0}.lab-overlay-info-handle{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px 16px 28px;display:flex}.lab-overlay-info-handle-left{flex-wrap:wrap;align-items:baseline;gap:14px;min-width:0;display:flex}.lab-overlay-info-toggle{width:32px;height:32px;color:var(--mut);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:flex}.lab-overlay-info-toggle:hover{border-color:var(--accent);color:var(--fg)}.lab-overlay-info-body{gap:1px;display:flex}.lab-overlay-info-left{border-right:1px solid #ffffff0f;flex:1;padding:24px 28px}.lab-overlay-info-right{flex-direction:column;flex:0 0 320px;gap:0;padding:24px;display:flex}.lab-overlay-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.1;overflow:hidden}.lab-overlay-subtitle{color:var(--accent-soft);white-space:nowrap;font-family:Instrument Serif,serif;font-size:clamp(15px,1.6vw,20px);font-style:italic}.lab-overlay-desc{color:var(--fg);opacity:.78;margin-bottom:18px;font-size:14px;line-height:1.75}.lab-overlay-desc p+p{margin-top:10px}.lab-overlay-tags{flex-wrap:wrap;gap:7px;display:flex}.lab-overlay-tag{letter-spacing:.12em;color:var(--fg);opacity:.8;border:1px solid #ffffff24;border-radius:4px;padding:5px 12px;font-family:Space Mono,monospace;font-size:10px}.lab-overlay-meta-block{border-bottom:1px solid #ffffff0f;padding:9px 0}.lab-overlay-meta-label{letter-spacing:.2em;color:var(--accent);margin-bottom:3px;font-size:10px}.lab-overlay-meta-value{font-size:14px;font-weight:500}.lab-overlay-btn-primary{background:var(--accent);color:#fff;letter-spacing:.16em;cursor:pointer;text-align:center;border:none;border-radius:6px;margin-top:auto;padding:13px 0;font-size:11px;transition:background .2s,transform .15s}.lab-overlay-btn-primary:hover{background:color-mix(in srgb, var(--accent) 80%, #fff);transform:translateY(-1px)}.lab-overlay-btn-secondary{color:var(--fg);letter-spacing:.16em;cursor:pointer;text-align:center;background:0 0;border:1px solid #ffffff24;border-radius:6px;margin-top:8px;padding:11px 0;font-size:11px;transition:border-color .2s}.lab-overlay-btn-secondary:hover{border-color:var(--accent)}.hole-joystick{left:50%;bottom:calc(110px + env(safe-area-inset-bottom,0px));z-index:101;touch-action:none;width:108px;height:108px;display:none;position:fixed;transform:translate(-50%)}.hole-joystick.visible{display:block}.hole-joystick-base{-webkit-backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff29;border-radius:50%;width:100%;height:100%;position:relative}.hole-joystick-knob{background:var(--accent);width:44px;height:44px;box-shadow:0 0 14px var(--accent);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.overlay-open,html.overlay-open{overflow:hidden}@media (width<=1024px){#site-header{padding:22px 28px}#site-header:before{opacity:.95;height:260%}#hero{padding:0 40px}.hero-content{left:40px;right:40px}#hero-spacer{height:130vh}#work{gap:40px;padding:100px 40px}.work-sidebar{flex:0 0 34%}#labs{padding:100px 40px}.labs-grid{grid-template-columns:repeat(2,1fr)}.lab-card-num{font-size:clamp(8px,1.2vw,10px);top:10px;left:12px}.lab-card-info{bottom:6px;left:8px;right:8px}.work-sidebar .section-eyebrow{margin-bottom:0}#about{padding:100px 40px}.about-content{max-width:640px}#smooth-content{background:linear-gradient(#0000 0%,#00000080 55%,#000000b3 68%,#000000e6 100% 100%)}.lab-overlay-desc{max-height:40svh;padding-bottom:20px;overflow-y:scroll}}@media (width<=768px){#hero-spacer{height:91vh}#site-header{padding:18px 20px}.tagline{letter-spacing:.26em;margin-top:4px;font-size:9px}.header-right nav,.header-right .divider{display:none}.header-right{gap:12px}#audio-toggle{width:30px;height:30px}#corner-caption{bottom:84px;left:20px}.bottom-nav{z-index:45;padding:16px 20px calc(14px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px);border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav span{cursor:pointer;letter-spacing:.18em;color:var(--mut);opacity:.75;padding:6px 14px;font-family:Space Mono,monospace;font-size:11px;transition:opacity .25s,color .25s}.bottom-nav span:active,.bottom-nav span.active{opacity:1;color:var(--accent)}#hero{padding:0 24px}.hero-content{top:72%;left:24px;right:24px}.hero-eyebrow{letter-spacing:.26em;margin-bottom:18px;font-size:8px}.hero-subtitle{margin-top:30px}.hero-desc{max-width:100%;margin-top:10px;font-size:13px;line-height:1.8}.scroll-indicator{display:none}#work{flex-direction:column;align-items:stretch;gap:10px;padding:90px 24px 64px}.work-sidebar{flex:none;max-width:none}.work-sidebar #project-list{display:none}.work-mobile-head{justify-content:space-between;align-items:baseline;gap:16px;margin-top:20px;display:flex}.work-title{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:clamp(26px,8vw,38px);font-weight:700;line-height:1}.work-counter{letter-spacing:.1em;color:var(--mut);flex-shrink:0;font-size:12px}.work-preview{flex:none;min-height:490px}#project-card{touch-action:pan-y}#project-desc{max-width:100%;min-height:125px;font-size:14px;line-height:1.7}.card-tag{font-size:10px;top:12px;left:16px}.card-title{bottom:16px;left:16px;right:16px}.card-num{font-size:clamp(50px,20vw,110px);right:18px}.project-details{flex-direction:column;gap:18px;margin-top:22px}.project-meta{line-height:1.9}.work-dots{align-items:flex-start;gap:2%;width:fit-content;max-width:100%;margin:30px auto 0;display:flex}.work-dot{cursor:pointer;background-color:#ffffff26;border:none;width:18vw;height:8px;padding:0;transition:transform .3s,background-color .6s}.work-dot.active{background:var(--accent);transform:scaleX(1)}#labs{padding:90px 24px 64px}.labs-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}.labs-header-right{align-items:flex-start}.labs-desc{text-align:left;max-width:100%}.labs-warning-text{text-align:left}.labs-grid{grid-template-columns:repeat(2,1fr);gap:12px}.lab-card-title{font-size:12px}.lab-card-tech,.lab-card-num{font-size:7px}.lab-card-tech{margin-top:2px}#about{padding:90px 24px calc(80px + 70px + env(safe-area-inset-bottom,0px))}.about-content{max-width:100%}.about-body{max-width:100%;margin-top:30px}.about-awards{margin-top:30px;font-size:9px}.award-sep{margin:0 8px}.about-skills{grid-template-columns:repeat(2,1fr);gap:28px 20px;margin-top:30px}.about-socials{flex-wrap:wrap;margin-top:30px}.lab-overlay-topbar{padding:16px 18px}.lab-overlay-title{max-width:60vw}.lab-overlay-info-handle{padding:14px 18px 14px 20px}.lab-overlay-info-body{flex-direction:column}.lab-overlay-info-left{border-bottom:1px solid #ffffff0f;border-right:none;padding:18px 20px}.lab-overlay-info-right{flex-flow:wrap;flex:none;gap:12px 16px;padding:18px 20px}.lab-overlay-meta-block{border-bottom:none;flex:26%;padding:0}.lab-overlay-btn-primary,.lab-overlay-btn-secondary{flex:100%;margin-top:6px}}@media (width<=480px){.logo{letter-spacing:.28em;font-size:13px}.header-right{gap:10px;font-size:9px}nav{gap:10px}.hero-desc br{display:none}#work,#labs,#about{padding-left:18px;padding-right:18px}.work-title{font-size:clamp(24px,9vw,30px)}.card-num{font-size:clamp(42px,22vw,80px)}.about-skills{grid-template-columns:repeat(2,1fr);gap:24px 14px}.about-bio{font-size:clamp(22px,7vw,30px)}.lab-overlay-meta-block{flex:40%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.lab-card,.project-item,.lab-overlay,#loading-screen{transition-property:opacity!important;transition-duration:.2s!important}}