:root{font:16px/1.65 -apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',sans-serif;color:#202123;background:#f5f5f3;--line:#d7d7d2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:active,.pill:active{transform:scale(.97)}:focus-visible{outline:3px solid #357cdb;outline-offset:5px}.skip{position:fixed;left:10px;top:-100px;z-index:10}.skip:focus{top:10px;background:white}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:5;background:#f5f5f3df;backdrop-filter:blur(18px)}.brand{font-size:24px;font-weight:800;letter-spacing:-2px}.brand span{font-size:12px;font-weight:500;letter-spacing:1px;margin-left:16px}nav{display:flex;gap:30px;align-items:center;font-size:12px}.pill{border:1px solid #aaa;border-radius:30px;padding:10px 20px;background:none;display:inline-block}.hero{min-height:780px;position:relative;padding:95px 8% 80px;overflow:hidden;display:grid;grid-template-columns:1fr 1.1fr;gap:40px}.eyebrow,.section-top,.hero-bottom{font-size:10px;letter-spacing:2px;font-weight:600}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#527d64;margin-right:8px}h1{font-size:clamp(70px,7.7vw,116px);line-height:1.09;letter-spacing:-6px;margin:36px 0 26px;font-weight:650}.hero-copy>p{color:#6b6c6b;font-size:18px;line-height:1.8}.textlink{font-size:13px;display:inline-block;border-bottom:1px solid #92938c;padding:10px 0;margin-top:12px}.textlink span{margin-left:50px}.assembly{position:relative;height:590px;perspective:1100px;--spread:1}.axis{position:absolute;height:88%;width:1px;background:repeating-linear-gradient(#c4c5c0 0 4px,transparent 4px 10px);left:48%;top:0;transform:rotate(-18deg)}.part{position:absolute;width:360px;height:175px;left:12%;border-radius:22px;padding:22px 28px;transform:rotateX(44deg) rotateZ(-24deg);box-shadow:-5px 8px 0 #cccfc9,0 28px 40px #242c3516;border:1px solid #ffffffb3;transition:transform .4s ease-out;overflow:hidden}.part span{display:block;font:9px/1.5 monospace;letter-spacing:1px}.part b{display:block;font-size:32px;letter-spacing:-1px;margin-top:12px}.part small{font-size:10px}.p1{top:5px;z-index:4;background:linear-gradient(125deg,#fff,#dfE2df)}.p1 b{font-size:46px}.orbit{position:absolute;right:25px;top:15px;font-size:100px;line-height:1.3;color:#a4b2a3}.p2{top:145px;z-index:3;background:linear-gradient(130deg,#c3c7c3,#f2f3f0)}.p2 b{font-size:25px}.wave{font-size:28px;color:#7a897b;letter-spacing:7px;line-height:1.5}.p3{top:280px;z-index:2;background:linear-gradient(140deg,#343c3b,#151c1c);color:#edf1e9;box-shadow:-5px 8px 0 #4b5551,0 28px 40px #242c3520}.p3 b{color:#bed3b5;font-size:35px}.p4{top:410px;z-index:1;background:linear-gradient(130deg,#e9e9e2,#c7cbbf)}.p4 b{font-size:22px}.annotation{position:absolute;right:-12px;top:270px;font-size:10px;line-height:1.8;color:#797e76;writing-mode:vertical-rl}.hero-bottom{position:absolute;bottom:22px;left:8%;right:8%;display:flex;justify-content:space-between;color:#73766f;font-size:9px}.proof{margin:0 8%;padding:55px 0 35px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.proof strong{font-size:62px;line-height:1.3;font-weight:550;letter-spacing:-3px}.proof strong span{font-size:20px;letter-spacing:-1px}.proof p{font-size:12px;color:#6d706b;margin-top:5px}.proof>small{grid-column:1/-1;font-size:10px;color:#7e817b;margin-top:20px}.system,.work,.about{padding:100px 8%}.section-top{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:9px;color:#74786f;letter-spacing:1.5px}h2{font-size:clamp(40px,5vw,70px);line-height:1.2;letter-spacing:-3px;font-weight:550;margin:55px 0}em{font-style:normal;color:#858c7f}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.capabilities article{border-top:1px solid #bfc4b9;padding-top:18px}.capabilities article>span{font:11px monospace;color:#7a8674}.capabilities h3{font-size:20px;font-weight:550;margin:30px 0 15px}.capabilities p{font-size:13px;color:#72766e;line-height:1.9;min-height:100px}.capabilities small{font:8px monospace;color:#737c6d;letter-spacing:.6px}.work{background:#eaece6}.work-heading{display:flex;justify-content:space-between;align-items:center}.work-heading>p{font-size:13px;color:#73776e}.filters{display:flex;gap:10px;margin-bottom:35px;flex-wrap:wrap}.filters button{border:1px solid #c6cac1;background:transparent;color:#656b60;border-radius:25px;padding:8px 20px;font-size:12px}.filters button.active{background:#242c24;color:#fff;border-color:#242c24}.works{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 24px}.work-card{min-width:0}.poster{width:100%;aspect-ratio:4/5;border:0;background:#d4d8cf;padding:0;position:relative;overflow:hidden;border-radius:4px;text-align:left}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.poster:hover img{transform:scale(1.025)}.play{position:absolute;bottom:18px;right:18px;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;background:#fffE;backdrop-filter:blur(5px);font-size:12px;color:#232b23}.work-card h3{font-size:16px;line-height:1.5;font-weight:550;margin:14px 0 8px}.work-card .stats{font-size:11px;color:#666f60;display:flex;gap:16px}.work-card .credit{font-size:10px;color:#787d72;margin-top:7px}.note{font-size:11px;color:#7d8377;margin-top:40px}.timeline article{display:grid;grid-template-columns:220px 1fr;border-top:1px solid var(--line);padding:32px 0}.timeline article>span{font:11px monospace;color:#7b8075}.timeline h3{font-weight:550;font-size:20px;margin:0 0 10px}.timeline p{font-size:14px;color:#757b6d;max-width:580px}.contact{padding:110px 8%;text-align:center;background:#242c27;color:#f5f6ef}.contact h2{margin:35px 0;font-size:clamp(45px,6vw,85px)}.contact p{color:#b5bfb1;font-size:14px;line-height:2}.contact-note{font-size:11px;color:#a9b4a5;margin:30px 0 16px}.contact .pill{color:#eef4e9;border-color:#667460}footer{padding:28px 8%;display:flex;justify-content:space-between;font-size:10px;color:#83887c}dialog{border:0;border-radius:16px;padding:28px;width:min(720px,94vw);max-height:94vh;background:#f5f5f3}dialog::backdrop{background:#101510cc;backdrop-filter:blur(7px)}dialog video{display:block;max-height:65vh;width:100%;background:#111;margin-top:20px}dialog h3{font-size:16px;margin-bottom:5px}dialog p,dialog a{font-size:12px;color:#666}.close{position:absolute;right:12px;top:5px;font-size:30px;border:0;background:none}@media(min-width:1000px){.assembly:hover .p1{transform:translateY(-18px) rotateX(44deg) rotateZ(-24deg)}.assembly:hover .p4{transform:translateY(18px) rotateX(44deg) rotateZ(-24deg)}}@media(max-width:800px){header{height:66px;padding:0 5%}nav{gap:15px}nav>a:first-child{display:none}.brand span{display:none}.hero{padding:50px 6% 65px;grid-template-columns:1fr;gap:25px}h1{font-size:72px;letter-spacing:-4px}.hero-copy>p{font-size:16px}.assembly{height:540px;max-width:440px;width:100%;margin:auto}.part{left:9%;width:78%;height:155px}.p2{top:125px}.p3{top:250px}.p4{top:375px}.annotation{right:0}.proof{margin:0 6%;gap:15px}.proof strong{font-size:38px;letter-spacing:-2px}.proof strong span{font-size:13px}.proof p{font-size:10px}.system,.work,.about{padding:65px 6%}.capabilities{grid-template-columns:1fr 1fr;gap:35px 20px}.capabilities p{min-height:0}.work-heading{display:block}.work-heading>p{margin:-20px 0 30px}.works{grid-template-columns:1fr 1fr;gap:30px 16px}.work-card h3{font-size:13px}.work-card .stats{font-size:10px;gap:8px;flex-wrap:wrap}.timeline article{grid-template-columns:1fr;gap:15px}.section-top{font-size:8px;letter-spacing:.5px}h2{letter-spacing:-2px}.contact{padding:70px 6%}.proof>small{font-size:9px}}@media(max-width:420px){.works{grid-template-columns:1fr}.poster{aspect-ratio:4/4.7}.proof strong{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.part{transform:rotateX(44deg) rotateZ(-24deg)!important}}@media(prefers-reduced-transparency:reduce){header{background:#f5f5f3;backdrop-filter:none}}@media print{header,.assembly,.filters,.poster,.contact button,dialog{display:none!important}body{background:white}.hero{min-height:0;display:block;padding:20px}.system,.work,.about,.contact{padding:20px;background:white;color:#222}.proof{padding:20px 0}.works{grid-template-columns:repeat(3,1fr)}h1{font-size:50px}h2{font-size:30px;margin:20px 0}.contact p{color:#555}.capabilities p{min-height:0}.hero-bottom{display:none}}