:root{font-family:"Aptos","Segoe UI",Arial,sans-serif;color:#28323b;background:#f4f6f7;font-synthesis:none;--line:#cbd2d8;--ink:#28323b;--blue:#276999}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #367bb8;outline-offset:4px}[hidden]{display:none!important}header,footer{display:flex;align-items:center;justify-content:space-between;padding:27px 4vw;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:750;letter-spacing:-1px;text-decoration:none}.brand span{font-weight:400;color:#697580;font-size:16px;letter-spacing:0}nav{display:flex;gap:26px;font-size:13px}main{padding:0 4vw}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:44px 0 30px}.intro h1{font-size:clamp(40px,4vw,65px);line-height:.99;letter-spacing:-3px;margin:0;font-weight:650}.intro p{font-size:16px;line-height:1.65;max-width:390px;margin:0 5px 2px 0;color:#60707e}.configurator{display:grid;grid-template-columns:190px minmax(300px,1fr) 278px;min-height:590px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.selection{padding:25px 20px 20px 0;display:flex;flex-direction:column}.selection h2{font-size:13px;font-weight:500;color:#65727f;margin:0 0 23px}#models{display:flex;flex-direction:column;gap:8px}#models button{background:transparent;text-align:left;border:0;border-left:3px solid transparent;padding:16px 9px 16px 13px;color:#65727f;font-size:16px;line-height:1.5}#models button span{display:block;font-size:11px;margin-top:3px}#models button[aria-pressed=true]{color:#253340;background:#e5eaee;border-left-color:#367bb8}.prototype{font-size:11px;line-height:1.7;margin-top:auto;padding-top:24px;color:#677580}.studio{position:relative;background:#dce1e5;min-width:0;overflow:hidden}.studio-top{display:flex;justify-content:space-between;position:absolute;top:20px;left:22px;right:22px;pointer-events:none;gap:15px;font-size:12px;color:#4f5d69;z-index:2}.studio-top span+span{font-size:10px}#scene{width:100%;height:100%;min-height:590px;touch-action:none}#scene canvas{display:block}.views{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;background:#f4f6f7d9;border-radius:5px;padding:3px}.views button{border:0;background:transparent;color:#536370;padding:9px 12px;font-size:11px}.views button:hover{background:#dbe2e7}#fallback{position:absolute;top:35%;left:10%;right:10%;background:#f4f6f7;padding:25px;border:1px solid var(--line);line-height:1.6}.spec{padding:26px 0 24px 26px}.spec h2{font-size:27px;letter-spacing:-1px;margin:0 0 12px;font-weight:650}.spec p{font-size:12px;line-height:1.7;color:#657582;margin:0 0 20px}.control{border-top:1px solid var(--line);padding-top:17px;margin:18px 0}.control label{display:flex;justify-content:space-between;font-size:12px;font-weight:600}output{font-weight:400;color:#6a7883}input[type=range]{width:100%;accent-color:#367bb8;margin:14px 0 8px;cursor:pointer}.control p{font-size:10px;line-height:1.5;margin:0 0 8px}#demo{background:transparent;border:1px solid #9ba9b3;border-radius:3px;font-size:11px;padding:6px 12px;color:#334a5b}dl{margin:18px 0}dt{font-size:10px;color:#71808d;margin-top:10px}dd{font-size:13px;margin:5px 0}.spec a{display:block;font-size:11px;margin-top:12px}.spec .download{background:#344652;color:#fff;text-align:center;padding:13px;text-decoration:none;border-radius:3px}.workshop{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;padding:43px 0}.workshop h2{font-size:23px;letter-spacing:-.6px;font-weight:550;margin:0 0 14px}.workshop p,.boundary p{font-size:13px;color:#64737f;line-height:1.8;max-width:75ch}.part-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.part-row small{color:#6d7b86;display:block;font-size:10px;margin-top:5px}.part-row div:last-child{white-space:nowrap;display:flex;gap:12px;align-items:center}.fit>a{display:block;font-size:12px;margin-top:15px}.boundary{border-top:1px solid var(--line);padding:24px 0 35px;display:flex;gap:55px;align-items:start}.boundary strong{font-size:14px;min-width:230px}.boundary p{margin:0;font-size:11px;max-width:105ch}footer{border-top:1px solid var(--line);border-bottom:0;font-size:11px;color:#75818b}footer span{font-size:10px}.research{max-width:1000px;margin:40px auto;line-height:1.8}.research h1{font-size:43px;letter-spacing:-2px}.research h2{margin-top:35px}.research table{border-collapse:collapse;width:100%;font-size:13px}.research td,.research th{padding:12px;border-bottom:1px solid var(--line);text-align:left}.research p,.research li{font-size:14px}.research .notice{border-left:3px solid #367bb8;padding:12px 22px;background:#e6ebef}@media(min-width:1700px){.configurator{grid-template-columns:220px minmax(300px,1fr) 310px}#scene{min-height:690px}}@media(max-width:1100px){.configurator{grid-template-columns:155px minmax(280px,1fr) 245px}.spec{padding-left:18px}.studio-top span+span{display:none}main{padding:0 3vw}header{padding:23px 3vw}.brand span{display:none}}@media(max-width:800px){header{flex-wrap:wrap;gap:16px}nav{gap:17px;font-size:11px}.intro{padding:30px 0 24px;gap:25px;align-items:center}.intro h1{font-size:40px;letter-spacing:-2px}.intro p{font-size:12px;max-width:240px}.configurator{grid-template-columns:1fr}.selection{padding:14px 0}.selection h2,.prototype{display:none}#models{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}#models button{padding:8px 5px;font-size:12px;border-left:0;border-bottom:2px solid transparent;line-height:1.3}#models button[aria-pressed=true]{border-bottom-color:#367bb8}#models button span{font-size:9px}#scene{height:460px;min-height:0}.spec{padding:25px 5px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.spec h2,.spec>p{grid-column:1/-1}.control{margin:0 0 10px}.spec h2{font-size:29px}.spec dl{margin:0}.spec .download{align-self:start}.workshop{gap:6%;padding-top:28px}.boundary{gap:20px}.boundary strong{min-width:170px}}@media(max-width:520px){header{padding:18px 5vw}.brand{font-size:23px}nav{gap:15px;font-size:10px}main{padding:0 4vw}.intro{display:block}.intro h1{font-size:43px}.intro p{max-width:100%;font-size:12px;margin-top:15px}.intro h1 br{display:none}#models button{font-size:11px}#models button span{font-size:8px}#scene{height:365px}.studio-top{left:15px;top:15px;font-size:11px}.spec{column-gap:20px}.workshop{grid-template-columns:1fr;gap:35px}.boundary{display:block}.boundary p{margin-top:10px}footer{display:block;line-height:1.7}footer span{display:block}.research{padding:0 15px}.research h1{font-size:34px}.research table{font-size:11px}.research td,.research th{padding:7px}}