@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url(./fonts/dm-sans-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url(./fonts/dm-sans-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(./fonts/space-grotesk-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(./fonts/space-grotesk-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{--bg:#efefea;--ink:#232b29;--muted:#686f69;--line:#d6d8d0;--orange:#bf461e;--surface:#f8f8f4;--radius:4px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.skip{position:absolute;left:20px;top:-60px;z-index:10;padding:12px;background:white}.skip:focus{top:10px}header{height:88px;max-width:1600px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',sans-serif;font-size:29px;font-weight:700;letter-spacing:-1.8px;display:flex;align-items:center;gap:12px}.brand span{font:10px 'DM Sans',sans-serif;letter-spacing:2px;max-width:60px;line-height:1.5}nav{display:flex;gap:34px;font-size:13px}nav a{padding:12px 0}nav .current{box-shadow:0 1px var(--ink)}.header-note{font-size:11px;color:var(--muted)}main{max-width:1600px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:38px 44px 34px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:600;margin:0 0 14px;color:var(--muted)}h1{font:500 clamp(30px,3vw,47px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:0}h1 span{color:#777e76}.intro>p{line-height:1.6;font-size:13px;color:var(--muted);margin:0 0 4px}.studio{display:grid;grid-template-columns:216px minmax(0,1fr) 282px;margin:0 24px;border:1px solid var(--line);min-height:620px;background:var(--surface)}.collection{padding:23px 15px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.rail-heading{display:flex;justify-content:space-between;align-items:center;margin:0 8px 18px}.rail-heading h2{font-size:12px;font-weight:500;margin:0}.rail-heading span{font-size:10px;color:var(--muted)}#robot-list{display:flex;flex-direction:column;gap:6px}.robot-button{display:grid;grid-template-columns:57px 1fr;align-items:center;gap:9px;background:transparent;border:1px solid transparent;text-align:left;padding:8px 7px;border-radius:var(--radius);color:var(--ink);min-height:87px}.robot-button:hover{background:#eceee7}.robot-button.active{border-color:#c8cec1;background:#e5e9df}.robot-button img{width:57px;height:65px;object-fit:cover;mix-blend-mode:multiply;border-radius:2px}.robot-text>span{display:block;font-size:9px;color:var(--muted);margin-bottom:3px}.robot-text strong{display:block;font:500 17px 'Space Grotesk',sans-serif;letter-spacing:-.6px}.robot-text small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}.rail-bottom{margin-top:auto;padding:24px 8px 0;color:var(--muted);font-size:12px;line-height:1.6}.stage{position:relative;overflow:hidden;background:#e5e8e0;min-height:620px}.stage-title{position:absolute;top:26px;left:30px;pointer-events:none;z-index:2}.stage-title>span{font-size:9px;letter-spacing:1.4px;color:var(--muted);text-transform:uppercase}.stage-title h2{font:500 57px 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:4px 0}.stage-title h2 span{font:11px 'DM Sans',sans-serif;color:var(--muted);margin-left:12px;letter-spacing:0;vertical-align:top;display:inline-block;margin-top:14px}#viewport{position:absolute;inset:0}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}#fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stage-status{position:absolute;top:29px;right:24px;font-size:10px;color:var(--muted);z-index:2}.view-tools{display:flex;gap:6px;position:absolute;bottom:53px;left:30px;z-index:2}.view-tools button{border:1px solid #c5cabf;background:#edf0e8dd;color:var(--ink);padding:9px 12px;border-radius:var(--radius);font-size:11px}.view-tools button[aria-pressed=true]{background:var(--ink);color:white}.stage-hint{position:absolute;bottom:27px;left:30px;font-size:9px;color:#626b60}.stage-hint span{margin:0 7px}.axis-label{position:absolute;right:20px;bottom:29px;font-size:8px;letter-spacing:1px;color:#737a70}.retry{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 20px;border:1px solid var(--ink);background:white;border-radius:4px}.inspector{padding:27px 23px;display:flex;flex-direction:column;border-left:1px solid var(--line)}.inspector-top h3{font:500 23px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.8px;margin:0 0 14px}.inspector-top>p:last-child{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.features{margin:20px 0 15px;display:flex;flex-direction:column;gap:8px}.feature{font-size:11px;display:flex;gap:9px;align-items:center}.feature b{font-size:9px;color:var(--orange);font-weight:500}.control-block{border-top:1px solid var(--line);padding-top:18px;margin-top:11px}.control-heading{display:flex;justify-content:space-between;font-size:11px;font-weight:500;margin:0 0 14px}.control-heading output{font-weight:400;color:var(--muted)}input[type=range]{width:100%;height:3px;accent-color:var(--orange);cursor:pointer;margin:4px 0 8px}.control-block>p:last-child{font-size:10px;color:var(--muted);margin:4px 0 3px}.finishes{display:flex;gap:12px}.finish{border:0;background:none;color:var(--muted);padding:0;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:6px}.finish i{display:block;width:25px;height:25px;border-radius:50%;background:#d5dcd6;border:3px solid var(--surface);box-shadow:0 0 0 1px #d5d9d0}.finish[data-finish=graphite] i{background:#333e40}.finish[data-finish=orange] i{background:#d85d32}.finish.active i{box-shadow:0 0 0 1px var(--ink)}.finish.active{color:var(--ink)}.motion-button{width:100%;margin:22px 0 0;background:var(--ink);border:0;border-radius:var(--radius);color:#fff;padding:13px 14px;text-align:left;font-size:11px;display:flex;justify-content:space-between}.motion-button:hover{background:#39443f}.motion-button[aria-pressed=true]{background:var(--orange)}.motion-description{font-size:9px;line-height:1.6;color:var(--muted);min-height:30px;margin:8px 0 12px}.part-info{border-top:1px solid var(--line);padding-top:14px;margin-top:auto}.part-info>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.part-info p{font-size:11px;margin:8px 0}#part-material{font-size:9px;color:var(--muted)}#clear-part{border:0;background:none;padding:0;font-size:9px;text-decoration:underline;color:var(--muted)}.download{display:flex;justify-content:space-between;margin-top:17px;padding-top:13px;border-top:1px solid var(--line);font-size:10px}.download span{color:var(--muted)}.approach{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:85px 44px 75px}.approach h2{font:500 42px/1.12 'Space Grotesk',sans-serif;letter-spacing:-1.8px;margin:0}.approach-copy>p:first-child{font-size:17px;line-height:1.6;margin:0 0 30px;max-width:520px}.approach-details{display:grid;grid-template-columns:1fr 1fr;gap:26px}.approach-details strong{display:block;font-size:12px;font-weight:500;margin-bottom:10px}.approach-details span{font-size:12px;line-height:1.6;color:var(--muted)}.concept-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:28px;max-width:540px}footer{max-width:1512px;margin:auto 44px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:28px 0}footer p,footer>a{font-size:11px;color:var(--muted)}footer .brand{font-size:23px}
@media(min-width:1600px){footer{margin:auto}}
@media(max-width:1100px){header{padding:0 25px}.intro{padding:30px 25px}.studio{grid-template-columns:174px minmax(0,1fr) 244px;margin:0 16px}.collection{padding:20px 9px}.robot-button{grid-template-columns:42px 1fr;gap:6px}.robot-button img{width:42px;height:56px}.robot-text small{font-size:9px}.inspector{padding:24px 18px}.stage-title h2{font-size:47px}.view-tools{left:19px}.stage-title,.stage-hint{left:20px}.axis-label{display:none}.header-note{display:none}.approach{padding:65px 25px;gap:35px}}
@media(max-width:767px){header{height:70px;padding:0 19px}.brand{font-size:25px}nav{gap:16px;font-size:10px}nav a:last-child{display:none}.intro{padding:28px 20px 24px;display:block}.intro .eyebrow{font-size:8px}h1{font-size:31px;letter-spacing:-1.3px}h1 span{display:block;margin-top:4px}.intro>p{margin-top:14px;font-size:11px}.intro>p br{display:none}.studio{display:flex;flex-direction:column;margin:0 12px;min-height:0}.collection{padding:12px 8px;border:0;border-bottom:1px solid var(--line)}.rail-heading,.rail-bottom{display:none}#robot-list{flex-direction:row;overflow-x:auto;gap:4px}.robot-button{display:flex;flex-direction:column;gap:2px;min-width:65px;flex:1;min-height:0;text-align:center;padding:5px 2px}.robot-button img{width:47px;height:45px}.robot-text>span,.robot-text small{display:none}.robot-text strong{font-size:12px;letter-spacing:-.3px}.stage{min-height:490px;touch-action:pan-y}.stage-title{top:21px;left:20px}.stage-title h2{font-size:44px}.stage-status{top:25px;right:18px;font-size:8px}.stage-title>span{font-size:8px}.view-tools{bottom:45px;left:17px}.view-tools button{font-size:10px;padding:9px}.stage-hint{font-size:8px;bottom:20px;left:17px}.inspector{border-left:0;border-top:1px solid var(--line);padding:26px 22px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.inspector-top,.features,.motion-button,.motion-description,.part-info,.download{grid-column:1/-1}.inspector-top h3{font-size:25px}.inspector-top>p:last-child{font-size:12px}.features{flex-direction:row;flex-wrap:wrap;gap:10px 18px;margin:20px 0 8px}.control-block{margin-top:15px}.finishes{gap:14px}.motion-description{min-height:0}.part-info{margin-top:12px}.approach{grid-template-columns:1fr;padding:50px 22px;gap:25px}.approach h2{font-size:34px}.approach-copy>p:first-child{font-size:15px}.approach-details{gap:20px}footer{margin:0 22px;flex-wrap:wrap;gap:15px}footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Mechanical inspection controls */
.mode-switch{position:absolute;top:114px;left:30px;z-index:2;display:flex;gap:0;border:1px solid #c3c9bf;border-radius:4px;background:#e8ebe3e6;padding:3px}.mode-switch button{border:0;padding:7px 12px;background:transparent;color:#667062;font-size:10px;border-radius:2px}.mode-switch button[aria-pressed=true]{background:#27322e;color:white}.mode-switch button:hover{color:#bf461e}.model-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:22px 0 19px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.model-facts strong{font:500 20px 'Space Grotesk',sans-serif;display:block;font-variant-numeric:tabular-nums;letter-spacing:-.7px}.model-facts span{display:block;font-size:8px;color:var(--muted);margin-top:4px}.system-control label{font-size:10px;display:block;margin-bottom:8px}.system-control select,#part-select{width:100%;padding:9px 8px;border:1px solid var(--line);background:transparent;font:11px 'DM Sans',sans-serif;color:var(--ink);border-radius:3px}.features{margin:16px 0 8px;gap:6px}.inspector .control-block{padding-top:14px;margin-top:12px}.inspector .control-heading{margin-bottom:10px}.inspector .motion-button{margin-top:18px}.part-actions{display:flex;justify-content:space-between}.part-actions button{border:0;background:transparent;color:var(--muted);padding:0;font-size:9px;text-decoration:underline}.inspector-top h3{font-size:22px}.stage{min-height:740px}.view-tools button{transition:background .18s,transform .18s}.view-tools button:active,.mode-switch button:active{transform:translateY(1px)}
@media(max-width:1100px){.mode-switch{left:20px;top:102px}.mode-switch button{padding:7px 10px}.model-facts strong{font-size:18px}}
@media(max-width:767px){.stage{min-height:510px}.mode-switch{top:101px;left:20px}.inspector .model-facts,.system-control{grid-column:1/-1}.model-facts{margin:18px 0;gap:20px}.model-facts strong{font-size:26px}.model-facts span{font-size:10px}.system-control select{padding:12px;font-size:12px}.inspector .features{gap:8px 15px}.part-info{grid-column:1/-1}}

@media(max-width:767px){.robot-button{min-width:52px}.robot-button img{width:43px;height:43px}.view-tools{gap:4px}.view-tools button{padding:9px 8px;white-space:nowrap;font-size:9px}}

.detail-presets{position:absolute;z-index:2;left:30px;bottom:104px;display:flex;gap:4px;flex-wrap:wrap;max-width:calc(100% - 44px)}.detail-presets button{font:inherit;font-size:11px;padding:7px 9px;border:1px solid #adb9bf;background:#edf1f3e6;color:#28383f;border-radius:2px;cursor:pointer}.detail-presets button:hover{background:#fff}.detail-presets button[hidden]{display:none}@media(max-width:600px){.detail-presets{left:17px;bottom:94px;max-width:calc(100% - 24px)}}