:root{--bg:#070908;--ink:#f0efe9;--muted:#8d938c;--acid:#b9df38;--line:rgba(235,240,230,.18);--pad:clamp(22px,3.8vw,68px);--mx:0px;--my:0px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer}.noise{position:fixed;z-index:90;inset:0;pointer-events:none;opacity:.055;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor{position:fixed;z-index:120;left:0;top:0;width:68px;height:68px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.45);transition:opacity .2s,transform .25s,background .25s;color:#fff;mix-blend-mode:difference}.cursor span{font-size:7px;letter-spacing:.2em}.cursor.show{opacity:1}.cursor.active{transform:translate(-50%,-50%) scale(1);background:#fff;color:#000}.entry-wash{position:fixed;z-index:110;width:30px;height:30px;border-radius:50%;left:50%;top:50%;pointer-events:none;background:var(--acid);transform:translate(-50%,-50%) scale(0);transition:transform .7s cubic-bezier(.6,0,.2,1)}body.entering .entry-wash{transform:translate(-50%,-50%) scale(100)}.topbar{position:absolute;z-index:20;left:0;top:0;width:100%;height:86px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand strong{font:400 25px/1 Georgia,serif;letter-spacing:-.08em}.brand span{font-size:7px;line-height:1.35;letter-spacing:.16em}.top-center{position:absolute;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.26em;color:#9ba19a}.sound{border:0;background:none;display:flex;align-items:center;gap:9px;padding:8px 0}.sound i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}.sound span{font-size:7px;letter-spacing:.18em}.hero{position:relative;height:100svh;min-height:720px;overflow:hidden;background:#06100e}.media{position:absolute;inset:-3%;transform:translate(calc(var(--mx)*-.35),calc(var(--my)*-.35)) scale(1.045);transition:transform .25s ease-out}.media img,.media video,.category-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster{filter:brightness(.62) saturate(.72) contrast(1.08)}.hero-video{opacity:0;filter:brightness(.58) saturate(.78) contrast(1.08);transition:opacity 1.4s}.video-ready .hero-video{opacity:1}.category-preview{opacity:0;background-size:cover;background-position:center;filter:brightness(.58) saturate(.68);transition:opacity .55s ease}.category-preview.visible{opacity:1}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,6,.82) 0%,rgba(4,7,6,.24) 48%,rgba(4,7,6,.65) 100%),linear-gradient(0deg,rgba(4,6,5,.9) 0%,transparent 42%,rgba(3,5,4,.35) 100%)}.grid-lines{position:absolute;inset:86px var(--pad) 52px;opacity:.16;background:linear-gradient(90deg,transparent 33.25%,#fff 33.3%,transparent 33.4%,transparent 66.55%,#fff 66.6%,transparent 66.7%),linear-gradient(0deg,transparent 49.9%,#fff 50%,transparent 50.1%);pointer-events:none}.edition{position:absolute;z-index:2;left:var(--pad);top:122px;display:flex;align-items:center;gap:12px;font-size:7px;letter-spacing:.22em}.edition b{display:block;width:40px;height:1px;background:var(--acid)}.hero-copy{position:absolute;z-index:3;left:var(--pad);top:47%;transform:translateY(-43%);width:min(68vw,1040px)}.eyebrow{margin:0 0 28px;font-size:8px;letter-spacing:.3em;color:#b9c0b8}.hero h1{margin:0;font:400 clamp(72px,11.6vw,188px)/.68 Georgia,"Times New Roman",serif;letter-spacing:-.075em;text-shadow:0 12px 45px rgba(0,0,0,.45)}.hero h1 span{display:block}.hero h1 .second{margin-left:9vw}.hero h1 em{color:var(--acid);font-weight:400}.hero-intro{margin-top:46px;display:flex;align-items:end;gap:clamp(45px,8vw,125px);margin-left:10vw}.hero-intro>p{margin:0;font:400 15px/1.85 "Songti SC",STSong,serif;letter-spacing:.1em;color:#d5d8d0}.enter{width:310px;min-height:76px;padding:14px 14px 14px 21px;border:1px solid rgba(255,255,255,.42);background:rgba(8,12,9,.16);backdrop-filter:blur(7px);display:flex;justify-content:space-between;align-items:center;text-align:left;transition:background .35s,color .35s,border-color .35s,transform .35s}.enter span{font:400 14px/1.2 "Songti SC",STSong,serif;letter-spacing:.13em}.enter small{display:block;margin-bottom:9px;font:400 7px Arial,sans-serif;letter-spacing:.22em;color:#aeb5ac;transition:color .35s}.enter i{width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font:400 17px Georgia,serif;transition:.45s}.enter:hover{background:var(--acid);border-color:var(--acid);color:#071007;transform:translateY(-3px)}.enter:hover small{color:#354414}.enter:hover i{background:#071007;color:#fff;border-color:#071007;transform:rotate(45deg)}.category-rail{position:absolute;z-index:4;right:var(--pad);top:50%;transform:translateY(-43%);width:min(330px,24vw);border-top:1px solid var(--line)}.rail-head{padding:0 0 13px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.2em;color:#9da39c}.category-rail button{width:100%;height:62px;padding:0;border:0;border-bottom:1px solid var(--line);background:transparent;display:grid;grid-template-columns:32px 1fr 20px;align-items:center;text-align:left;color:#c5cac3;transition:padding .35s,color .35s,background .35s}.category-rail button>i{font:400 10px Georgia,serif;color:var(--acid)}.category-rail button>span{font:400 14px "Songti SC",STSong,serif}.category-rail small{display:block;margin-top:4px;font:400 6px Arial,sans-serif;letter-spacing:.2em;color:#858b84}.category-rail button>b{font:400 13px Georgia,serif;opacity:0;transform:translateX(-8px);transition:.35s}.category-rail button:hover,.category-rail button.active{padding-left:12px;color:#fff;background:rgba(255,255,255,.045)}.category-rail button:hover>b,.category-rail button.active>b{opacity:1;transform:none}.scene-number{position:absolute;z-index:2;right:calc(var(--pad) + min(330px,24vw) + 30px);bottom:42px;font:400 80px/1 Georgia,serif;color:rgba(255,255,255,.08);transition:.3s}.hero-foot{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:25px;display:flex;align-items:center;gap:14px;font-size:6px;letter-spacing:.22em;color:#a5aba4}.hero-foot>i{width:92px;height:1px;background:rgba(255,255,255,.24);overflow:hidden}.hero-foot>i b{display:block;height:100%;background:var(--acid);animation:scan 2.5s ease-in-out infinite}.hero-foot .status{margin-left:auto}.status em{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.portfolio-index{min-height:100vh;padding:150px var(--pad);background:radial-gradient(circle at 80% 10%,rgba(185,223,56,.08),transparent 30%),var(--bg)}.index-head{display:grid;grid-template-columns:.4fr 1fr .55fr;gap:5vw;align-items:start;padding-bottom:70px}.index-head>p{font-size:7px;letter-spacing:.25em;color:var(--acid)}.index-head h2{margin:0;font:400 clamp(48px,6vw,94px)/.95 "Songti SC",STSong,serif;letter-spacing:-.05em}.index-head h2 em{font-family:Georgia,serif;font-weight:400;color:#81887f}.index-head>span{font-size:11px;line-height:2;color:#8e958d}.category-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.category-grid article{position:relative;min-height:360px;padding:22px;overflow:hidden;background:#111512;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer}.category-grid article:before{content:"";position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(4,6,5,.95),transparent 70%),var(--image);background-size:cover;background-position:center;filter:brightness(.72) saturate(.62);transition:transform .8s,filter .6s}.category-grid article:after{content:"↗";position:absolute;right:20px;top:20px;width:42px;height:42px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:grid;place-items:center;opacity:0;transition:.35s}.category-grid article:nth-child(1),.category-grid article:nth-child(4){grid-column:span 7}.category-grid article:nth-child(2),.category-grid article:nth-child(3){grid-column:span 5}.category-grid article:nth-child(5){grid-column:span 5}.category-grid article>*{position:relative;z-index:2}.category-grid article>span{font-size:7px;letter-spacing:.2em;color:var(--acid)}.category-grid h3{font:400 clamp(30px,3.5vw,56px) "Songti SC",STSong,serif;margin:10px 0}.category-grid p{margin:0;font-size:9px;letter-spacing:.1em;color:#9ca29b}.category-grid article:hover:before{transform:scale(1.04);filter:brightness(.9) saturate(.8)}.category-grid article:hover:after{opacity:1;transform:rotate(45deg)}@media(max-width:1000px){.category-rail{width:260px}.scene-number{display:none}.hero-copy{width:78vw}.hero h1{font-size:13vw}.hero-intro{margin-left:4vw}.index-head{grid-template-columns:1fr}.category-grid article{grid-column:span 6!important}}@media(max-width:700px){.cursor,.top-center,.sound,.edition,.category-rail{display:none}.topbar{height:68px}.hero{min-height:680px}.media{inset:-1%}.hero-copy{left:22px;right:22px;top:43%;width:auto}.eyebrow{font-size:7px;margin-bottom:22px}.hero h1{font-size:18.5vw;line-height:.73}.hero h1 .second{margin-left:0}.hero-intro{margin:38px 0 0;display:block}.hero-intro>p{font-size:13px;margin-bottom:25px}.enter{width:100%;max-width:340px}.grid-lines{inset:68px 22px 50px}.hero-foot{left:22px;right:22px}.hero-foot .status{display:none}.portfolio-index{padding:100px 22px}.category-grid{display:block}.category-grid article{min-height:300px;margin-bottom:14px}.index-head{padding-bottom:45px}.index-head>span{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.media,.hero-video,.category-preview,.enter,.enter i,.category-grid article:before{transition:none}.hero-foot>i b{animation:none}}