:root{--bg: #fafafa;--text: #111;--text-muted: rgba(0,0,0,.4);--header-bg: rgba(250, 250, 250, .7);--header-border: rgba(0,0,0,.05);--btn-hover: rgba(0,0,0,.03);--btn-active: rgba(0,0,0,.06);--primary: hsl(48,90%,55%);--primaryT: hsla(48,90%,55%,.3);--transDur: .4s}body[data-theme=dark]{--bg: #050505;--text: #eee;--text-muted: rgba(255,255,255,.4);--header-bg: rgba(5, 5, 5, .7);--header-border: rgba(255,255,255,.1);--btn-hover: rgba(255,255,255,.05);--btn-active: rgba(255,255,255,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Andale Mono,monospace;-webkit-font-smoothing:antialiased;cursor:pointer;transition:background var(--transDur) ease,color var(--transDur) ease}a{text-decoration:none;color:inherit}button{border:none;background:none;font:inherit;color:inherit;cursor:pointer}header{position:fixed;top:0;left:0;z-index:100;width:100%;padding:12px 24px;pointer-events:none;display:flex;justify-content:space-between;align-items:center;background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--header-border);transition:transform .4s cubic-bezier(.4,0,.2,1),background .4s ease}#btn-back{font-weight:600;color:var(--text);background:var(--btn-active);margin-right:12px}header.header-hidden{transform:translateY(-100%)}.about-open header{background:#000000b3;border-bottom:1px solid rgba(255,255,255,.1)}header nav{display:flex;gap:4px;pointer-events:all}header nav ul{display:flex;gap:4px;list-style:none}header nav ul li{display:flex}} @media (max-width: 600px){header{top:auto;bottom:0;padding:10px 16px;border-bottom:none;border-top:1px solid var(--header-border)}header.header-hidden{transform:translateY(100%)}header nav{flex:unset}}header nav ul li>*{pointer-events:all}.logo{position:fixed;top:18px;left:50%;transform:translate(-50%);font-family:Andale Mono,monospace;font-size:14px;font-weight:500;letter-spacing:.05em;color:var(--text);pointer-events:auto}@media (max-width: 600px){.logo{display:none!important}}.nav-btn{display:flex;width:100%;align-items:center;gap:4px;border-radius:6px;padding:8px 16px;font-family:Andale Mono,monospace;font-size:13px;font-weight:500;letter-spacing:.01em;color:var(--text);transition:all .3s ease;white-space:nowrap}@media (max-width: 600px){.nav-btn{padding:6px 10px;font-size:11px}}.nav-btn:hover{background:var(--btn-hover)}.nav-btn.active{background:var(--btn-active);font-weight:600}.about-open .nav-btn{color:#fff}.about-open .nav-btn:hover{background:#ffffff1a}.about-open .nav-btn.active{background:#ffffff26}#top-right-wrap{display:flex;gap:24px;align-items:center;pointer-events:all}@media (max-width: 600px){#top-right-wrap{gap:12px}}#mode-toggle,#project-layout-toggle,#lang-toggle{display:flex;align-items:center;gap:4px;font-family:Andale Mono,monospace;font-size:11px;color:var(--text-muted);transition:all .3s ease}@media (max-width: 600px){#project-layout-toggle{display:none!important}}.lang-btn{color:var(--text-muted);transition:all .2s;padding:2px 4px;text-transform:uppercase;display:flex;align-items:center}.lang-btn:hover{color:var(--text)}.lang-btn.active{color:var(--text);font-weight:600}.lang-sep{color:var(--text-muted);opacity:.5}.about-open #top-right-wrap *{color:#ffffff80}.about-open #top-right-wrap .active{color:#fff}.about-open #top-right-wrap .mode-sep,.about-open #top-right-wrap .lang-sep{color:#fff3}#canvas-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;touch-action:none}canvas{display:block;width:100%!important;height:100%!important}#cursor-label{position:fixed;top:0;left:0;z-index:5;pointer-events:none;font-size:11px;letter-spacing:.02em;color:#fff;mix-blend-mode:exclusion;padding:12px;white-space:nowrap;opacity:0;transition:opacity .3s}#cursor-label.visible{opacity:1}#home-view-toggle{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;height:40px;align-items:center;background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--header-border);border-radius:30px;padding:0 20px;pointer-events:all;gap:8px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.view-sep{color:var(--text-muted);opacity:.5;font-size:11px}@media (max-width: 600px){#home-view-toggle{bottom:70px;right:16px}}.theme-btn,.layout-btn,.view-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .3s ease,opacity .3s ease}.theme-btn:hover,.layout-btn:hover,.view-btn:hover{color:var(--text)}.theme-btn.active,.layout-btn.active,.view-btn.active{color:var(--text);opacity:1}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg);display:flex;justify-content:center;align-items:center;transition:opacity .8s ease,visibility .8s ease;pointer-events:all}#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-text{font-family:Andale Mono,monospace;font-size:24px;font-weight:400;letter-spacing:.05em;color:var(--text);animation:breathe 3s infinite ease-in-out}@keyframes breathe{0%,to{opacity:.2;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}.about-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;background:#000;color:#fff;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .4s ease;padding:120px 4vw 80px;display:flex;justify-content:center;align-items:flex-start}.about-page.visible{opacity:1;pointer-events:all}.about-container{display:flex;max-width:1100px;width:100%;gap:80px;align-items:center}.about-image-side{flex:0 0 450px;height:550px;border-radius:8px;overflow:hidden;background:#f0f0f0}.about-image-side img{width:100%;height:100%;object-fit:cover}.about-text-side{flex:1}.about-name{font-family:Andale Mono,monospace;font-size:42px;font-weight:400;letter-spacing:.02em;margin-bottom:24px;text-transform:uppercase}.about-bio-text{font-family:DM Sans,sans-serif;font-size:16px;line-height:1.8;letter-spacing:.01em;color:#ffffffb3;margin-bottom:40px;max-width:500px}.about-socials{display:flex;gap:16px}.about-btn{padding:10px 20px;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:13px;color:#fff;transition:all .2s}.about-btn:hover{background:#fff;color:#000;border-color:#fff}@media (max-width: 1024px){.about-container{flex-direction:column;gap:40px;text-align:center;align-items:center}.about-image-side{flex:0 0 350px;width:350px;height:400px}.about-bio-text{margin-left:auto;margin-right:auto}.about-socials{justify-content:center}}#blur-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;opacity:0;transition:opacity .35s;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}#blur-overlay.visible{opacity:1}#white-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;background:#fafafa;opacity:0;pointer-events:none;transition:opacity .4s}.project-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;background:var(--bg);color:var(--text);overflow-x:auto;overflow-y:hidden;opacity:0;pointer-events:none;transition:opacity .4s ease,background .4s ease;display:flex;flex-direction:row;align-items:center;-ms-overflow-style:none;scrollbar-width:none}.project-page::-webkit-scrollbar{display:none}.project-page.visible{opacity:1;pointer-events:all}.project-gallery{display:flex;height:100vh;min-width:min-content}.project-gallery img,.project-gallery video,.video-wrapper,.video-wrapper video{height:100vh;width:auto;max-height:100vh;object-fit:contain;display:block}.project-page.vertical-mode{display:block!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.project-page.vertical-mode .project-info-slide{height:auto!important;min-height:100vh;width:100%!important;padding:120px 24px 40px!important}.project-page.vertical-mode .project-gallery{display:block!important;width:100%!important;height:auto!important;min-width:0!important}.project-page.vertical-mode .project-gallery img,.project-page.vertical-mode .project-gallery video,.project-page.vertical-mode .video-wrapper,.project-page.vertical-mode .video-wrapper video{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin-bottom:10px!important}.project-info-slide{flex:0 0 50vw;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 10vw;background:var(--bg);transition:background var(--transDur) ease}@media (max-width: 600px){.project-page{display:block!important;overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;background:var(--bg);touch-action:auto!important}.project-info-slide{height:auto!important;padding:120px 24px 40px!important;width:100%!important}.project-gallery{display:block!important;width:100%!important;height:auto!important;min-width:0!important}.project-gallery img,.project-gallery video,.video-wrapper,.video-wrapper video{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin-bottom:10px!important}}.project-title{font-family:Andale Mono,monospace;font-size:32px;font-weight:500;letter-spacing:.02em;margin-bottom:24px;text-transform:uppercase}@media (max-width: 600px){.project-title{font-size:24px;margin-bottom:16px}}.project-desc{font-family:DM Sans,sans-serif;font-size:15px;line-height:1.6;letter-spacing:.01em;color:var(--text);opacity:.8;max-width:400px}.project-gallery{display:flex;flex-direction:row;height:100vh;flex-shrink:0;min-width:max-content}.project-gallery img,.project-gallery video{flex:0 0 auto;height:100vh;width:auto;object-fit:cover;display:block}.video-wrapper{position:relative;flex:0 0 auto;height:100vh}.video-wrapper video{height:100%;width:auto;display:block;object-fit:cover}.video-sound-btn{position:absolute;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease,transform .3s ease;z-index:2}.video-sound-btn:hover{background:#000000b3;transform:scale(1.1)}.video-sound-btn.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.research-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;background:var(--bg);overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .4s ease,background var(--transDur) ease;padding:0 4vw 80px}.research-page.visible{opacity:1;pointer-events:all}.research-project-section{margin-bottom:80px}.research-project-title{font-family:Andale Mono,monospace;font-size:24px;font-weight:500;letter-spacing:.02em;margin-bottom:24px;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--header-border);padding-bottom:8px}#canvas-wrap{touch-action:none}.research-masonry{column-count:3;column-gap:16px}@media (max-width: 1024px){.research-masonry{column-count:2}}@media (max-width: 600px){.research-masonry{column-count:1}}.research-item{break-inside:avoid;margin-bottom:16px;border-radius:4px;overflow:hidden;background:#f0f0f0}.research-item img,.research-item video{width:100%;display:block;object-fit:cover}