:root{--bg:#0b0b0b;--panel:#141414;--ink:#f2efe7;--muted:#9b9b95;--line:#30302d;--accent:#d96b43;--max:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img,video{display:block;width:100%}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;min-height:64px;padding:0 clamp(20px,5vw,80px);background:rgba(11,11,11,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.name{font-size:1.05rem;font-weight:800;letter-spacing:.08em}.site-header nav{display:flex;gap:clamp(18px,3vw,42px);margin-left:auto}.site-header nav a{color:#bbb;font-size:.9rem}.site-header nav a:hover{color:#fff}.intro{width:min(calc(100% - 40px),var(--max));min-height:72vh;margin:auto;padding:clamp(80px,11vw,170px) 0 90px;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:4rem;border-bottom:1px solid var(--line)}.kicker,.section-title span,.card-info span,.project-kicker{font:600 .78rem/1.3 Consolas,monospace;letter-spacing:.12em;color:var(--accent)}.intro .kicker{grid-column:1/-1;align-self:start}.intro h1{margin:0;font-size:clamp(4rem,10vw,9rem);line-height:.92;letter-spacing:-.07em}.intro-note{max-width:520px;padding-bottom:1rem}.intro-note p{font-size:clamp(1rem,1.5vw,1.25rem);color:#c5c4bd}.intro-note span{font-size:.85rem;color:var(--muted)}.work{width:min(calc(100% - 40px),var(--max));margin:auto;padding:80px 0 140px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.section-title h2{margin:0;font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,64px) clamp(18px,2.5vw,36px)}.project-card{position:relative;overflow:hidden;min-width:0}.project-card.feature{grid-column:1/-1}.project-card img,.project-card video{aspect-ratio:16/10;object-fit:cover;background:#151515;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}.project-card.feature img{aspect-ratio:2/1}.project-card:hover img,.project-card:hover video{transform:scale(1.018);filter:brightness(.82)}.card-info{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;padding:20px 2px 0}.card-info h3{margin:.3rem 0 0;font-size:clamp(1.45rem,2.5vw,2.3rem);letter-spacing:-.04em}.card-info b{font-size:.82rem;color:#bcbcb6;white-space:nowrap}.video-card{position:relative}.video-card .card-info{position:relative}.play{position:absolute;left:50%;top:42%;translate:-50% -50%;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(245,242,234,.9);color:#111;font-size:1.1rem;padding-left:4px}.video-card:hover .play{background:#fff}footer{padding:90px clamp(20px,5vw,80px);background:#f0ede4;color:#111;display:flex;align-items:flex-end;justify-content:space-between;gap:3rem}footer>p{margin:0;max-width:12em;font-size:clamp(2rem,5vw,5.5rem);font-weight:800;line-height:1.05;letter-spacing:-.055em}footer>div{display:grid;gap:.25rem;text-align:right}footer a{font-family:Consolas,monospace;font-size:.86rem}.project-page{background:#0d0d0d}.project-nav{width:min(calc(100% - 40px),1200px);margin:auto;padding:28px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.project-nav a:last-child{color:var(--muted)}.project-hero,.project-body{width:min(calc(100% - 40px),1200px);margin:auto}.project-hero{padding:90px 0 50px}.project-hero h1{margin:.7rem 0 1rem;font-size:clamp(3.6rem,9vw,8rem);line-height:.95;letter-spacing:-.065em}.project-hero>p:last-child{max-width:720px;color:#b9b9b3;font-size:1.05rem}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:110px}.gallery img{height:100%;object-fit:cover;background:#181818}.gallery .wide{grid-column:1/-1}.gallery .wide img{max-height:none}.video-stage{padding-bottom:110px}.video-stage video{width:100%;max-height:82vh;background:#000}.project-end{width:min(calc(100% - 40px),1200px);margin:auto;padding:50px 0 100px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}@media(max-width:800px){.intro{grid-template-columns:1fr;min-height:auto;gap:2rem}.project-grid{grid-template-columns:1fr}.project-card.feature{grid-column:auto}.project-card.feature img,.project-card img,.project-card video{aspect-ratio:4/3}.card-info{align-items:start}.card-info b{display:none}.gallery{grid-template-columns:1fr}.gallery .wide{grid-column:auto}footer{align-items:start;flex-direction:column}footer>div{text-align:left}.site-header nav{gap:16px}.intro h1{font-size:clamp(3.6rem,18vw,6rem)}}