:root{--paper:#f4f3ee;--ink:#242622;--muted:#626660;--blue:#335cff;--line:#d9dbd2;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button{font:inherit}.page{max-width:1600px;margin:auto;padding:0 6.1%}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:5}.skip:focus{top:12px}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px}.brand span{font-size:28px;letter-spacing:-1.35px;font-weight:600}.contact{font-size:14px;display:flex;gap:24px;align-items:center}.contact span{color:var(--blue);font-size:21px}.contact:hover,.footer-email:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:10px;min-height:668px;align-items:center}.intro{padding:64px 0 78px;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:#62675f;margin-bottom:30px}.status-dot{width:6px;height:6px;background:var(--blue);border-radius:50%}h1{font-size:clamp(47px,4.75vw,76px);font-weight:400;line-height:1.035;letter-spacing:-3.6px;margin:0 0 27px}.made{color:var(--blue)}.period{color:var(--ink)}.description{font-size:17px;line-height:1.65;max-width:418px;margin:0;color:var(--muted);letter-spacing:-.15px}.main-contact{display:inline-flex;align-items:center;gap:30px;font-size:13px;margin-top:31px;border-bottom:1px solid #9ca4a7;padding-bottom:9px}.main-contact span{color:var(--blue);font-size:19px}.main-contact:hover{color:var(--blue);border-color:var(--blue)}.visual{align-self:stretch;position:relative;min-width:0;margin:50px 0 44px;display:flex;flex-direction:column}.model-topline{display:flex;justify-content:space-between;gap:10px;font:9px var(--mono);letter-spacing:.9px;text-transform:uppercase;color:#71786c;padding:0 0 10px;border-bottom:1px solid var(--line)}.cross{font-size:15px;color:var(--blue);margin-right:6px}.model-kind{align-self:center;color:#858c80}.stage{position:relative;flex:1;min-height:430px}.construction{position:absolute;inset:0;width:100%;height:100%;color:#aeb7a2;opacity:.45;pointer-events:none}canvas{position:absolute;width:100%;height:100%;inset:0;cursor:grab;touch-action:pan-y}canvas.dragging{cursor:grabbing}.axis-label{font:9px var(--mono);color:#979e91;position:absolute;left:50%;top:9%;text-align:center;pointer-events:none}.axis-label span{font-size:16px}.orientation{position:absolute;bottom:23px;left:12px;width:54px;height:52px;color:#9ba18f;pointer-events:none}.orientation svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:.7}.orientation span{position:absolute;font:8px var(--mono)}.axis-y{left:25px;top:-6px;color:var(--blue)}.axis-x{right:-1px;bottom:7px}.axis-z{left:0;bottom:9px}figcaption{min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:13px}.drag-hint{font:9px var(--mono);color:#777e70;display:flex;align-items:center;gap:8px;white-space:nowrap}.drag-hint svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1}.controls{display:flex;align-items:center;gap:4px}.controls button{border:1px solid transparent;background:transparent;padding:7px 9px;cursor:pointer;font:9px var(--mono);color:#686f61;border-radius:2px}.controls button[aria-pressed=true]{border-color:#cbd2e7;background:#e9ecf4;color:#3356c7}.controls button:hover{color:var(--blue);background:#e8e9e1}#reset{font-size:19px;line-height:15px;padding:5px 8px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1.03fr 1fr;gap:10px;padding:42px 0 44px}.section-label{font:10px var(--mono);letter-spacing:1.25px;text-transform:uppercase;color:#707669;margin:4px 0}.about-text{font-size:17px;line-height:1.6;letter-spacing:-.1px;margin:0 0 23px;max-width:480px}.founder{font-size:12px;line-height:1.8;color:#777b71;margin:0;max-width:465px}.founder a{color:var(--ink);border-bottom:1px solid #c2c6bb}.founder a:hover{color:var(--blue)}footer{border-top:1px solid var(--line);padding:25px 0 29px;display:flex;align-items:center;gap:30px}.footer-brand{gap:7px}.footer-brand span{font-size:20px;letter-spacing:-.9px}.copyright{font:9px var(--mono);color:#828779;margin-left:15px}.footer-email{margin-left:auto;font-size:12px;display:flex;gap:20px}.footer-email span{color:var(--blue)}.no-js{position:absolute;inset:35% 10%;text-align:center;color:var(--blue);font-size:25px}@media(min-width:1600px){h1{font-size:76px}}@media(max-width:1050px){.page{padding:0 5%}h1{font-size:53px;letter-spacing:-2.7px}.eyebrow{font-size:8px;letter-spacing:1px}.description{font-size:15px;max-width:345px}.hero{min-height:610px}.stage{min-height:390px}.model-kind{display:none}.controls button{padding:7px 6px}.about-text{font-size:16px}}@media(max-width:740px){header{height:86px}.brand span{font-size:25px}.brand img{width:29px;height:29px}.contact{font-size:12px;gap:12px}.hero{display:flex;flex-direction:column;gap:0;min-height:0}.intro{width:100%;padding:49px 0 18px}.eyebrow{font-size:9px;margin-bottom:25px}h1{font-size:clamp(43px,9vw,66px);letter-spacing:-2.6px;line-height:1.045;margin-bottom:23px}.wide{display:none}.description{font-size:16px;max-width:510px}.main-contact{margin-top:24px}.visual{width:100%;margin:35px 0}.stage{height:390px;min-height:390px}.model-kind{display:block}.about{grid-template-columns:1fr;gap:23px;padding:30px 0 35px}.about-text{max-width:520px}.founder{font-size:12px}footer{flex-wrap:wrap;gap:14px;padding:24px 0}.footer-brand img{width:23px;height:23px}.copyright{margin-left:auto}.footer-email{flex-basis:100%;margin-top:6px}.controls button{padding:8px 10px}.drag-hint{font-size:9px}.orientation{left:0}.axis-label{top:8%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
