:root{--black:#050505;--ink:#0b0b0b;--white:#f5f5f2;--muted:#a5a5a0;--line:rgba(255,255,255,.14);--accent:#d6ff38;--pad:clamp(24px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Manrope,"Noto Sans SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%}.nav{position:absolute;z-index:20;top:0;left:0;width:100%;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid rgba(255,255,255,.12)}.brand{font-weight:600;font-size:18px;letter-spacing:.03em}.brand span{font-weight:300;color:#aaa}.nav nav{display:flex;gap:36px;font-size:13px;color:#c8c8c5}.nav nav a,.nav-cta{transition:opacity .25s}.nav nav a:hover,.nav-cta:hover{opacity:.55}.nav-cta{font-size:13px}.nav-cta span,.text-link span,.contact-button span{color:var(--accent);margin-left:10px}.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.58) 42%,rgba(0,0,0,.08) 80%),linear-gradient(0deg,rgba(0,0,0,.48),transparent 45%)}.hero-copy{position:relative;z-index:2;max-width:900px;padding:170px var(--pad) 10vh}.eyebrow,.section-label{margin:0 0 28px;font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.22em;color:#b8b8b2}.eyebrow:before,.section-label:before{content:"";display:inline-block;width:28px;height:1px;background:var(--accent);vertical-align:middle;margin-right:14px}.hero h1{font-size:clamp(50px,7.4vw,112px);font-weight:300;letter-spacing:-.055em;line-height:.96;margin:0}.hero h1 em{font-style:normal;color:#b7b7b2}.hero-lede{max-width:540px;color:#c6c6c1;font-size:clamp(15px,1.4vw,19px);font-weight:300;line-height:1.8;margin:36px 0}.text-link{display:inline-flex;align-items:center;font-size:13px;border-bottom:1px solid #777;padding-bottom:8px}.hero-index{position:absolute;z-index:2;right:var(--pad);bottom:10vh;display:flex;align-items:center;gap:12px;font-size:10px;color:#ccc}.hero-index i{width:70px;height:1px;background:linear-gradient(90deg,var(--accent) 50%,#777 50%)}.manifesto{padding:clamp(100px,15vw,220px) var(--pad);max-width:1500px;margin:auto}.manifesto h2,.section-head h2,.services h2,.contact h2{font-size:clamp(38px,5vw,74px);font-weight:300;line-height:1.13;letter-spacing:-.045em;margin:0}.manifesto h2 span,.contact h2 span{color:#777}.manifesto>p:last-child{max-width:580px;margin:60px 0 0 auto;color:var(--muted);font-size:16px;line-height:1.9}.work,.services,.process{padding:0 var(--pad) clamp(110px,14vw,210px);max-width:1600px;margin:auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px}.section-head>p{max-width:390px;color:#777;font-size:12px;line-height:1.7}.feature-card{height:min(72vw,850px);min-height:560px;position:relative;overflow:hidden}.feature-card img{height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.feature-card:hover img{transform:scale(1.025)}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 55%)}.card-copy{position:absolute;left:clamp(24px,4vw,60px);bottom:clamp(24px,4vw,54px)}.card-copy p,.project-card>p{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#ccc}.card-copy h3{font-weight:300;font-size:clamp(30px,4vw,58px);margin:8px 0}.card-copy span,.project-card>span{font-size:11px;color:#999}.card-number{position:absolute;top:28px;right:30px;font-size:11px;letter-spacing:.12em}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,60px);margin-top:clamp(24px,4vw,60px)}.project-card:nth-child(2){margin-top:14vw}.image-wrap,.abstract-visual{aspect-ratio:4/3;overflow:hidden;background:#171717}.image-wrap img{height:100%;object-fit:cover;transition:transform 1s}.image-wrap:hover img{transform:scale(1.03)}.project-card h3{font-weight:300;font-size:clamp(25px,3vw,42px);margin:8px 0}.abstract-visual{position:relative;background:radial-gradient(circle at 50% 80%,#6d502a,#131313 46%,#050505 72%)}.orb{position:absolute;width:44%;aspect-ratio:1;border-radius:50%;left:28%;top:25%;background:radial-gradient(circle at 35% 28%,#fff4d0,#a9854c 15%,#2d2115 55%,#000 75%);box-shadow:0 35px 80px rgba(255,190,80,.12)}.abstract-visual>span{position:absolute;right:20px;top:18px;font-size:9px;letter-spacing:.2em;color:#777}.grain{position:absolute;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.services{padding-top:60px}.services .section-head{margin-bottom:90px}.service{border-top:1px solid var(--line);display:grid;grid-template-columns:80px 1fr auto;padding:48px 0 54px}.service:last-child{border-bottom:1px solid var(--line)}.service-no{font-size:10px;color:var(--accent)}.service h3{font-size:clamp(32px,4vw,55px);font-weight:300;letter-spacing:-.04em;margin:0 0 24px}.service h3 small{font-size:12px;color:#777;letter-spacing:.1em;margin-left:16px}.service p{max-width:600px;color:#aaa;line-height:1.8}.service ul{display:flex;flex-wrap:wrap;gap:12px 26px;padding:0;margin:30px 0 0;list-style:none;font-size:12px;color:#d3d3cf}.service ul li:before{content:"·";color:var(--accent);margin-right:8px}.service-mark{font-size:32px;font-weight:200;color:#555}.process{padding-top:20px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:50px}.process-grid>div{padding:34px 28px 0 0;border-right:1px solid var(--line);min-height:230px}.process-grid>div:not(:first-child){padding-left:28px}.process-grid>div:last-child{border:0}.process-grid span{font-size:10px;color:var(--accent)}.process-grid h3{font-size:26px;font-weight:300;margin:54px 0 15px}.process-grid p{font-size:12px;color:#888;line-height:1.7;max-width:210px}.contact{position:relative;overflow:hidden;text-align:center;padding:clamp(110px,16vw,230px) var(--pad);background:#0a0a0a}.contact-glow{position:absolute;width:600px;height:600px;border-radius:50%;left:50%;top:70%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(187,255,50,.08),transparent 65%);pointer-events:none}.contact>*:not(.contact-glow){position:relative}.contact .section-label:before{display:none}.contact h2{font-size:clamp(48px,7vw,100px)}.contact-button{display:inline-flex;align-items:center;margin-top:55px;padding:18px 28px;border:1px solid #555;border-radius:100px;font-size:13px;transition:.3s}.contact-button:hover{background:var(--white);color:#050505}.contact-note{margin-top:28px;color:#666;font-size:10px;letter-spacing:.12em}footer{height:130px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);font-size:10px;color:#666}footer .brand{color:var(--white)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}@media(max-width:760px){.nav{height:70px}.nav nav{display:none}.hero-copy{padding-bottom:14vh}.hero h1{font-size:48px}.hero-lede{max-width:90%}.hero-index{display:none}.manifesto>p:last-child{margin-left:0}.section-head{display:block}.section-head>p{margin-top:24px}.feature-card{height:72vh;min-height:520px}.project-grid{grid-template-columns:1fr}.project-card:nth-child(2){margin-top:35px}.service{grid-template-columns:42px 1fr}.service-mark{display:none}.service h3 small{display:block;margin:8px 0 0}.process-grid{grid-template-columns:1fr 1fr}.process-grid>div{border-bottom:1px solid var(--line)}footer{height:auto;padding-top:40px;padding-bottom:40px;gap:24px;flex-wrap:wrap}.nav-cta{font-size:0}.nav-cta:after{content:"联系 ↗";font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.feature-card img,.image-wrap img{transition:none}}