:root{color:#fffaf0;font-synthesis:none;text-rendering:geometricprecision;--max:min(1700px, calc(100vw - 96px));--cream:#fffaf0;--muted:#fffaf09e;--line:#ffffff29;background:#000;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#000}body{background:#000;min-width:1180px;margin:0}a{color:inherit;text-decoration:none}figure,h1,h2,h3,p{margin-top:0}.site{background:#000;overflow:hidden}.section-inner{width:var(--max);margin:0 auto}.nav{z-index:50;width:var(--max);-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:#0000009e;border:1px solid #ffffff29;justify-content:space-between;align-items:center;height:64px;padding:0 16px 0 22px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 70px #0000006b}.brand{letter-spacing:.2em;font-size:13px;font-weight:780}.nav nav{color:#fffaf0b3;gap:42px;font-size:14px;display:flex}.nav-contact,.contact-actions a{color:#fffaf0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff38;justify-content:center;align-items:center;gap:10px;display:inline-flex}.nav-contact{height:42px;padding:0 18px;font-size:14px}.hero{isolation:isolate;background:#000;min-height:100vh;position:relative;overflow:hidden}.video-field,.hero-shade{position:absolute;inset:0}.video-field{z-index:-2}.video-field img{object-fit:cover;opacity:0;filter:saturate(.82)contrast(1.06)brightness(.68);width:100%;height:100%;animation:16.8s infinite frameFade;animation-delay:var(--delay);position:absolute;inset:0;transform:scale(1.08)}.hero-shade{z-index:-1;background:linear-gradient(90deg,#000000d1,#0000006b 48%,#00000029 72%),linear-gradient(#0000001f,#000000e6)}.hero-inner{width:var(--max);grid-template-columns:1fr .9fr;align-items:end;gap:70px;min-height:100vh;margin:0 auto;padding:156px 0 70px;display:grid}.hero-copy{padding-bottom:44px}.eyebrow{color:#fffaf094;letter-spacing:.22em;text-transform:uppercase;margin:0 0 22px;font-size:12px;font-weight:760}h1{letter-spacing:0;max-width:980px;margin-bottom:34px;font-size:clamp(92px,9vw,174px);font-weight:840;line-height:.82}.hero-title-line{display:block;overflow:hidden}.hero-title-line>span{will-change:transform;display:block}.hero-title-line-muted>span{color:#d9d0c1}h2{letter-spacing:0;margin-bottom:0;font-size:clamp(50px,4.7vw,88px);font-weight:620;line-height:.98}.hero-text{color:#fffaf0b8;max-width:650px;margin-bottom:0;font-size:18px;line-height:1.9}.hero-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000002e;grid-template-columns:repeat(3,1fr);align-self:end;display:grid}.hero-meta span{border-right:1px solid var(--line);color:#fffaf0b8;align-items:center;min-height:86px;padding:0 22px;font-size:13px;display:flex}.hero-meta span:last-child{border-right:0}.longform{background:#000;padding:112px 0 104px}.longform-head{grid-template-columns:.86fr 1fr;align-items:end;gap:60px;margin-bottom:26px;display:grid}.motion-title,.motion-copy,.reveal-block,.project-card,.motion-image{will-change:transform, opacity, filter, clip-path}.longform-head p:not(.eyebrow){color:#fffaf08f;max-width:560px;margin-bottom:4px;font-size:17px;line-height:1.8}.long-stage{position:relative;overflow:hidden}.long-drag{cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;scroll-behavior:auto;background:#000;height:min(720px,72vh);overflow:auto hidden}.long-drag::-webkit-scrollbar{display:none}.long-drag.is-dragging{cursor:grabbing}.long-drag img{pointer-events:none;filter:saturate(.94)contrast(1.02)brightness(.94);width:auto;max-width:none;height:min(720px,72vh);padding:0 22vw;display:block}.projects{background:#000;padding:106px 0 122px}.section-title{margin-bottom:34px}.project-showcase{position:relative}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.project-card{appearance:none;color:inherit;text-align:left;font:inherit;cursor:pointer;min-height:420px;transform:translateY(calc((var(--i) % 3) * 18px));background:#f6f4ef;border:0;padding:0;transition:transform .45s,filter .45s,opacity .45s;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000005c}.project-card img{object-fit:cover;object-position:center bottom;filter:saturate(.8)contrast(1.02)brightness(.96);width:100%;height:100%;transition:transform .55s,filter .45s;position:absolute;inset:0}.project-card div{color:#fffaf0;background:linear-gradient(#0000,#000000c7);padding:82px 24px 24px;position:absolute;bottom:0;left:0;right:0}.project-card span{color:#fffaf09e;margin-bottom:8px;font-size:12px;display:block}.project-card h3{margin-bottom:0;font-size:28px;font-weight:620;line-height:1.05}.project-card p{align-items:baseline;gap:12px;margin:12px 0 0;display:flex}.project-card del{color:#fffaf085;font-size:14px}.project-card strong{color:#fffaf0;font-size:22px;font-weight:760}.project-grid:hover .project-card{opacity:.58;filter:saturate(.55)brightness(.72)}.project-grid .project-card:hover{z-index:4;opacity:1;filter:none;transform:translateY(-10px)scale(1.025)}.project-card:hover img{filter:saturate()contrast(1.04)brightness();transform:scale(1.06)}.project-modal{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000b8;place-items:center;padding:7vh 7vw;animation:.18s ease-out modalFade;display:grid;position:fixed;inset:0}.project-modal-frame{background:#111;width:min(1080px,86vw);height:min(760px,78vh);margin:0;position:relative;overflow:hidden;box-shadow:0 36px 140px #000000b8}.project-modal-frame img{object-fit:cover;filter:saturate(.98)contrast(1.02);width:100%;height:100%;animation:12s ease-in-out infinite alternate modalDrift;display:block}.project-modal-frame figcaption{color:#fffaf0;background:linear-gradient(#0000,#000000d1);padding:120px 34px 34px;position:absolute;inset:auto 0 0}.project-modal-frame span{color:#fffaf09e;font-size:13px}.project-modal-frame h3{margin:10px 0 0;font-size:42px}.project-modal-frame p{align-items:baseline;gap:14px;margin:14px 0 0;display:flex}.project-modal-frame del{color:#fffaf08a}.project-modal-frame strong{font-size:28px}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalDrift{0%{object-position:44% 48%}to{object-position:58% 54%}}@keyframes closingVideoFade{0%,8%{opacity:0}16%,48%{opacity:1}58%,to{opacity:0}}@keyframes closingVideoDrift{0%{transform:scale(1.08)translate(-1.2%)}50%{transform:scale(1.12)translate(1.4%,-.8%)}to{transform:scale(1.08)translate(-1.2%)}}.closing-story{background:#000;align-items:center;min-height:100vh;display:grid}.closing-content{padding:118px 0 70px}.closing-content h2{max-width:1060px}.closing-content p:not(.eyebrow){color:#fffaf0b3;max-width:620px;margin:34px 0 0;font-size:18px;line-height:1.9}.closing-media{margin-top:54px;position:relative}.closing-video{background:#111;height:min(720px,70vh);position:relative;overflow:hidden;box-shadow:0 34px 100px #00000094}.closing-video:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000080,#00000014 42%,#00000085),linear-gradient(#0000001f,#000000b8);position:absolute;inset:0}.closing-frame{opacity:0;animation:12s infinite closingVideoFade;animation-delay:var(--delay);position:absolute;inset:0}.closing-frame img{object-fit:cover;filter:saturate(.9)contrast(1.04)brightness(.76);width:100%;height:100%;animation:12s ease-in-out infinite closingVideoDrift;animation-delay:var(--delay);display:block;transform:scale(1.08)}.closing-frame span{z-index:1;color:#fffaf0b8;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:760;position:absolute;bottom:30px;left:34px}.contact-actions{flex-wrap:wrap;gap:16px;margin-top:42px;display:flex}.contact-actions a{min-height:64px;padding:0 28px}.closing-content footer{color:#fffaf080;border-top:1px solid #ffffff2e;justify-content:space-between;gap:40px;margin-top:86px;padding-top:28px;display:flex}@keyframes frameFade{0%{opacity:0;transform:scale(1.08)}8%,25%{opacity:1}34%,to{opacity:0;transform:scale(1.02)}}@media (width<=1360px){:root{--max:min(1700px, calc(100vw - 56px))}h1{font-size:92px}}