@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-ext.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-024F}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#172b35;background:#edf2f3;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #ed6635;outline-offset:4px}button{color:inherit}a{color:inherit}button[disabled]{opacity:.45;cursor:default}button,input,summary{-webkit-tap-highlight-color:transparent}a{text-underline-offset:4px}.skip{position:absolute;left:24px;top:-80px;background:white;padding:12px;z-index:100}.skip:focus{top:12px}.preview-header{max-width:1600px;margin:0 auto;padding:27px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9e1e3;background:#fff}.preview-header img{width:224px;height:auto;display:block}.preview-label{font-size:10px;letter-spacing:1.8px;color:#6a797e;display:flex;gap:9px;align-items:center}.preview-label span{width:6px;height:6px;border-radius:50%;background:#e66332}main{max-width:1600px;margin:auto}.experience{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,2.5fr);gap:42px;align-items:center;padding:64px 5% 70px}.eyebrow{display:flex;align-items:center;gap:13px;color:#bd461c;letter-spacing:2px;font-size:10px;font-weight:700}.eyebrow i{width:25px;height:2px;background:#ed6231}.intro h1{font-size:clamp(34px,3.3vw,55px);letter-spacing:-2.2px;line-height:1.1;margin:28px 0 24px;font-weight:570}.intro h1 em{font-style:normal;color:#226d79}.intro-copy{color:#526e79;font-size:14px;line-height:1.8;max-width:300px}.steps{list-style:none;margin:31px 0;padding:0;display:grid;gap:21px}.steps li{display:flex;gap:13px;align-items:flex-start}.steps li>span{color:#b84c27;font-size:10px;margin-top:4px}.steps strong{font-size:12px;font-weight:600}.steps small{display:block;font-size:11px;color:#6a7e85;margin-top:6px;line-height:1.5}.intro-link{font-size:11px;font-weight:650;text-decoration:none;border-bottom:1px solid #a4b8be;padding-bottom:7px;display:inline-flex;gap:25px}.intro-link span{color:#bd461c}.preview-note{font-size:10px;color:#6b7d84;line-height:1.6;margin-top:25px}.explorer{overflow:hidden;border:1px solid #d6e0e1;border-radius:8px;background:#fff;box-shadow:0 24px 65px #12313d18;min-width:0}.explorer-top{height:47px;background:#102e3b;color:#bbd5df;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:9px;font-weight:500;letter-spacing:1.3px}.explorer-top b{color:#ff7a42;padding:0 6px}.explorer-top button{border:0;background:transparent;font-size:10px;color:#d7e9ee;padding:10px 0;letter-spacing:0;display:flex;gap:10px}.explorer-top button span{font-size:16px;line-height:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 224px}.visual-column{min-width:0}.stage{height:478px;background:radial-gradient(ellipse at 48% 28%,#294956 0%,#193b49 45%,#102b37 100%);position:relative;overflow:hidden;color:#e6f1f3;isolation:isolate}.stage-grid{position:absolute;inset:0;background-image:radial-gradient(#b2d1dc38 .65px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(transparent,#0008 25%,black);pointer-events:none}.stage-glow{position:absolute;width:80%;height:32%;left:10%;bottom:15px;background:radial-gradient(ellipse,#04171f88,transparent 65%);transform:rotate(-14deg);filter:blur(9px);pointer-events:none}.stage-heading{position:absolute;left:24px;top:24px;z-index:3;pointer-events:none}.stage-heading>span{display:block;font-size:9px;letter-spacing:1.7px;color:#a1bbc6;margin-bottom:10px}.stage-heading>strong{font-weight:500;font-size:20px;letter-spacing:-.7px}.stage-heading small{color:#84a5b2;font-weight:400;font-size:11px;letter-spacing:1px;margin-left:7px}.view-switch{position:absolute;right:20px;top:24px;z-index:6;display:flex;padding:3px;background:#09202d66;border:1px solid #b2cdd427;border-radius:5px}.view-switch button{border:0;background:transparent;color:#adc4cb;font-size:10px;padding:8px 10px;border-radius:3px}.view-switch button[aria-pressed=true]{background:#e8f0ef;color:#203d48;box-shadow:0 2px 9px #0002}.stage canvas{width:100%;height:100%;display:block;position:relative;z-index:1;touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.stage canvas:focus-visible{outline-offset:-4px}.stage-bottom{position:absolute;z-index:5;bottom:17px;left:23px;right:21px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;pointer-events:none}.gesture{font-size:9px;color:#c4d7df;line-height:1.9;letter-spacing:.1px}.gesture>span{font-size:17px;margin-right:6px}.gesture small{font-size:8px;color:#8eaab7}.camera-tools{display:flex;align-items:center;background:#102d3bd9;border:1px solid #48636d;border-radius:5px;padding:2px;pointer-events:auto}.camera-tools button{border:0;background:transparent;color:#d8e6ec;min-width:27px;height:30px;font-size:17px;padding:3px}.camera-tools #front-view{font-size:9px;border-left:1px solid #48636d;margin-left:5px;padding:4px 10px}.camera-tools output{font-size:9px;min-width:31px;text-align:center;color:#bcd1da;font-variant-numeric:tabular-nums}.camera-tools button:hover{background:#42606c}.camera-tools #reset-view{font-size:18px}.hotspot{z-index:4;position:absolute;background:transparent;border:0;padding:0;display:flex;gap:8px;align-items:center;transform:translate(-14px,-14px);color:#d5e9ef;font-size:9px;white-space:nowrap}.hotspot span{display:grid;place-items:center;border:1px solid #ffb28d99;outline:4px solid #e9682424;background:#e6602c;color:#fff;height:28px;width:28px;flex-shrink:0;border-radius:50%;font-size:9px;box-shadow:0 3px 18px #071d2999}.hotspot b{font-weight:400;background:#0a2635c9;border:1px solid #86adb32e;padding:6px 8px;border-radius:3px;box-shadow:0 5px 12px #0001}.hotspot:hover span,.hotspot[aria-pressed=true] span{background:#fff;color:#b3431c;outline-color:#ed663555}.hotspot[aria-pressed=true] b{background:#234551}.hotspot[hidden]{display:none}#annotations{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}#annotations path{stroke:#f89764;fill:none;stroke-width:1}#annotations text{fill:#ffc9ab;font-family:Inter,sans-serif;font-size:10px;text-anchor:middle;paint-order:stroke;stroke:#183a47;stroke-width:4px;stroke-linejoin:round}#fallback{position:absolute;inset:95px 30px 80px;z-index:3;background:#1a3845e8;text-align:center;padding:25% 20px 10px;line-height:1.6;font-size:12px}#fallback[hidden]{display:none}.material-strip{padding:17px 18px 16px;background:#f9fbfb}.control-kicker{font-size:9px;letter-spacing:1.4px;font-weight:600;color:#6a838d}.materials{margin-top:10px;display:flex;gap:8px}.materials button{flex:1;min-width:0;display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #d5e1e3;border-radius:4px;padding:12px 9px;text-align:left}.materials button[aria-pressed=true]{border-color:#cb5a30;box-shadow:0 0 0 1px #cb5a30;background:#fffdfb}.materials button>span{font-size:11px;line-height:1.5;font-weight:550}.materials small{display:block;font-size:8px;color:#75878f;font-weight:400;white-space:nowrap}.materials b{margin-left:auto;color:#b94f29;font-weight:400}.swatch{width:21px;height:21px;border-radius:50%;display:block;flex-shrink:0;border:1px solid #0002}.swatch.pa{background:repeating-linear-gradient(45deg,#eee0c5 0px,#eee0c5 2px,#bdb8a5 3px,#f7efdc 4px)}.swatch.pet{background:repeating-linear-gradient(135deg,#347b80 0,#347b80 2px,#78a9a9 3px,#1e515d 4px)}.swatch.steel{background:repeating-linear-gradient(45deg,#adb7bd 0,#f3f6f8 1px,#899da4 2px,#b7c5c9 3px)}.controls{background:#fff;padding:25px 21px 19px;border-left:1px solid #d4e0e3;display:flex;flex-direction:column}.control-heading p{margin:0 0 11px}.control-heading h2{font-size:20px;font-weight:550;letter-spacing:-.7px;line-height:1.3;margin:0 0 25px}.range-control{margin-bottom:23px}.range-control label{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;gap:8px}.range-control output{font-size:19px;font-weight:550;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.range-control output small{font-size:10px;font-weight:400;color:#73868e;letter-spacing:0}.range-control input{display:block;width:100%;margin:17px 0 9px;accent-color:#c34e24;height:4px;cursor:ew-resize}.range-bounds{display:flex;justify-content:space-between;font-size:8px;color:#72868e}.demo-note{font-size:9px;line-height:1.65;color:#76888e;margin:-2px 0 22px}.detail{position:relative;padding-top:19px;border-top:1px solid #e0e7e7;flex:1}.detail-number{position:absolute;right:0;top:14px;font-size:34px;letter-spacing:-2px;color:#e7eded;font-weight:500}.detail .control-kicker{color:#bd4e29;font-size:8px;max-width:135px;display:block;line-height:1.5}.detail h3{font-size:16px;letter-spacing:-.45px;font-weight:580;line-height:1.3;margin:12px 0 9px;position:relative}.detail p{font-size:10px;line-height:1.75;color:#657c85;margin:0}.detail button{background:transparent;border:0;padding:0;margin:12px 0 10px;font-size:9px;color:#ad471f;text-align:left;line-height:1.5}.detail button span{margin-left:6px}.property-controls{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8e8}.property-controls .control-kicker{font-size:8px}.property-controls>div{display:flex;gap:6px;margin-top:11px}.property-controls button{font-size:9px;flex:1;background:#f3f7f7;border:1px solid #e1e8e8;padding:8px 3px;border-radius:3px}.property-controls button[aria-pressed=true]{background:#183d48;color:#fff;border-color:#183d48}.explorer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;border-top:1px solid #dce5e6;background:#f2f6f6;font-size:8px;color:#667d86}.explorer-bottom p{margin:0}.auto-label{display:flex;gap:6px;align-items:center;white-space:nowrap}.auto-label input{accent-color:#c75428;margin:0;width:12px;height:12px}.technical-notes{border-top:1px solid #d6e1e4;margin:0 5%;padding:42px 0 55px}.technical-title{display:grid;grid-template-columns:1fr 1fr;gap:14px 70px;align-items:end}.technical-title .eyebrow{grid-column:1/-1;margin:0}.technical-title h2{font-size:28px;letter-spacing:-.9px;font-weight:550;margin:10px 0}.technical-title>p:last-child{font-size:12px;line-height:1.8;color:#67808b;margin:0;max-width:480px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:35px}.notes-grid article{border-top:1px solid #bdcdd1;padding:20px 0}.notes-grid span{color:#b84d26;letter-spacing:1px;font-size:9px}.notes-grid h3{font-size:16px;font-weight:550;letter-spacing:-.35px}.notes-grid p{font-size:11px;color:#67808a;line-height:1.9;margin-bottom:0}.source-details{border-top:1px solid #ccdadd;border-bottom:1px solid #ccdadd;font-size:11px;color:#526d78}.source-details summary{padding:18px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;color:#264b59;font-size:12px}.source-details summary span{color:#bc4f29;font-size:17px}.source-details[open] summary span{transform:rotate(45deg)}.source-details>div{max-width:980px;line-height:1.9;padding-bottom:20px}.source-details li{margin:8px 0}.page-footer{max-width:1600px;margin:auto;padding:23px 5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d0dde0;color:#6e828a;font-size:10px}.page-footer>span:first-child{font-weight:650;color:#254954;letter-spacing:1px}.page-footer p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.is-expanded .intro{display:none}body.is-expanded .experience{display:block;padding-top:25px}body.is-expanded .workspace{grid-template-columns:minmax(0,1fr) 270px}body.is-expanded .stage{height:650px}body.is-expanded .controls{padding:30px}body.is-expanded .detail p{font-size:12px}body.is-expanded .detail h3{font-size:22px}body.is-expanded .range-control label{font-size:12px}body.is-expanded .materials button{padding:15px}body.is-expanded .materials button>span{font-size:14px}body.is-expanded .materials small{font-size:10px}
@media(min-width:1500px){.experience{gap:55px}.workspace{grid-template-columns:minmax(0,1fr) 245px}.stage{height:540px}.controls{padding:28px 25px}.detail p{font-size:11px}.range-control label{font-size:11px}.control-heading h2{font-size:23px}.explorer-bottom{font-size:9px}.materials button{padding:13px 12px}.materials button>span{font-size:12px}.materials small{font-size:9px}.intro-copy{font-size:15px}}
@media(max-width:1150px){.experience{display:block;padding:34px 4% 48px}.intro{display:grid;grid-template-columns:1fr 1fr;column-gap:45px;align-items:center;margin-bottom:30px}.intro .eyebrow{grid-column:1/-1;margin:0}.intro h1{font-size:42px;margin:20px 0;grid-row:2/4}.intro h1 br{display:none}.intro h1 em{display:block}.intro-copy{max-width:none;grid-row:2;margin:18px 0 8px}.steps{display:none}.intro-link{justify-self:start;grid-column:2;grid-row:3}.preview-note{grid-column:1/-1;margin:6px 0 0}.workspace{grid-template-columns:minmax(0,1fr) 245px}.stage{height:500px}.controls{padding:26px}.detail p{font-size:11px}.technical-notes{margin:0 4%}.gesture{font-size:10px}.materials small{font-size:9px}.preview-header{padding:23px 4%}}
@media(max-width:700px){.preview-header{padding:20px 20px}.preview-header img{width:170px}.preview-label{font-size:8px;letter-spacing:1px;max-width:100px;line-height:1.5}.experience{padding:30px 16px 35px}.intro{display:block;padding:0 6px;margin-bottom:25px}.intro .eyebrow{font-size:9px}.intro h1{font-size:38px;line-height:1.12;letter-spacing:-1.7px;margin:20px 0 17px}.intro h1 br{display:none}.intro-copy{font-size:13px;line-height:1.8;max-width:480px;margin-bottom:18px}.intro-link{font-size:11px}.preview-note{font-size:9px;margin-top:17px}.workspace{display:flex;flex-direction:column}.explorer-top{padding:0 16px;font-size:8px;letter-spacing:.9px;height:44px}.explorer-top button{font-size:9px;gap:6px}.stage{height:420px}.stage-heading{left:17px;top:20px}.stage-heading>span{font-size:8px;margin-bottom:8px}.stage-heading>strong{font-size:18px}.view-switch{right:13px;top:20px}.view-switch button{padding:9px 8px;font-size:9px}.hotspot b{display:none}.hotspot{transform:translate(-19px,-19px);padding:5px}.hotspot span{width:28px;height:28px}.stage-bottom{left:16px;right:13px;bottom:15px;align-items:center}.gesture{font-size:9px;line-height:1.6;max-width:130px}.gesture small{font-size:8px}.camera-tools button{min-width:31px;height:35px}.camera-tools #front-view{padding:3px 6px;margin-left:1px}.camera-tools output{font-size:8px;min-width:27px}.material-strip{padding:17px 14px}.materials{gap:7px}.materials button{padding:12px 7px;gap:6px;min-height:61px}.materials button>span{font-size:10px}.materials small{font-size:7px;letter-spacing:-.2px;white-space:normal}.materials b{display:none}.swatch{width:17px;height:17px}.controls{border-left:0;border-top:1px solid #dde6e7;padding:22px;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.control-heading{grid-column:1/-1}.control-heading h2{font-size:21px;margin-bottom:21px}.control-heading p{font-size:8px}.range-control label{font-size:11px}.range-control output{font-size:23px}.range-control input{height:6px;margin-top:22px;margin-bottom:13px}.range-bounds{font-size:9px}.demo-note{grid-column:1/-1;font-size:10px;margin-bottom:20px;max-width:350px}.detail{grid-column:1/-1;padding-top:20px}.detail h3{font-size:20px;margin-top:10px}.detail p{font-size:12px;line-height:1.8;max-width:450px}.detail button{font-size:11px;min-height:40px;margin:7px 0 0}.detail-number{font-size:44px}.detail .control-kicker{font-size:9px}.property-controls{grid-column:1/-1;margin-top:10px;padding-top:18px}.property-controls .control-kicker{font-size:9px}.property-controls>div{gap:10px}.property-controls button{font-size:11px;padding:13px 4px;min-height:44px}.explorer-bottom{padding:13px 16px;align-items:flex-start;flex-direction:column;font-size:9px;line-height:1.6}.auto-label{min-height:28px}.auto-label input{width:15px;height:15px}.technical-notes{padding:30px 6px 35px;margin:0 16px}.technical-title{display:block}.technical-title h2{font-size:25px;margin:18px 0}.technical-title>p:last-child{font-size:12px}.notes-grid{display:block;margin-top:25px}.notes-grid article{padding:20px 0}.notes-grid p{font-size:12px;line-height:1.8}.source-details{font-size:11px}.source-details summary{font-size:11px;gap:15px}.source-details ul{padding-left:20px}.page-footer{padding:22px;flex-wrap:wrap;gap:15px;font-size:9px}.page-footer p{order:3;flex-basis:100%}body.is-expanded .workspace{display:flex}body.is-expanded .stage{height:540px}body.is-expanded .controls{padding:22px}.desktop-break{display:none}}
@media(max-width:360px){.preview-header img{width:144px}.preview-label{max-width:90px;font-size:7px}.view-switch{top:76px;left:16px;right:auto}.stage{height:430px}.controls{padding:18px;column-gap:17px}.gesture small{display:none}.camera-tools button{min-width:29px}.materials button{gap:4px}.swatch{width:14px;height:14px}.materials button>span{font-size:9px}.intro h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Large hit areas keep the compact studio controls usable by touch. */
.hotspot{padding:8px;transform:translate(-22px,-22px)}
.range-control input{height:32px;margin:4px 0 0;appearance:none;-webkit-appearance:none;background:transparent}
.range-control input::-webkit-slider-runnable-track{height:4px;border-radius:8px;background:linear-gradient(to right,#ba512b 0 var(--progress),#dbe4e6 var(--progress) 100%)}
.range-control input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#c4562d;border:2px solid #c4562d;margin-top:-5px;box-shadow:0 0 0 4px #c4562d12}
.range-control input::-moz-range-track{height:4px;border-radius:8px;background:#dbe4e6}.range-control input::-moz-range-progress{height:4px;background:#ba512b}.range-control input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#c4562d;border:1px solid #c4562d}
@media(max-width:700px){.range-control input{height:44px;margin:3px 0 0}.view-switch button{min-height:40px}.camera-tools button{min-width:35px;min-height:40px}.camera-tools #front-view{min-width:35px}.hotspot{padding:8px;transform:translate(-22px,-22px)}.stage-bottom{gap:6px}.gesture{max-width:100px}.gesture small{font-size:7px}.auto-label{min-height:44px}}
.range-control input:disabled{opacity:.4;cursor:default}.range-control:has(input:disabled) .range-bounds{opacity:.5}
/* Version 02: orange knotless-net anatomy, richer detail panel. */
:root{--orange:#ed5b25;--orange-dark:#b9441c;--ink:#17343f}
.preview-header{border-bottom-color:#e1ded8}.preview-label span{background:var(--orange)}
.intro h1 em{color:var(--orange-dark)}.intro-link{border-bottom-color:#e3b39e}.experience{grid-template-columns:minmax(210px,.65fr) minmax(0,2.8fr);gap:30px;padding-top:44px}
.explorer{border-radius:10px}.explorer-top{background:#132f3b}.explorer-top b{color:#ff874b}
.workspace{grid-template-columns:minmax(0,1fr) 286px}.visual-column{display:flex;flex-direction:column}.stage{height:610px;flex:1;min-height:600px;background:radial-gradient(ellipse at 42% 26%,#31505c 0%,#1c3b47 50%,#102a35 100%)}
.stage-grid{opacity:.55;background-size:28px 28px}.stage-heading{top:25px}.stage-heading>strong{font-size:24px}.stage-heading>span{font-size:9px;color:#b3c6cf}.stage-heading small{color:#c5d3d9}
.stage-status{position:absolute;right:22px;top:30px;z-index:4;display:flex;gap:7px;align-items:center;color:#d0dfdf;font-size:8px;letter-spacing:1px;pointer-events:none}.stage-status>span:first-child{width:5px;height:5px;background:#fa9256;border-radius:50%;box-shadow:0 0 0 4px #ff8b4c16}.motion-paused .stage-status>span:first-child{background:#8aabb8}
.view-switch{top:100px;left:23px;right:auto;gap:2px;padding:4px;border-color:#adc2cb3b}.view-switch button{font-size:10px;padding:9px 10px;min-height:34px}.view-switch button[aria-pressed=true]{background:#f36c32;color:white;box-shadow:0 3px 12px #0002}
.stage-bottom{bottom:20px}.camera-tools{border-color:#66808a88}.hotspot span{background:#f26c34;border-color:#ffd0b4;outline-color:#ef6a3533}.hotspot b{font-size:9px;background:#0d2b37ed;color:#f7eddf}.hotspot[aria-pressed=true] span{background:#fff1df;color:#ad411d}
.material-strip{position:relative;padding:18px 16px;background:#fcfaf7}.color-note{font-size:8px;color:#a46444;float:right}.materials{gap:6px}.materials button{padding:10px 7px;gap:6px;min-height:59px}.materials button>span{font-size:10px}.materials small{font-size:8px;white-space:normal}.materials b{display:none}.swatch{width:18px;height:18px}.swatch.pp{background:repeating-linear-gradient(45deg,#f37933 0,#f37933 2px,#a53b13 3px,#ffb266 4px)}.swatch.pa{background:repeating-linear-gradient(45deg,#f79c5f 0,#e97534 2px,#bf481d 3px,#ffb37a 4px)}.swatch.pet{background:repeating-linear-gradient(135deg,#d35120 0,#d35120 2px,#ee8c4a 3px,#a73912 4px)}
.controls{padding:23px 22px 19px}.control-heading p{margin-bottom:8px}.control-heading h2{font-size:24px;margin-bottom:9px;line-height:1.12;letter-spacing:-.8px}.control-heading .detail-intro{font-size:11px;line-height:1.65;color:#73858c;margin:0 0 21px;font-weight:400;letter-spacing:0}
.geometry-controls{display:grid;grid-template-columns:1fr 1fr;gap:17px}.range-control{margin-bottom:12px}.range-control label{display:block;font-size:10px;line-height:1.5}.range-control output{display:block;margin-top:6px;font-size:24px;line-height:1.2}.range-bounds{font-size:8px}.range-control input{margin-top:6px}.demo-note{margin:2px 0 18px;font-size:9px;line-height:1.5}
.detail{border-top-color:#e8d6ca;padding-top:17px}.detail .control-kicker{font-size:8px;max-width:200px;letter-spacing:1px}.detail-number{font-size:31px;top:13px;color:#efdacc}.detail h3{font-size:20px;line-height:1.18;letter-spacing:-.6px;margin:11px 0 10px}.detail p{font-size:11px;line-height:1.75;color:#607780}.detail-facts{list-style:none;padding:0;margin:13px 0;display:grid;gap:6px}.detail-facts li{font-size:10px;line-height:1.5;color:#44616c;padding-left:12px;position:relative}.detail-facts li:before{content:'';position:absolute;left:0;top:6px;width:4px;height:4px;background:#e76a35;border-radius:50%}.detail-insight{padding:11px 12px;background:#fbf3ec;border-left:2px solid #ec7849;border-radius:0 4px 4px 0}.detail-insight>span{font-size:8px;font-weight:700;letter-spacing:1px;color:#b24e27}.detail-insight p{font-size:10px;line-height:1.6;margin-top:5px;color:#82664f}.detail button{font-size:10px;min-height:33px;margin:8px 0 0}.detail-source{display:block;font-size:8px;text-decoration:none;color:#768890;margin-top:2px;line-height:2}
.property-controls{margin-top:13px;padding-top:13px}.property-controls>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.property-controls button{font-size:9px;padding:7px 3px;min-height:30px}.property-controls button[aria-pressed=true]{background:#bf542a;border-color:#bf542a}
.tour-strip{display:flex;align-items:center;gap:14px;background:#1a3945;color:#e5eeed;padding:11px 20px;border-top:1px solid #52697466}.tour-strip button{background:transparent;border:0;color:#f2a377;font-size:10px;padding:6px 0;white-space:nowrap}.tour-strip button span{margin-right:6px}.tour-strip button[aria-pressed=true]{color:#fff}.tour-strip>span{font-size:9px;color:#9fb7c1;flex:1}.tour-strip #show-points{border-left:1px solid #54707b;padding-left:15px;color:#b5cbd1;font-size:9px}.tour-strip #show-points[aria-pressed=false]{opacity:.5}
.explorer-bottom{font-size:9px;padding:13px 20px}.auto-label{min-height:24px}.auto-label input{width:14px;height:14px}
.anatomy-notes{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;margin:0 5%;padding:45px 0 55px;border-top:1px solid #cddce0}.anatomy-heading h2{font-size:31px;line-height:1.2;letter-spacing:-1px;font-weight:550;margin:25px 0 20px}.anatomy-heading>p:last-child{font-size:13px;color:#647c87;max-width:390px;line-height:1.85}.anatomy-list details{border-top:1px solid #bfced3}.anatomy-list details:last-child{border-bottom:1px solid #bfced3}.anatomy-list summary{display:flex;align-items:center;gap:15px;list-style:none;cursor:pointer;font-size:13px;padding:18px 0;font-weight:550}.anatomy-list summary>span{font-size:9px;color:#bb5029;font-weight:500}.anatomy-list summary b{margin-left:auto;color:#c25b30;font-weight:400;font-size:20px}.anatomy-list details[open] summary b{transform:rotate(45deg)}.anatomy-list p{font-size:12px;color:#637b86;line-height:1.9;margin:0 0 21px 30px;max-width:520px}.source-details>div{font-size:11px}
body.is-expanded .workspace{grid-template-columns:minmax(0,1fr) 320px}body.is-expanded .stage{min-height:720px;height:720px}body.is-expanded .controls{padding:26px}body.is-expanded .materials button>span{font-size:12px}body.is-expanded .range-control label{font-size:11px}
@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 310px}.stage{height:690px}.controls{padding:27px}.detail p{font-size:12px}.detail-facts li{font-size:11px}.detail h3{font-size:22px}.materials button>span{font-size:12px}.view-switch button{font-size:11px}}
@media(max-width:1150px){.experience{display:block}.workspace{grid-template-columns:minmax(0,1fr) 285px}.intro{display:grid}.intro h1{font-size:40px}.anatomy-notes{margin:0 4%;gap:38px}.stage{height:670px}.controls{padding:24px}}
@media(max-width:700px){.experience{padding-top:27px}.intro{display:block}.intro h1{font-size:37px}.workspace{display:flex}.stage{height:490px;min-height:490px;flex:auto}.stage-heading{left:17px;top:20px}.stage-heading>strong{font-size:21px}.stage-status{right:14px;top:26px;font-size:7px;letter-spacing:.5px;max-width:105px;line-height:1.4}.view-switch{top:92px;left:13px;right:13px;gap:0;justify-content:space-between}.view-switch button{font-size:9px;min-height:39px;padding:8px 6px}.stage-bottom{bottom:17px}.hotspot b{display:none}.materials{display:grid;grid-template-columns:1fr 1fr;gap:8px}.materials button{padding:13px;min-height:62px;gap:10px}.materials button>span{font-size:12px}.materials small{font-size:9px}.swatch{height:24px;width:24px}.color-note{font-size:8px}.material-strip{padding:18px}.controls{display:block;padding:24px}.control-heading h2{font-size:26px}.control-heading .detail-intro{font-size:12px}.geometry-controls{gap:30px}.range-control label{font-size:12px}.range-control output{font-size:27px}.range-bounds{font-size:9px}.demo-note{font-size:10px;margin-bottom:21px}.detail .control-kicker{font-size:9px}.detail h3{font-size:24px}.detail p{font-size:12px}.detail-facts li{font-size:12px}.detail-insight{padding:13px 15px}.detail-insight p{font-size:11px}.detail button{font-size:12px;min-height:44px}.detail-source{font-size:10px;min-height:34px;padding-top:6px}.property-controls{padding-top:18px}.property-controls button{font-size:11px;min-height:44px}.tour-strip{padding:13px 17px;gap:12px;flex-wrap:wrap}.tour-strip>span{order:3;flex-basis:100%;font-size:9px}.tour-strip #show-points{margin-left:auto}.tour-strip button{min-height:30px;font-size:11px}.explorer-bottom{font-size:9px}.anatomy-notes{display:block;margin:0 22px;padding:28px 0 38px}.anatomy-heading h2{font-size:27px}.anatomy-heading>p:last-child{font-size:12px}.anatomy-list{margin-top:24px}.anatomy-list summary{font-size:12px;gap:10px}.anatomy-list p{margin-left:23px}.technical-notes{padding-top:30px}body.is-expanded .stage{height:560px;min-height:560px}}
@media(max-width:360px){.stage{height:460px;min-height:460px}.stage-heading>strong{font-size:18px}.stage-status{font-size:6px;max-width:80px}.view-switch{top:90px;left:10px;right:10px}.view-switch button{padding:7px 4px;font-size:8px}.materials button{padding:11px}.color-note{display:none}.explorer-top{font-size:7px;padding:0 12px}.explorer-top button{font-size:8px}.tour-strip{gap:7px}.tour-strip>span{font-size:8px}.intro h1{font-size:33px}}
.stage canvas{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:700px){.camera-tools button{min-height:44px;min-width:44px}.camera-tools #front-view{min-width:44px}.camera-tools #reset-view{min-width:44px}.gesture{max-width:83px}}
@media(max-width:360px){.materials button{padding:11px 8px;gap:6px}.materials button>span{font-size:10px}.materials small{font-size:8px}.swatch{width:18px;height:18px}.gesture{display:none}.camera-tools{margin-left:auto}}

/* Keep focused overlays from scrolling the 3D stage internally. */
.stage{overflow:clip}