:root{--text:#161616;--muted:#676767;--bg:#f7f7f4;--line:#d8d8d2;--accent:#dff34b;color:var(--text);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{width:min(1200px,100% - 40px);margin:auto}.site-header{z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(10px);background:#f7f7f4f0;justify-content:space-between;align-items:center;min-height:60px;padding:0 max(20px,50vw - 600px);display:flex;position:sticky;top:0}.brand{font-size:13px;font-weight:750}.site-header nav{gap:22px;font-size:12px;display:flex}.status{color:var(--muted);font-size:11px}.status i{background:#42a85a;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.hero,.project-hero{border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;min-height:76svh;display:flex}.eyebrow,.project-index{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 28px;font-size:11px}.hero h1,.project-hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(52px,9vw,112px);line-height:.92}.hero h1 em,.project-hero h1 em{text-decoration:underline 8px;text-decoration-color:var(--accent);text-underline-offset:-3px;font-style:normal}.hero-bottom{justify-content:space-between;align-items:end;gap:30px;margin-top:52px;display:flex}.hero-bottom p{max-width:600px;color:var(--muted);margin:0;line-height:1.65}.round-link{border:1px solid var(--text);border-radius:50%;place-items:center;width:54px;height:54px;font-size:22px;display:grid}.motion-lab,.work,.gallery-section{padding:90px 0}.section-heading,.gallery-toolbar{justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px;display:flex}.section-heading>div,.gallery-toolbar>div:first-child{align-items:baseline;gap:14px;display:flex}.section-heading span,.gallery-toolbar span{color:var(--muted);font-size:11px}.section-heading h2,.gallery-toolbar h2{letter-spacing:-.05em;margin:0;font-size:clamp(36px,5vw,64px)}.section-heading>p{max-width:430px;color:var(--muted);margin:0;line-height:1.6}.motion-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.motion-card{border:1px solid var(--line);background:#fff;min-width:0;padding:8px}.motion-media{aspect-ratio:.82;background:#ddd;position:relative;overflow:hidden}.motion-media img{object-fit:cover;width:100%;height:100%;animation:8s ease-in-out infinite alternate slowZoom}.motion-card:nth-child(2n) img{animation-direction:alternate-reverse}.scan-line,.orbit{display:none}.motion-copy{gap:10px;padding:12px 2px 5px;display:flex}.motion-copy>span{color:var(--muted);font-size:10px}.motion-copy h3{margin:0 0 3px;font-size:15px}.motion-copy p{color:var(--muted);margin:0;font-size:11px}.work,.project-list{border-top:1px solid var(--line)}.project-row{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr minmax(180px,32%) 24px;align-items:center;gap:15px;min-height:96px;display:grid}.project-row h3{margin:0 0 4px;font-size:clamp(22px,3vw,34px)}.project-row p,.project-row small,.project-row>span{color:var(--muted);margin:0;font-size:11px}.project-row:hover{background:var(--accent)}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:28px max(20px,50vw - 600px);font-size:11px;display:flex}.reveal{opacity:0;transition:opacity .5s var(--delay,0s), transform .5s var(--delay,0s);transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:none}.project-hero{padding:60px 0}.project-summary{grid-template-columns:1fr 1fr;gap:70px;margin-top:60px;display:grid}.project-summary>p{color:var(--muted);margin:0;line-height:1.65}.project-summary dl{border-top:1px solid var(--line);margin:0}.project-summary dl div{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;gap:12px;padding:10px 0;display:grid}.project-summary dt{text-transform:uppercase;color:var(--muted);font-size:10px}.project-summary dd{margin:0;font-size:12px}.performance-panel{border:1px solid var(--line);background:#fff;grid-template-columns:1fr 180px 180px;align-items:end;gap:24px;margin:70px 0;padding:24px;display:grid}.panel-kicker{color:var(--muted);font-size:10px}.performance-panel h2{margin:5px 0 0;font-size:24px}.metric{flex-direction:column;display:flex}.metric strong{font-size:44px;line-height:1}.metric span,.performance-panel>p{color:var(--muted);font-size:10px}.performance-panel>p{grid-column:2/-1;margin:0}.performance-panel>button{border:1px solid var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:99px;grid-column:3;justify-self:end;padding:9px 13px;font-size:10px}.performance-panel>button:hover{background:var(--accent)}.story-block{border-top:1px solid var(--line);grid-template-columns:160px 1fr;gap:50px;padding:90px 0;display:grid}.story-block>span{color:var(--muted);font-size:11px}.story-block h2{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(36px,5vw,62px);line-height:1}.story-block p{max-width:650px;color:var(--muted);margin:0;line-height:1.7}.gallery-section{border-top:1px solid var(--line)}.filter-group{flex-wrap:wrap;gap:6px;display:flex}.filter-group button{border:1px solid var(--line);font:inherit;cursor:pointer;background:0 0;border-radius:99px;padding:8px 12px;font-size:11px}.filter-group button.is-active{color:#fff;background:var(--text)}.image-grid{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.image-frame{margin:0}.image-frame.is-filtered{display:none}.image-button{cursor:zoom-in;background:#ddd;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.image-button img{width:100%;height:auto;transition:transform .35s}.image-button:hover img{transform:scale(1.015)}.image-number,.image-action{background:#ffffffe0;padding:6px 8px;font-size:9px;position:absolute;top:10px}.image-number{left:10px}.image-action{right:10px}.image-frame figcaption{color:var(--muted);justify-content:space-between;gap:15px;padding:9px 0 20px;font-size:10px;display:flex}.image-frame figcaption p{margin:0}.next-case{border-top:1px solid var(--line);padding:70px 0 100px}.next-case p{color:var(--muted);font-size:10px}.next-case a{letter-spacing:-.05em;justify-content:space-between;font-size:clamp(42px,7vw,86px);display:flex}.lightbox{background:0 0;border:0;width:min(1000px,100vw - 30px);padding:0;overflow:visible}.lightbox::backdrop{background:#000000e0}.lightbox img{object-fit:contain;width:100%;max-height:82vh}.lightbox p{color:#fff;font-size:11px}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:26px;position:absolute;top:-38px;right:0}@keyframes slowZoom{0%{transform:scale(1.02)}to{transform:scale(1.1)}}@media (width<=760px){.site-header nav a:not(:last-child),.status{display:none}.hero,.project-hero{min-height:68svh}.hero-bottom,.section-heading,.gallery-toolbar{flex-direction:column;align-items:flex-start}.motion-grid{scroll-snap-type:x mandatory;margin-right:-20px;padding-right:20px;display:flex;overflow-x:auto}.motion-card{scroll-snap-align:start;flex:0 0 70vw}.project-row{grid-template-columns:28px 1fr 22px;padding:18px 0}.project-row small{grid-column:2}.project-row b{grid-area:1/3/span 2}.project-summary,.performance-panel,.story-block,.image-grid{grid-template-columns:1fr}.performance-panel>p,.performance-panel>button{grid-column:1;justify-self:start}.story-block{gap:20px}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}