:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#eeefef;background:#0b0d10;font-synthesis:none;--muted:#92969f;--lime:#b9f582;--line:#282b30}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}svg{width:22px;height:22px;flex-shrink:0}button{background:none;border:0}header.header{height:96px;max-width:1440px;margin:auto;padding:0 64px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:70px}.logo{font-size:21px;letter-spacing:2px;font-weight:700;display:inline-flex;align-items:center;gap:12px}.logo-mark{background:var(--lime);color:#10160b;display:grid;place-items:center;width:35px;height:35px;border-radius:9px}.logo-mark svg{width:24px}.logo-dot{font-size:10px;align-self:flex-start;margin:4px 0 0 -8px}.header nav{display:flex;align-items:center;gap:30px;font-size:13px;height:100%}.header nav>a{display:flex;align-items:center;gap:8px;height:100%;position:relative}.header nav>a:after{content:"";position:absolute;bottom:-1px;height:2px;background:var(--lime);width:100%}.header nav span{color:var(--lime);font-size:10px;background:#232c1d;padding:3px 5px;border-radius:4px}.header nav button{display:flex;gap:7px;align-items:center;color:var(--muted)}.header nav svg{width:15px}.header-note{margin-left:auto;font-size:10px;letter-spacing:1.5px;color:#a5a9b0;white-space:nowrap}i{display:inline-block;background:var(--lime);width:5px;height:5px;border-radius:50%;margin-right:7px}.home{max-width:1440px;margin:auto;padding:0 64px}.intro{padding:62px 0 42px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#afb4ba;font-weight:500}.intro .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{display:inline-block;width:19px;height:1px;background:var(--lime)}h1{font-size:clamp(32px,3.3vw,49px);font-weight:550;letter-spacing:-1.9px;margin:19px 0 17px}h1 span{color:var(--lime)}.intro p{font-size:14px;color:var(--muted);margin:0;letter-spacing:1px}.intro-side{font-size:12px;line-height:2.1;color:#aeb0b5;text-align:right;letter-spacing:2px;padding-top:18px}.intro-side>span{display:block;color:#656b75;font-size:9px;letter-spacing:1.6px;margin-top:15px}.hero{height:440px;position:relative;border:1px solid #34323c;border-radius:13px;overflow:hidden;background:#171a28}.hero>img{height:100%;width:100%;object-fit:cover;object-position:50% 55%;filter:brightness(.8)}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(9,11,19,.88),rgba(10,12,21,.25) 65%,transparent),linear-gradient(0deg,rgba(9,11,17,.35),transparent 70%)}.hero-top{position:absolute;top:29px;left:33px;right:33px;display:flex;justify-content:space-between}.feature-label{font-size:10px;letter-spacing:1.2px;border:1px solid #7a7a8570;background:#23243380;padding:8px 12px;border-radius:5px}.feature-label i{width:4px;height:4px}.hero-index{font-family:monospace;font-size:11px;color:#c9c6d2;letter-spacing:2px;padding-top:8px}.hero-content{position:absolute;left:38px;bottom:38px;max-width:420px}.hero-content .eyebrow{font-size:9px;color:#b8abc9}.hero h2{font-size:37px;font-weight:500;margin:13px 0 14px;letter-spacing:1px}.hero p{font-size:13px;line-height:1.9;color:#bdb8c7;max-width:330px;margin:0 0 26px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--lime);color:#16210e;border:0;border-radius:6px;padding:13px 19px;font-size:13px;font-weight:650}.primary:hover{background:#cefaaa}.primary svg{width:18px}.hero-caption{position:absolute;right:35px;bottom:38px;display:flex;gap:16px;align-items:center;font-size:8px;letter-spacing:1.6px;color:#d1c7db}.mini-wave{color:var(--lime);font-size:20px;letter-spacing:2px}.collection{padding-top:55px;scroll-margin-top:25px}.collection-heading{display:flex;align-items:end;justify-content:space-between}.collection-heading h2{font-size:24px;letter-spacing:.5px;margin:12px 0 0;font-weight:550}.collection-heading h2 span{vertical-align:top;font-family:monospace;font-size:12px;margin-left:10px;color:var(--muted)}.collection-heading p{font-size:12px;color:#777e86;margin:0 0 3px}.toolbar{display:flex;justify-content:space-between;gap:18px;margin:29px 0 24px}.filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.filter{font-size:12px;color:#999da5;padding:10px 16px;border-radius:6px;border:1px solid transparent;white-space:nowrap}.filter:hover{color:#fff;background:#1b1f24}.filter.selected{color:#eff2eb;border-color:#40493a;background:#23291f}.favorite-filter{display:flex;align-items:center;gap:6px}.favorite-filter svg{width:14px;height:14px}.header button.selected{color:var(--lime)}.search{display:flex;align-items:center;gap:8px;background:#121519;border:1px solid #292d33;border-radius:6px;padding:0 12px;max-width:290px;width:100%;height:38px;color:#7b838c}.search svg{width:15px}.search input{border:0;background:none;min-width:0;width:100%;outline:none;color:#d4d7da;font-size:11px}.search:focus-within{border-color:#9dba83}.search kbd{font-size:10px;border:1px solid #363a40;padding:1px 5px;border-radius:3px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}.project-card{min-width:0}.card-art{position:relative;border-radius:9px;overflow:hidden;aspect-ratio:1.93;border:1px solid #30343b;background:#152021}.card-art>a{display:block;height:100%}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s;filter:brightness(.82)}.project-card:hover img{transform:scale(1.025);filter:brightness(1)}.art-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#080c1670,transparent 50%);pointer-events:none}.card-category{position:absolute;left:18px;top:17px;font-size:10px;background:#0b0d1280;border:1px solid #ffffff30;padding:6px 9px;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.favorite{position:absolute;right:16px;top:15px;display:grid;place-items:center;background:#0b0d1280;border:1px solid #ffffff30;border-radius:50%;width:31px;height:31px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.favorite svg{width:14px;height:14px}.favorite.saved{color:var(--lime);border-color:var(--lime)}.favorite.saved svg{fill:currentColor}.art-coordinates{position:absolute;left:18px;bottom:18px;font-size:8px;letter-spacing:1.7px;color:#d4d7db}.enter-circle{position:absolute;right:18px;bottom:15px;border:1px solid #ffffff65;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.enter-circle svg{width:17px;transform:rotate(-35deg)}.card-info{padding:21px 2px 0}.card-number{font-size:8px;letter-spacing:1.7px;color:#7d8590}.card-title{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.card-title h3{font-size:22px;font-weight:500;margin:0}.card-title>svg{width:18px;color:#9aa0a7}.card-info p{color:#9097a0;font-size:12px;line-height:1.9;margin:12px 0 19px}.tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tags>span:not(.audio-tag){color:#8f98a2;background:#191c21;border:1px solid #262b31;border-radius:4px;padding:4px 7px;font-size:9px}.tags .audio-tag{margin-left:auto;color:var(--accent);font-size:7px;letter-spacing:1.1px;display:flex;align-items:center;gap:5px}.audio-tag svg{width:12px;height:12px}.closing{margin:55px 0 0;padding:30px 0 35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:19px}.closing-symbol{width:45px;height:45px;border:1px solid #31382c;background:#181f15;color:var(--lime);border-radius:50%;display:grid;place-items:center}.closing h3{font-size:14px;font-weight:400;margin:0 0 9px;color:#ced0cf}.closing p{font-size:11px;color:#767e87;margin:0}.closing-note{margin-left:auto;display:flex;gap:15px;align-items:center;font-size:8px;letter-spacing:1.2px;color:#7e858e}.closing-note svg{width:16px}footer{max-width:1312px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 29px;font-size:9px;letter-spacing:1px;color:#737a82}footer i{width:4px;height:4px}.empty{grid-column:1/-1;text-align:center;border:1px dashed #343a40;border-radius:9px;padding:55px 20px;color:var(--muted)}.empty>svg{color:var(--lime);width:28px;height:28px}.empty h3{font-size:18px;color:#e0e5e8}.empty p{font-size:13px;margin-bottom:25px}.experience{height:100dvh;display:flex;flex-direction:column}.experience-header{min-height:73px;display:flex;align-items:center;padding:12px 24px;gap:20px;border-bottom:1px solid var(--line)}.back{display:flex;align-items:center;gap:9px;font-size:13px;color:#bec4ca}.back svg{width:19px}.divider{height:27px;width:1px;background:#363b41}.experience-title{display:flex;flex-direction:column;gap:5px}.experience-title>span{font-size:8px;color:#818c98;letter-spacing:1.4px}.experience-title strong{font-size:15px;font-weight:500}.experience-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.experience-actions select,.experience-actions button{background:#191e24;border:1px solid #363d46;border-radius:5px;padding:8px 11px;color:#d4dae0;font-size:12px}.experience-actions button{display:flex;gap:6px;align-items:center;min-height:34px}.experience-actions svg{width:16px;height:16px}.scene-frame{flex:1;min-height:0;background:#05070b}.scene-frame:fullscreen{height:100dvh;width:100vw}.scene-frame iframe{display:block;width:100%;height:100%;border:0}.experience-status{display:flex;justify-content:space-between;gap:12px;padding:10px 24px;font-size:9px;color:#8c969f;border-top:1px solid var(--line)}.help-panel{padding:14px 24px;background:#1c2518;font-size:12px;line-height:1.9;color:#c2d3b5}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.not-found{padding:10vh 8vw}.not-found h1{font-size:30px;margin:60px 0 30px}@media(min-width:1441px){footer{max-width:1312px}}@media(max-width:1440px){footer{margin:0 64px}}@media(max-width:1000px){header.header{padding:0 30px;gap:35px}.home{padding:0 30px}.header-note{display:none}.hero{height:420px}.hero-caption,.tags .audio-tag{display:none}footer{margin:0 30px}.toolbar{flex-wrap:wrap}.search{max-width:260px}.closing-note{display:none}.intro-side{font-size:11px}.experience-status>span:nth-child(2){display:none}}@media(max-width:640px){header.header{height:76px;padding:0 20px;justify-content:space-between;gap:15px}.logo{font-size:16px;gap:8px;letter-spacing:1px}.logo-mark{width:29px;height:29px}.header nav{gap:15px;font-size:11px}.header nav button{font-size:0;gap:0}.header nav button svg{width:18px}.home{padding:0 20px}.intro{padding:38px 0 29px}.intro .eyebrow{font-size:7px;letter-spacing:1.5px}.intro h1{font-size:32px;letter-spacing:-1px}.intro p{font-size:11px;line-height:1.8;max-width:280px}.intro-side{display:none}.hero{height:400px}.hero-top{top:20px;left:21px;right:21px}.hero-content{left:23px;right:23px;bottom:29px}.hero h2{font-size:30px}.hero p{font-size:12px}.hero>img{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#090b13aa,#090b1320),linear-gradient(0deg,#090b13e0,transparent)}.hero-index{font-size:9px}.collection{padding-top:38px}.collection-heading h2{font-size:22px}.collection-heading>p{display:none}.toolbar{margin-top:23px;gap:15px}.filters{gap:2px}.filter{font-size:11px;padding:9px 10px}.search{max-width:none;height:40px}.grid{grid-template-columns:1fr;gap:33px}.card-title h3{font-size:21px}.tags .audio-tag{display:flex}.closing{margin-top:39px;gap:12px;padding:25px 0}.closing h3{font-size:11px}.closing p{font-size:10px}.closing-symbol{width:35px;height:35px;flex-shrink:0}footer{margin:0 20px;gap:10px;flex-wrap:wrap;font-size:8px;padding:21px 0}footer>span:nth-child(2){display:none}.experience-header{padding:10px 12px;gap:10px;flex-wrap:wrap}.experience-title{flex:1}.experience-actions{width:100%;gap:8px}.experience-actions select{flex:1;min-width:0}.experience-actions button{font-size:11px}.experience-status{font-size:8px;padding:9px 12px}.experience-status>span:first-child{display:none}.back span,.divider{display:none}.help-panel{padding:10px 12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
