:root{--paper:#f5f3ed;--ink:#24362f;--muted:#778078;--rule:#dcded5;--brass:#a19271;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:2px solid #b29b68;outline-offset:4px}button{transition:background .18s,color .18s,transform .18s}button:disabled{opacity:.45;cursor:wait}button:hover{background:#e9e9e0}button svg{width:20px;height:20px;flex-shrink:0}button:active{transform:translateY(1px)}.experience{height:100svh;min-height:690px;display:flex;flex-direction:column;overflow:hidden;background:var(--paper)}.masthead{height:80px;flex-shrink:0;display:flex;align-items:center;padding:0 42px;border-bottom:1px solid var(--rule);gap:30px}.wordmark{display:flex;gap:15px;align-items:center;text-decoration:none;color:var(--ink);font-size:15px;letter-spacing:2px;font-weight:600;line-height:1}.wordmark-sub{display:block;font-size:8px;letter-spacing:2.15px;font-weight:400;color:var(--muted);margin-top:8px}.rail-mark{display:flex;gap:6px;transform:skewY(-18deg);height:35px;align-items:center}.rail-mark i{width:2px;background:var(--brass);height:31px}.header-note{margin-left:auto;display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.6px;color:var(--muted)}.live-dot{height:5px;width:5px;border-radius:50%;background:#82907e}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--rule);border-radius:50%;background:none}.studio{position:relative;isolation:isolate;min-height:350px;flex:1;background:radial-gradient(ellipse at 50% 67%,#e5e4dc 0%,#eeede7 30%,#f5f3ed 70%)}.viewport{position:absolute;inset:0;outline:none;touch-action:none}.viewport canvas{display:block;width:100%;height:100%;touch-action:none}.studio-heading{position:absolute;z-index:2;pointer-events:none;top:34px;left:42px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted)}h1{font-family:var(--serif);font-size:clamp(25px,2.6vw,40px);font-weight:400;line-height:1.11;letter-spacing:-1px;margin:13px 0 12px}h1 em{font-weight:400;font-style:italic;color:#697a68}.studio-heading p{font-size:11px;color:var(--muted);margin:0;letter-spacing:.1px}.view-indicator{position:absolute;z-index:2;right:42px;top:38px;display:flex;gap:13px;font-size:10px;letter-spacing:.7px;color:var(--muted);pointer-events:none}.view-divider{color:#bdbbaa}.studio-bottom{position:absolute;left:42px;right:42px;bottom:19px;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.gesture{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:10px}.gesture svg{width:17px;height:17px}.gesture b{font-weight:400;color:#aaa998;margin:0 6px}.illustrative{font-size:10px;color:#818679;font-style:italic}.control-panel{position:relative;z-index:4;min-height:89px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 42px;background:#f8f7f2;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.preset-group{display:flex;gap:5px}.preset{border:1px solid transparent;background:none;border-radius:8px;min-width:91px;height:56px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:10px;letter-spacing:.1px;color:#778078}.preset.active{background:var(--ink);color:#fff;border-color:var(--ink)}.preset.active:hover{background:#33493e}.preset svg{width:20px;height:20px}.tool-group{display:flex;align-items:center;gap:9px}.tool-button{border:0;background:none;display:flex;align-items:center;flex-direction:column;gap:7px;height:54px;min-width:53px;padding:6px 9px;border-radius:7px;font-size:10px;color:#6d786d}.tool-button[aria-pressed=true]{color:var(--ink);background:#e5e8df}.zoom-tools{height:34px;display:flex;border:1px solid #d8dcd1;border-radius:20px;overflow:hidden;margin:0 5px}.zoom-tools button{border:0;background:transparent;width:33px;height:32px;font-size:19px;line-height:1}.zoom-tools button+button{border-left:1px solid #d8dcd1}.reset-button{margin-left:5px}.detail-strip{min-height:105px;padding:20px 42px;display:flex;align-items:center;gap:44px;flex-shrink:0}.detail{display:flex;align-items:center;gap:15px}.detail strong{font-family:var(--serif);font-weight:400;font-size:40px;line-height:1;color:var(--ink);letter-spacing:-1.7px;white-space:nowrap}.detail strong span{font-family:var(--sans);font-size:12px;letter-spacing:0;margin-left:3px;color:var(--muted)}.detail p{margin:0;font-size:10px;line-height:1.75;color:var(--muted)}.detail p b{font-weight:400;color:var(--ink)}.detail-number{font-family:var(--serif);font-size:22px;color:var(--brass);padding-left:30px;border-left:1px solid var(--rule)}.footer-note{font-size:9px;text-align:right;line-height:1.9;color:#7e887e;margin-left:auto;white-space:nowrap}.footer-note span{color:#a2a697}.load-state{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--paper);transition:opacity .6s;gap:12px}.load-state.loaded{opacity:0;pointer-events:none}.load-state strong{font-family:var(--serif);font-weight:400;font-size:25px;margin-top:13px}.load-state>span{color:var(--muted);font-size:12px}.loader-mark{display:flex;gap:7px;height:40px;align-items:center;transform:skewY(-18deg)}.loader-mark i{width:2px;height:35px;background:var(--brass);animation:load 1.3s ease-in-out infinite}.loader-mark i:nth-child(2){animation-delay:.15s}.loader-mark i:nth-child(3){animation-delay:.3s}@keyframes load{0%,100%{transform:scaleY(.65);opacity:.3}50%{transform:scaleY(1);opacity:1}}.load-track{width:160px;height:2px;background:#dfe0d5;margin-top:7px}.load-track i{height:2px;width:6%;display:block;background:var(--brass);transition:width .3s}#retry{background:var(--ink);border:0;color:white;padding:10px 18px;border-radius:5px;font-size:12px;margin-top:9px}.model-labels{position:absolute;inset:0;z-index:3;pointer-events:none}.model-labels[hidden]{display:none}.model-labels svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.model-label{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f6f4edeb;border:1px solid #dfdfd1;border-radius:6px;box-shadow:0 4px 22px #34392408;font-size:11px;white-space:nowrap}.model-label>span{font-family:var(--serif);font-size:18px;color:var(--brass)}.model-label small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.model-label[data-label=floor]{left:10%;top:55%}.model-label[data-label=grooves]{right:8%;top:22%}.model-label[data-label=rollers]{right:8%;bottom:14%}.experience:fullscreen{height:100dvh;width:100vw;min-height:0}.experience:fullscreen .studio{min-height:0}@media(min-width:1700px){.masthead,.control-panel,.detail-strip{padding-left:64px;padding-right:64px}.studio-heading{left:64px}.studio-bottom{left:64px;right:64px}}@media(max-width:1100px){.masthead{padding:0 26px;height:70px}.studio-heading{top:26px;left:26px}.view-indicator{right:26px;top:29px}.studio-bottom{left:26px;right:26px}.control-panel{padding:12px 20px;gap:12px}.preset{min-width:77px}.tool-group{gap:3px}.detail-strip{padding:17px 26px;gap:22px}.detail-number{padding-left:18px}.footer-note{display:none}.detail p{font-size:9px}.detail strong{font-size:35px}}@media(max-width:760px){.experience{min-height:720px;overflow:auto}.masthead{height:65px;padding:0 20px;gap:18px}.wordmark{font-size:12px;letter-spacing:1.8px;gap:11px}.wordmark-sub{font-size:7px;letter-spacing:1.7px}.rail-mark{height:28px;gap:5px}.rail-mark i{height:26px}.header-note{font-size:9px;letter-spacing:0}.icon-button{width:32px;height:32px;margin-left:auto}.header-note{display:none}.studio{min-height:340px}.studio-heading{left:20px;top:22px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:27px;line-height:1.08;letter-spacing:-.6px;margin:10px 0}.studio-heading p{font-size:10px}.view-indicator{right:20px;top:25px;font-size:9px;gap:8px}.view-indicator>span:last-child,.view-divider{display:none}.studio-bottom{left:20px;right:20px;bottom:14px}.gesture{font-size:9px;gap:6px}.gesture svg{width:14px;height:14px}.gesture b{margin:0 3px}.illustrative{font-size:8px}.control-panel{flex-direction:column;padding:10px 15px;gap:6px;min-height:135px}.preset-group{width:100%;justify-content:space-between;gap:2px}.preset{height:52px;min-width:0;flex:1;padding:5px;font-size:9px;border-radius:6px;gap:5px}.preset svg{width:19px;height:19px}.tool-group{width:100%;justify-content:center;gap:13px;padding-top:3px}.tool-button{height:38px;min-width:0;flex-direction:row;gap:6px;font-size:10px;padding:6px 8px}.tool-button svg{width:17px;height:17px}.zoom-tools{height:30px}.zoom-tools button{width:31px;height:28px}.reset-button{margin-left:0}.detail-strip{padding:15px 20px;min-height:110px;gap:16px;justify-content:space-between;align-items:flex-start}.detail{gap:8px}.detail strong{font-size:30px}.detail strong span{font-size:10px}.detail p{font-size:8px;line-height:1.6}.detail-number{display:none}.detail:nth-child(1){flex-direction:column;align-items:flex-start;gap:5px}.detail:nth-child(2),.detail:nth-child(3){padding-top:3px;max-width:29%}.model-label{font-size:9px;padding:7px;gap:6px}.model-label small{font-size:8px}.model-label>span{font-size:15px}.model-label[data-label=floor]{left:4%;top:55%}.model-label[data-label=grooves]{right:3%;top:28%}.model-label[data-label=rollers]{right:4%;bottom:13%}.load-state strong{font-size:22px}.load-state>span{font-size:11px}}@media(max-width:390px){.tool-group{gap:5px}.detail-strip{gap:10px;padding-left:15px;padding-right:15px}.view-indicator{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-height:600px) and (min-width:600px){.experience{height:100svh;min-height:0}.masthead{height:48px;padding:0 22px}.wordmark{font-size:11px}.wordmark-sub{font-size:6px;margin-top:5px}.rail-mark i{height:24px}.studio{min-height:0}.studio-heading{top:16px;left:22px}.studio-heading h1{font-size:23px;margin:8px 0}.studio-heading p{display:none}.eyebrow{font-size:7px}.view-indicator{top:18px;right:22px}.control-panel{min-height:64px;flex-direction:row;gap:12px;padding:6px 14px}.preset-group{width:auto;flex:1}.preset{height:48px;min-width:55px;font-size:8px}.tool-group{width:auto;gap:2px;padding:0}.tool-button{height:44px;flex-direction:column;gap:4px;font-size:8px;padding:5px 6px}.zoom-tools{margin:0 2px}.detail-strip{display:none}.studio-bottom{left:22px;right:22px;bottom:10px}.gesture,.illustrative{font-size:8px}.model-label{font-size:9px;padding:6px}.model-label small{display:none}.model-label[data-label=grooves]{top:16%}.model-label[data-label=rollers]{bottom:13%}}

.experience.expanded{position:fixed;inset:0;z-index:999;height:100dvh;width:100vw;min-height:0}.experience.expanded .studio{min-height:0}

.error-poster{width:min(520px,80%);max-height:45%;object-fit:contain;border-radius:8px;mix-blend-mode:multiply}