:root{--paper:#eeede6;--white:#f7f6f0;--ink:#10191d;--muted:#576064;--green:#3558f3;--green-dark:#2340c9;--line:#10191d30;--surface:#dedfd7;--nav:#eeede6ec}body{background:var(--paper)}.shell{width:min(1440px,calc(100% - 12vw))}.studio-nav{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--line);gap:20px}.studio-nav a{text-decoration:none}.studio-nav .brand{font-size:20px}.studio-links{display:flex;gap:28px;font-size:13px}.studio-label{font:11px Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.studio-hero{background:#10191d;color:#eeede6;padding:0 0 30px}.studio-hero a:hover{color:#aabaff}.studio-hero .studio-nav{border-color:#eeede62b}.studio-top{display:flex;justify-content:space-between;margin:30px 0;color:#b2b8b7}.studio-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:30px;padding:36px 0 60px}.studio-grid h1{font-size:clamp(56px,7.8vw,118px);line-height:.94;letter-spacing:-.075em;font-weight:550;max-width:700px}.studio-grid h1 em{font-style:normal;color:#8ea0ff}.studio-grid p{max-width:390px;color:#b8bfbd;font-size:16px;margin-top:30px}.studio-grid .button{background:#eeede6;color:#10191d;border:0}.studio-grid .text-link{color:#eeede6}.mechanism-stage{position:relative;min-height:490px;border:1px solid #eeede625;background:radial-gradient(ellipse at 60% 50%,#24353d,#10191d 72%);overflow:hidden}.mechanism-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}.mechanism-stage canvas:active{cursor:grabbing}.model-label{position:absolute;top:20px;left:20px;font:10px Consolas,monospace;color:#adb7b9;pointer-events:none;z-index:2}.model-instruction{position:absolute;bottom:20px;left:20px;font:10px Consolas,monospace;color:#b5bfbd;z-index:2;pointer-events:none}.model-pause{position:absolute;top:14px;right:14px;z-index:3;border:1px solid #eeede650;color:#eeede6;background:#10191dcc;padding:8px 12px;font-size:11px}.scene-fallback{position:absolute;width:100%;height:100%;inset:0}.scene-fallback svg{width:100%;height:100%}.model-states{display:flex;gap:8px;margin-top:16px}.model-states button{border:1px solid #eeede64d;background:transparent;color:#eeede6;padding:9px 17px;font-size:12px}.model-states button[aria-pressed=true]{background:#3558f3;border-color:#3558f3}.model-caption{font-size:12px!important;min-height:44px;max-width:100%!important;margin:15px 0!important}.studio-bottom{display:flex;justify-content:space-between;border-top:1px solid #eeede62b;padding-top:22px;font:10px Consolas,monospace;color:#b8bfbd}.studio-bottom a{text-decoration:none}.studio-work{padding:90px 0}.studio-work-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:50px}.studio-work h2{font-size:clamp(40px,5vw,72px);max-width:700px;line-height:1.02}.studio-strip{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;border-top:1px solid var(--line);padding:42px 0 65px;align-items:center}.studio-strip:nth-child(odd){grid-template-columns:1fr 1.3fr}.studio-strip:nth-child(odd) .strip-media{order:2}.strip-media{margin:0;position:relative;overflow:hidden;background:var(--surface);min-height:330px}.strip-media img{width:100%;height:360px;object-fit:cover;transition:transform .5s}.studio-strip:hover img{transform:scale(1.025)}.strip-media figcaption{position:absolute;bottom:15px;left:18px;background:#eeede6;color:#10191d;padding:6px 10px;font-size:10px}.strip-copy h3{font-size:clamp(30px,3vw,46px);font-weight:550;margin:12px 0 20px;letter-spacing:-.05em}.strip-copy p{font-size:15px;max-width:450px}.strip-copy dl{margin:24px 0;border-top:1px solid var(--line)}.strip-copy dl div{display:grid;grid-template-columns:70px 1fr;gap:15px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.strip-copy dd{margin:0;color:var(--muted)}.strip-copy .text-links{gap:24px}.physi-art{background:#dce0d8;display:grid;place-items:center;min-height:360px}.physi-art svg{width:80%;height:260px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.timeline article{border-top:2px solid var(--green);padding-top:18px}.timeline h3{font-size:19px;margin-top:12px;letter-spacing:-.03em}.timeline p{font-size:14px}.studio-note{font-size:11px;color:var(--muted)}.contact{background:#10191d;color:#eeede6}.contact p{color:#b8bfbd}.contact a{color:#eeede6}.why-section{background:#dedfd7}.section-number,.role{color:#3558f3}.studio-experiments{padding:45px 0;border-top:1px solid var(--line)}.studio-experiments a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;gap:20px;padding:25px 0}.studio-experiments h3{font-size:30px}.studio-experiments p{font-size:14px}.studio-strip:target{scroll-margin-top:30px}button:active,.button:active{transform:scale(.97)}@media(max-width:800px){.shell{width:calc(100% - 36px)}.studio-links{gap:15px;font-size:11px}.studio-links .optional{display:none}.studio-grid{grid-template-columns:1fr;padding:25px 0;gap:35px}.studio-grid h1{font-size:clamp(55px,12vw,90px)}.mechanism-stage{min-height:380px}.studio-top{font-size:9px}.studio-top span:last-child{display:none}.studio-work{padding:55px 0}.studio-strip,.studio-strip:nth-child(odd){grid-template-columns:1fr;gap:25px;padding:28px 0 45px}.studio-strip:nth-child(odd) .strip-media{order:0}.strip-media,.physi-art{min-height:250px}.strip-media img{height:260px}.studio-work-heading{display:block}.studio-work-heading p{margin-top:20px}.timeline{grid-template-columns:1fr}.studio-bottom{font-size:8px;gap:15px}.studio-experiments h3{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
