@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#171717;--muted:#747474;--line:#d9d9d6;--paper:#fff;--soft:#f3f3f1;--serif:Georgia,'Times New Roman',serif;--sans:Manrope,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.site-header{align-items:center;color:#fff;display:flex;height:76px;justify-content:space-between;left:0;padding:0 clamp(24px,5vw,80px);position:fixed;right:0;top:0;transition:background .35s,color .35s,backdrop-filter .35s;z-index:10}.site-header.is-scrolled{background:rgba(255,255,255,.92);color:var(--ink);backdrop-filter:blur(14px)}.wordmark{align-items:center;display:flex;gap:14px;letter-spacing:.08em}.wordmark span{font-family:var(--mono);font-size:12px}.wordmark b{font-size:14px;font-weight:600}.site-nav{display:flex;gap:38px}.site-nav a{font-size:13px}.site-nav small{color:currentColor;font-family:var(--mono);font-size:9px;margin-left:5px;opacity:.55}.menu-toggle{display:none}.hero{align-items:center;color:#fff;display:flex;isolation:isolate;justify-content:center;min-height:100vh;min-height:100svh;overflow:hidden;padding:120px clamp(24px,5vw,80px) 72px;position:relative}.hero-media,.hero-shade{inset:0;position:absolute}.hero-media{background:#111;z-index:-2}.hero-video,.hero-poster{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hero-poster{opacity:1}.hero-video{opacity:0;transition:opacity 1s ease}.hero.video-ready .hero-video{opacity:1}.hero.video-unavailable .hero-video,.hero.video-unavailable .video-toggle{display:none}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.02) 36%,rgba(0,0,0,.08) 62%,rgba(0,0,0,.5) 100%);z-index:-1}.hero-copy{text-align:center}.hero-kicker{font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.16em;margin-bottom:28px;opacity:.76}.hero h1{font-size:clamp(48px,6.2vw,92px);font-weight:400;letter-spacing:-.055em;line-height:1.12;margin:0}.hero h1 em{display:block;font-family:var(--sans);font-style:normal;font-weight:400}.hero-intro{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.16em;margin-top:42px}.hero-footer{align-items:center;bottom:34px;display:flex;justify-content:space-between;left:clamp(24px,5vw,80px);position:absolute;right:clamp(24px,5vw,80px)}.hero-explore,.video-toggle{align-items:center;display:flex;font-family:var(--mono);font-size:10px;gap:13px;letter-spacing:.08em}.hero-explore span{font-size:16px}.video-toggle{border:1px solid rgba(255,255,255,.4);border-radius:50%;height:52px;justify-content:center;overflow:hidden;width:52px}.video-toggle-label{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.video-toggle:hover{background:rgba(255,255,255,.14);border-color:#fff}.video-toggle:focus-visible,.hero-explore:focus-visible,.socials a:focus-visible,.email-link:focus-visible,.site-nav a:focus-visible,.wordmark:focus-visible{outline:1px solid currentColor;outline-offset:6px}.eyebrow{color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.eyebrow span{float:right}.section-heading h2,.statement h2,.contact h2{font-size:clamp(30px,3.3vw,52px);font-weight:400;letter-spacing:-.06em;line-height:1.2;margin:35px 0}.section-heading h2 em,.statement h2 em,.contact h2 em{font-family:var(--sans);font-style:normal;font-weight:400;letter-spacing:inherit}.section-pad{padding:150px clamp(24px,10vw,160px)}.section-heading{align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1.6fr 1fr}.section-heading h2{margin:0}.section-note{color:var(--muted);font-size:13px;justify-self:end;max-width:220px}.works-toolbar{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin-top:100px;padding-bottom:18px}.filters{display:flex;gap:25px;overflow:auto}.filter{color:#999;flex:0 0 auto;font-size:12px;padding-bottom:4px}.filter.active,.filter:hover{color:var(--ink)}.filter.active{border-bottom:1px solid var(--ink)}.work-count{color:var(--muted);font-family:var(--mono);font-size:10px}.work-count strong{color:var(--ink);font-size:15px;font-weight:400}.gallery{display:grid;gap:clamp(14px,2.5vw,34px);grid-template-columns:repeat(12,1fr);margin-top:35px}.work-card{animation:appear .55s both;cursor:pointer;grid-column:span 4}.work-card:nth-child(5n+1){grid-column:span 7}.work-card:nth-child(5n+2){grid-column:span 5;margin-top:100px}.work-card:nth-child(5n+3),.work-card:nth-child(5n+4),.work-card:nth-child(5n){grid-column:span 4}.work-card:nth-child(5n){margin-top:70px}.work-image{background:var(--soft);overflow:hidden;position:relative}.work-image img{aspect-ratio:4/5;display:block;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s;width:100%}.work-card:nth-child(5n+1) img{aspect-ratio:16/10}.work-card:hover img{filter:brightness(.9);transform:scale(1.035)}.work-info{align-items:baseline;display:flex;justify-content:space-between;padding-top:10px}.work-title{font-size:12px}.work-meta{color:var(--muted);font-family:var(--mono);font-size:9px}.statement{background:var(--soft)}.statement-grid{display:grid;gap:10vw;grid-template-columns:1.3fr 1fr}.statement h2{margin:0}.statement-grid>div{color:var(--muted);max-width:390px}.statement-grid p+p{margin-top:22px}.details{display:grid;gap:140px;grid-template-columns:1fr 1fr}.detail-block:last-child{grid-column:1/-1}.detail-block h2{font-size:clamp(30px,3.3vw,52px);font-weight:400;letter-spacing:-.06em;line-height:1.2;margin-top:35px}.timeline{border-top:1px solid var(--line);margin-top:35px}.timeline>div{border-bottom:1px solid var(--line);display:grid;grid-template-columns:130px 1fr;padding:18px 0}.timeline time{color:var(--muted);font-family:var(--mono);font-size:10px}.timeline p{font-size:13px}.equipment{display:grid;gap:clamp(18px,2.5vw,34px);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:35px}.equipment-card{min-width:0}.equipment-media{aspect-ratio:16/9;background:var(--soft);display:block;overflow:hidden;padding:0;position:relative;width:100%}.equipment-media img{display:block;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1);width:100%}.equipment-card:hover .equipment-media img,.equipment-media:focus-visible img{transform:scale(1.025)}.equipment-media:focus-visible{outline:1px solid var(--ink);outline-offset:6px}.equipment-caption{border-bottom:1px solid var(--line);padding:14px 0 18px}.equipment-caption strong{font-size:15px;font-weight:400;text-align:left}.equipment-placeholder{align-items:center;display:flex;justify-content:center}.equipment-placeholder::after{border:1px solid var(--line);content:"";inset:16px;position:absolute}.equipment-placeholder span{color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.08em}.contact{background:var(--ink);color:var(--paper);min-height:75vh}.contact .eyebrow{color:#999}.contact h2{margin-bottom:100px}.contact-row{border-top:1px solid #444;display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:22px}.contact-row p{color:#aaa;font-size:13px}.email-link{color:#aaa;font-family:var(--mono);font-size:13px}.email-link span{margin-left:18px}.socials{display:flex;gap:20px;justify-content:flex-end}.socials a,.wechat{color:#aaa;font-size:12px}.socials a:hover,.email-link:hover{color:#fff}.site-footer{color:#777;display:flex;font-family:var(--mono);font-size:9px;justify-content:space-between;padding:24px clamp(24px,5vw,80px)}.lightbox{align-items:center;background:rgba(20,20,20,.97);color:#fff;display:flex;inset:0;justify-content:center;padding:70px clamp(55px,10vw,170px);position:fixed;z-index:20}.lightbox-figure{max-height:90vh;max-width:1000px;width:100%}.lightbox-figure img{display:block;height:70vh;margin:auto;max-width:100%;object-fit:contain}.lightbox-figure figcaption{align-items:end;display:flex;justify-content:space-between;margin-top:18px}.lightbox .eyebrow{color:#999}.lightbox h2{font-size:20px;font-weight:400;margin-top:6px}.lightbox-figure figcaption>p{color:#aaa;font-size:12px;max-width:260px}.lightbox-close{color:#aaa;font-size:12px;position:absolute;right:35px;top:28px}.lightbox-arrow{color:#aaa;font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover,.lightbox-close:hover{color:#fff}.lightbox-close:focus-visible,.lightbox-arrow:focus-visible{color:#fff;outline:1px solid currentColor;outline-offset:6px}.lightbox-arrow.previous{left:35px}.lightbox-arrow.next{right:35px}[hidden]{display:none!important}.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:800px){.site-header{height:64px}.menu-toggle{display:block;font-size:11px}.menu-toggle span{border-top:1px solid;display:inline-block;margin-left:8px;vertical-align:middle;width:18px}.site-nav{background:var(--paper);color:var(--ink);display:flex;flex-direction:column;gap:22px;left:0;padding:20px 24px 28px;position:absolute;right:0;top:64px;transform:translateY(-150%);transition:transform .3s;z-index:-1}.site-nav.open{transform:none}.site-nav a{font-size:19px}.hero{min-height:100vh;min-height:100svh;padding:96px 24px 68px}.hero h1{font-size:clamp(42px,12vw,58px)}.hero h1 em{font-family:var(--sans);font-style:normal;font-weight:400}.hero-intro{font-size:11px;letter-spacing:.12em;margin-top:32px}.hero-kicker{font-family:var(--sans);font-size:8px;margin-bottom:22px}.hero-footer{bottom:20px;left:24px;right:24px}.video-toggle{height:44px;width:44px}.section-pad{padding:100px 24px}.section-heading{display:block}.section-heading h2{font-size:clamp(30px,9vw,46px);margin:25px 0}.section-note{max-width:280px}.works-toolbar{align-items:flex-start;flex-direction:column;gap:18px;margin-top:65px}.gallery{gap:28px 14px}.work-card,.work-card:nth-child(5n+1),.work-card:nth-child(5n+2),.work-card:nth-child(5n+3),.work-card:nth-child(5n+4),.work-card:nth-child(5n){grid-column:span 6;margin-top:0}.work-card:nth-child(3n+1){grid-column:span 12}.statement-grid{display:block}.statement h2{font-size:clamp(30px,9vw,46px);margin:25px 0 45px}.details{display:block}.detail-block+.detail-block{margin-top:90px}.equipment{gap:42px;grid-template-columns:1fr}.equipment-media{aspect-ratio:16/9}.contact{min-height:65vh}.contact h2{font-size:clamp(30px,9vw,46px);margin:25px 0 70px}.contact-row{display:block}.email-link{display:block;margin:22px 0}.socials{justify-content:flex-start}.site-footer{flex-wrap:wrap;gap:12px}.site-footer span:last-child{width:100%}.lightbox{padding:60px 22px 30px}.lightbox-figure img{height:62vh}.lightbox-figure figcaption{display:block}.lightbox-figure figcaption>p{margin-top:12px}.lightbox-arrow.previous{left:12px}.lightbox-arrow.next{right:12px}.lightbox-close{right:20px;top:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-video{display:none}}