:root{--bg:#071012;--ink:#f2f5ef;--muted:#93a1a0;--line:rgba(255,255,255,.15);--cyan:#9be5e1;--lime:#d7ff66;--pad:clamp(24px,5vw,76px);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;cursor:none;overflow-x:hidden}a,button{color:inherit;font:inherit}a{text-decoration:none}button{border:0;padding:0;background:none;cursor:none}img,video{display:block;width:100%}::selection{background:var(--cyan);color:#061113}
.noise{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.045;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;border-radius:50%;pointer-events:none;z-index:100;transform:translate(-50%,-50%)}.cursor-dot{width:5px;height:5px;background:var(--lime)}.cursor-ring{width:34px;height:34px;border:1px solid rgba(215,255,102,.75);transition:width .2s,height .2s,background .2s}.cursor-ring.active{width:58px;height:58px;background:rgba(215,255,102,.12)}.scroll-progress{position:fixed;right:0;top:0;width:2px;height:100vh;background:rgba(255,255,255,.06);z-index:95}.scroll-progress span{display:block;width:100%;height:0;background:var(--lime)}
.site-header{position:fixed;z-index:80;top:0;left:0;width:100%;height:90px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;transition:.4s}.site-header.scrolled{height:68px;background:rgba(7,16,18,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.18em}.brand i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime)}nav{display:flex;gap:clamp(24px,4vw,62px)}nav a{font-size:11px;letter-spacing:.2em;text-transform:uppercase;position:relative}nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}nav a:hover:after{transform:scaleX(1);transform-origin:left}.contact-pill{border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:11px 18px;font-size:10px;letter-spacing:.16em;display:flex;gap:18px;transition:.25s}.contact-pill:hover{background:var(--ink);color:var(--bg)}
.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-video{filter:saturate(.72) contrast(1.1)}.hero-shade{background:linear-gradient(90deg,rgba(1,9,12,.78) 0%,rgba(1,9,12,.18) 52%,rgba(1,9,12,.5) 100%),linear-gradient(0deg,rgba(1,9,12,.85),transparent 44%)}.hero-copy{position:absolute;left:var(--pad);right:var(--pad);top:50%;transform:translateY(-45%)}.eyebrow,.section-index,.micro{font-size:10px;letter-spacing:.28em;color:var(--cyan)}.hero h1{font-size:clamp(54px,10vw,148px);line-height:.85;letter-spacing:.18em;font-weight:500;margin:28px 0 26px;text-shadow:0 12px 50px rgba(0,0,0,.35)}.hero h1 span:last-child{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.8)}.hero-sub{max-width:920px;display:flex;align-items:end;justify-content:space-between}.hero-sub p{font-size:clamp(13px,1.4vw,18px);line-height:1.8;font-weight:300;color:#dfe5e1}.explore{display:flex;align-items:center;gap:30px;border-bottom:1px solid rgba(255,255,255,.6);padding:0 4px 12px;font-size:11px;letter-spacing:.15em}.explore b{font-size:20px;font-weight:300}.hero-orbit{position:absolute;left:50%;top:48%;width:min(44vw,620px);aspect-ratio:1;border:1px solid rgba(155,229,225,.38);border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg);filter:drop-shadow(0 0 15px rgba(155,229,225,.28));animation:orbit 11s linear infinite}.hero-orbit span{position:absolute;left:9%;top:10%;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 20px var(--lime)}.hero-orbit i{position:absolute;right:6%;bottom:12%;width:5px;height:5px;border-radius:50%;background:var(--cyan)}@keyframes orbit{to{transform:translate(-50%,-50%) rotateX(65deg) rotateZ(360deg)}}.sound-toggle{position:absolute;right:var(--pad);bottom:115px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.16em}.sound-toggle em,.film-control em{font-style:normal}.sound-bars{height:18px;display:flex;align-items:end;gap:2px}.sound-bars i{width:2px;background:var(--cyan);animation:bars .8s ease-in-out infinite alternate}.sound-bars i:nth-child(1){height:6px}.sound-bars i:nth-child(2){height:15px;animation-delay:.2s}.sound-bars i:nth-child(3){height:10px;animation-delay:.4s}.sound-bars i:nth-child(4){height:17px;animation-delay:.1s}.sound-toggle[aria-pressed="false"] .sound-bars i{animation-play-state:paused;height:3px}@keyframes bars{to{height:4px}}.hero-stats{position:absolute;bottom:0;left:0;width:100%;height:82px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:0 var(--pad);background:rgba(2,11,13,.35);backdrop-filter:blur(8px)}.hero-stats div{display:flex;justify-content:center;align-items:center;gap:18px;border-right:1px solid var(--line)}.hero-stats div:first-child{border-left:1px solid var(--line)}.hero-stats b{font-size:18px}.hero-stats span{font-size:8px;letter-spacing:.17em;color:var(--muted)}
.manifesto,.work,.about{padding:120px var(--pad)}.manifesto{background:#e8ece5;color:#091114}.manifesto .section-index{color:#517271}.manifesto-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;margin-top:72px}.manifesto h2{margin:0;font-size:clamp(40px,6vw,92px);line-height:1.02;letter-spacing:-.05em;font-weight:500}.manifesto h2 span{color:transparent;-webkit-text-stroke:1px #476563}.manifesto-copy{align-self:end}.manifesto-copy>p{font-size:clamp(15px,1.6vw,20px);line-height:1.9;color:#344240}.capabilities{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.capabilities span{border:1px solid #aab4ad;border-radius:999px;padding:8px 12px;font-size:9px;letter-spacing:.13em}
.work{padding-bottom:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:80px}.section-heading>p:last-child{font-size:9px;letter-spacing:.16em;color:var(--muted)}.feature-project{position:relative}.project-number{position:absolute;top:22px;right:16px;z-index:2;color:var(--lime);font-size:12px;letter-spacing:.16em}.project-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.project-intro h2,.case-title h2{font-size:clamp(60px,10vw,150px);line-height:.8;margin:14px 0 0;font-weight:300;letter-spacing:-.07em}.project-intro p{font-size:10px;line-height:1.7;letter-spacing:.15em}.project-intro>p{text-align:right;color:var(--muted)}.project-intro>p span{color:var(--cyan)}.media-frame{position:relative;overflow:hidden;background:#10191a}.media-frame img{transition:transform 1.2s var(--ease)}.media-frame:hover img{transform:scale(1.025)}.hero-media{aspect-ratio:16/7}.hero-media img{height:100%;object-fit:cover}.view-media{position:absolute;right:25px;bottom:25px;padding:14px 18px;background:rgba(7,16,18,.8);backdrop-filter:blur(10px);border:1px solid var(--line);font-size:9px;letter-spacing:.16em}.view-media span{margin-left:28px}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:92px 6vw}.story-lead h3{font-size:clamp(38px,5vw,72px);line-height:1.08;margin:26px 0 0;font-weight:400}.story-copy{color:#aab4b2;font-size:14px;line-height:1.95}.spec-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:80px}.spec-row div{padding:25px;border-right:1px solid var(--line)}.spec-row b,.spec-row span{display:block}.spec-row b{font-size:28px;font-weight:400}.spec-row span{font-size:8px;letter-spacing:.16em;color:var(--muted);margin-top:8px}.video-shell{aspect-ratio:16/7;position:relative;overflow:hidden;background:#020506}.video-shell video{height:100%;object-fit:cover;filter:saturate(.82)}.film-control{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(0,0,0,.2);backdrop-filter:blur(4px)}.film-control span{font-size:18px}.film-control em{font-size:8px;letter-spacing:.18em}.film-label{position:absolute;left:20px;right:20px;bottom:16px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em}.image-strip{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;margin-top:10px}.image-strip button{height:240px;overflow:hidden}.image-strip img{height:100%;object-fit:cover;transition:.8s var(--ease)}.image-strip button:hover img{transform:scale(1.06)}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,70px);margin:150px 0}.project-card:nth-child(2){margin-top:110px}.card-media{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:#e8e6db;width:100%}.card-media.dark{background:#010303}.card-media img{height:100%;object-fit:cover;transition:transform .8s var(--ease)}.card-media:hover img{transform:scale(1.045)}.card-media>span{position:absolute;right:15px;bottom:15px;background:rgba(7,16,18,.85);padding:11px 13px;font-size:8px;letter-spacing:.15em;opacity:0;transform:translateY(10px);transition:.35s}.card-media:hover>span{opacity:1;transform:none}.card-meta{padding-top:20px;border-top:1px solid var(--line);margin-top:12px}.card-meta p{font-size:9px;letter-spacing:.17em;color:var(--cyan)}.card-meta h3{font-size:clamp(32px,4vw,62px);font-weight:300;margin:10px 0 4px;letter-spacing:-.04em}.card-meta>span{color:var(--muted);font-size:12px}.compact-case{padding:120px 0;border-top:1px solid var(--line)}.case-title{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:70px}.case-title p{font-size:9px;letter-spacing:.16em;color:var(--cyan)}.case-title h2{font-size:clamp(58px,8vw,120px)}.case-title>span{font-size:12px;line-height:1.7;color:var(--muted)}.case-layout{display:grid;grid-template-columns:1.5fr .5fr;gap:5vw;align-items:center}.case-image{height:65vh;min-height:480px;overflow:hidden;background:#f0ede2}.case-image img{height:100%;object-fit:cover}.case-notes{font-size:14px;line-height:1.9;color:#aab4b2}.case-notes ul{list-style:none;padding:0;margin:40px 0 0}.case-notes li{padding:13px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.12em}.reverse .case-layout{grid-template-columns:.5fr 1.5fr}.reverse .case-image{grid-column:2}.reverse .case-notes{grid-row:1;grid-column:1}.secondary{margin-bottom:80px}
.about{padding-bottom:70px;background:#0d191b}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;margin:80px 0 100px}.about h2{font-size:clamp(58px,9vw,140px);line-height:.82;letter-spacing:-.06em;font-weight:300;margin:0}.about-copy{align-self:end}.about-copy p{font-size:clamp(15px,1.6vw,21px);line-height:1.9;color:#b5c0bd}.download{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px 0 14px;margin-top:40px;font-size:10px;letter-spacing:.16em}.about-marquee{display:flex;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;white-space:nowrap;color:var(--cyan);font-size:13px;letter-spacing:.2em}.about-marquee div{animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-100%)}}
.contact{min-height:70vh;background:var(--lime);color:#081011;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px}.contact p{font-size:10px;letter-spacing:.25em}.contact a{font-size:clamp(60px,12vw,180px);line-height:.9;letter-spacing:-.07em;font-weight:500;border-bottom:5px solid #081011}.contact a span{font-size:.35em;vertical-align:top}footer{height:90px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:var(--muted)}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.visible{opacity:1;transform:none}.lightbox{width:min(92vw,1400px);max-width:none;max-height:92vh;border:1px solid var(--line);padding:10px;background:#050a0b;color:white}.lightbox::backdrop{background:rgba(0,0,0,.85);backdrop-filter:blur(8px)}.lightbox img{max-height:84vh;object-fit:contain}.lightbox-close{position:fixed;right:30px;top:22px;color:white;font-size:32px;z-index:2}.lightbox p{position:absolute;left:22px;bottom:18px;font-size:9px;letter-spacing:.16em}
@media(max-width:800px){body,a,button{cursor:auto}.cursor-dot,.cursor-ring{display:none}.site-header{height:68px}.site-header nav{display:none}.contact-pill{padding:9px 12px}.hero{min-height:660px}.hero h1{font-size:15vw;line-height:.96;letter-spacing:.08em}.hero h1 span{display:block}.hero-sub{align-items:start;flex-direction:column;gap:24px}.hero-orbit{width:75vw}.sound-toggle{bottom:102px}.hero-stats{height:72px;padding:0 12px}.hero-stats div{gap:5px;flex-direction:column}.hero-stats b{font-size:14px}.manifesto,.work,.about{padding:90px 22px}.manifesto-grid,.project-story,.about-grid{grid-template-columns:1fr;gap:50px}.project-intro{align-items:start;flex-direction:column}.project-intro>p{text-align:left}.hero-media,.video-shell{aspect-ratio:4/3}.project-story{padding:70px 0}.spec-row{grid-template-columns:1fr 1fr}.spec-row div:nth-child(2){border-right:0}.image-strip{grid-template-columns:1fr;}.image-strip button{height:220px}.project-grid{grid-template-columns:1fr;margin:100px 0}.project-card:nth-child(2){margin-top:40px}.case-title{grid-template-columns:1fr;gap:14px}.case-layout,.reverse .case-layout{grid-template-columns:1fr}.case-image,.reverse .case-image{grid-column:1;grid-row:auto;height:52vh;min-height:360px}.case-notes,.reverse .case-notes{grid-column:1;grid-row:auto}.about-grid{margin-top:60px}.contact{min-height:60vh}.contact a{font-size:17vw;border-bottom-width:3px}footer{padding:20px 22px;height:auto;gap:16px;flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-orbit{display:none}}