@font-face{font-family:Manrope;src:url(../showroom/manrope-latin.woff2) format("woff2");font-weight:200 800;font-display:swap}:root{font-family:Manrope,Segoe UI,sans-serif;color:#183447;background:#f7f6f2;font-synthesis:none;--orange:#d97d30;--ink:#183447;--line:#dadbd5}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:2px}button:hover:not(:disabled){background-color:#d97d3014}[hidden]{display:none!important}#showroom{height:100svh;height:100dvh;display:grid;grid-template-rows:60px minmax(0,1fr);overflow:hidden}.topbar{display:flex;align-items:center;gap:20px;padding:0 26px;border-bottom:1px solid var(--line)}.wordmark{font-size:28px;font-weight:800;letter-spacing:-1.5px;text-decoration:none;color:inherit;line-height:1}.wordmark span{display:block;font-size:5px;letter-spacing:1.5px;margin-top:5px}.project-name{font-size:12px;letter-spacing:1px;margin-left:auto;color:var(--orange)}.project-name b{color:var(--ink);margin-left:10px}.help-trigger,.round{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ccd4d5;border-radius:50%;flex-shrink:0}.help-trigger{width:34px;height:34px}#products{display:flex;align-items:center;gap:12px;min-width:220px;max-width:50%;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:6px;margin-left:auto;font-size:12px}#product-count{font-size:10px;color:#6b7e85;white-space:nowrap}#product-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#products>span:last-child{margin-left:auto}main{min-height:0;padding:10px}.stage{height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:8px;background:#eae8e1}.stage-viewport{position:relative;flex:1;min-height:0;overflow:hidden}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#scene canvas:active{cursor:grabbing}.stage-top{position:absolute;top:16px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:3}.view-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.view-tools{display:flex;gap:6px;pointer-events:auto}.view-tools button{background:#faf9f1ed;min-height:40px;padding:0 13px;border-radius:5px;font-size:11px;border:1px solid #fff9}#xray[aria-pressed=true]{background:var(--ink);color:#fff}.caption{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(560px,calc(100% - 24px));max-height:calc(100% - 76px);overflow-y:auto;background:#faf9f5f5;border:1px solid #fff;border-radius:8px;box-shadow:0 5px 25px #18344714;padding:10px 18px;z-index:4;backdrop-filter:blur(12px)}.caption-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px;font-size:12px}.caption-heading button{width:44px;min-height:32px;margin:-3px -8px -3px 0;border-radius:4px;font-size:18px}.caption.is-collapsed{padding-top:6px;padding-bottom:6px}.caption.is-collapsed .caption-heading button{min-height:36px}#chapter-text{font-size:16px;line-height:1.5;margin:5px 0 10px;min-height:24px}.caption-actions{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:6px}.chapter-dots{display:flex;margin-right:auto}.chapter-dots button{display:grid;place-items:center;width:28px;height:44px;padding:0}.chapter-dots span{width:6px;height:6px;border-radius:50%;background:#c8cbca}.chapter-dots [aria-pressed=true] span{background:var(--orange);width:9px;height:9px}.primary{background:#183447;color:#fff;min-height:44px;padding:0 15px;border-radius:5px;font-size:12px;white-space:nowrap}.primary:hover:not(:disabled){background:#29516b}.text-button{font-size:11px;min-height:44px;padding:0 9px;color:#526f7d}.eyebrow{font-size:8px;letter-spacing:1.5px;font-weight:800;color:#708489}.caption h1,.caption h2{font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.7px;margin:9px 0}.caption p{color:#526b78}#intro>p{font-size:13px;margin:10px 0}.intro-actions{display:flex;gap:10px;align-items:center}.caption:has(#intro:not([hidden])),.caption:has(#completion:not([hidden])){padding:18px 22px}#free-note{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.walk-pad{display:none;position:absolute;bottom:100px;left:18px;grid-template-columns:repeat(3,44px);gap:5px;z-index:3}.walk-pad button{height:44px;border-radius:5px;background:#faf8efed;touch-action:none}.walk-pad button:first-child{grid-column:2}.walk-pad button:nth-child(2){grid-column:1}.pin{position:absolute;left:0;top:0;z-index:2;display:flex;align-items:center;gap:6px;padding:8px;margin:-22px 0 0 -22px;white-space:nowrap}.pin>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fffef4;color:var(--ink);font-size:9px;font-weight:800;box-shadow:0 2px 12px #18344722}.pin.chosen>span{background:var(--orange);color:#fff}.pin em{display:none;font-style:normal;font-size:10px;padding:5px;background:#fffef4;border-radius:3px}.pin:hover em,.pin:focus-visible em{display:block}.loading{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#eae8e1;text-align:center;font-size:12px;padding:28px}.loading button{padding:12px;background:#fff;border-radius:5px}.sheet{border:1px solid var(--line);border-radius:12px;background:#f7f6f2;color:var(--ink);width:min(520px,calc(100% - 32px));max-height:85dvh;padding:24px;overflow-y:auto;overscroll-behavior:contain}.sheet::backdrop{background:#18344755;backdrop-filter:blur(4px)}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.sheet h2{font-size:24px;font-weight:500;line-height:1.25;margin:8px 0 18px}.sheet p{font-size:14px;line-height:1.8;color:#526b78}.sheet h3{font-size:16px;font-weight:600}.sheet .fine-print{font-size:11px;color:#71828a}.area-filters{display:flex;gap:8px;padding:12px 0}.area-filters button{font-size:12px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:5px}.area-filters [aria-pressed=true]{color:#fff;background:var(--ink)}.product-list{display:grid;gap:4px}.product-list button{display:flex;align-items:center;text-align:left;gap:14px;min-height:60px;padding:10px;border-bottom:1px solid var(--line);font-size:14px}.product-list [aria-pressed=true]{background:#ecebe2;border-radius:5px}.product-list small{display:block;font-size:11px;color:#71828a;margin-top:4px}.stop-number{color:#a67c50;font-size:11px}.product-list button>span:last-child{margin-left:auto}.sheet-footer{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.layer-key{flex:none;padding:12px 20px;color:#dce5e7;background:#173344;max-height:48%;overflow:auto}.layer-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.layer-heading strong{font-size:8px;letter-spacing:1px;color:#efb16b}.layer-heading button{font-size:11px;min-height:36px;color:#dce5e7}.layer-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.layer-options button{display:flex;align-items:center;gap:8px;text-align:left;min-height:48px;padding:8px;border:1px solid #ffffff20;color:#dce5e7;border-radius:5px;font-size:11px;line-height:1.5}.layer-options b{display:grid;place-items:center;flex:none;width:22px;height:22px;border:1px solid var(--layer-color);border-radius:50%;color:var(--layer-color);font-size:10px}.layer-options [aria-pressed=true]{border-color:var(--layer-color);background:#ffffff12}#layer-description{font-size:11px;line-height:1.5;margin:8px 0 0}@media(max-width:760px){#showroom{grid-template-rows:52px minmax(0,1fr)}.topbar{padding:0 12px;gap:10px}.wordmark{font-size:23px}.wordmark span,.project-name{display:none}#products{margin-left:auto;min-width:0;max-width:65%;gap:8px;font-size:12px;height:40px;padding:0 9px}#product-count{display:none}.help-trigger{width:32px;height:32px;flex:none}main{padding:0}.stage{border-radius:0}.stage-top{top:10px;left:12px;right:12px}.view-label{font-size:8px;letter-spacing:.5px;max-width:40%}.view-tools button{font-size:10px;padding:0 10px;min-height:40px}.caption{bottom:max(12px,env(safe-area-inset-bottom));padding:8px 12px}.caption-heading{font-size:12px}#chapter-text{font-size:14px;line-height:1.45;margin:4px 0 8px}.caption-actions{gap:4px}.caption-actions .round{width:36px;height:44px;border-radius:5px}.chapter-dots button{width:24px}.primary{font-size:11px;padding:0 12px}#more{font-size:10px;padding:0 4px}.caption h1,.caption h2{font-size:22px}.keyboard-hint{display:none}.sheet{width:100%;margin:auto 0 0;max-height:85dvh;border-radius:16px 16px 0 0;padding:20px 20px max(20px,env(safe-area-inset-bottom))}.sheet-footer{flex-wrap:wrap}.layer-key{padding:10px 12px}.layer-options{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-options button:last-child{grid-column:1/-1}.layer-options button{font-size:10px;min-height:44px}.pin em{display:none!important}}@media(pointer:coarse){.inside .walk-pad{display:grid}}.caption-heading #more{margin-left:auto;flex-shrink:0;width:auto;white-space:nowrap;min-height:32px;font-size:10px;padding:0 5px}.is-collapsed #more{display:none}.chapter-dots{margin:auto}.chapter-dots button{width:44px}@media(max-width:760px){.caption-actions .round{width:44px}.chapter-dots button{width:40px}.caption-actions #next{padding:0 9px}.caption-heading #chapter-title{font-size:11px}}@media(max-width:760px){.sheet{max-width:none}}@media(max-width:359px){.chapter-dots button{width:28px}.caption-actions,.caption-heading{gap:4px}.caption-heading #chapter-title{font-size:10px}.caption-heading #collapse{width:32px;flex-shrink:0}}@media(max-height:480px)and (orientation:landscape){#showroom{grid-template-rows:46px minmax(0,1fr)}.caption{width:min(500px,calc(100% - 24px));bottom:8px;padding:5px 12px}#chapter-text{font-size:13px;margin:2px 0 4px}.caption-heading{font-size:11px}.caption-actions{padding-top:2px}.stage-top{top:6px}.caption h1{font-size:18px}.caption:has(#intro:not([hidden])){padding:10px 18px}.layer-options{grid-template-columns:repeat(5,minmax(0,1fr))}.layer-options button:last-child{grid-column:auto}.layer-key{max-height:45%}}@media(prefers-reduced-motion:no-preference){.caption{animation:appear .25s ease-out}.primary,button{transition:background-color .18s}dialog[open]{animation:appear .2s ease-out}@keyframes appear{0%{opacity:0}to{opacity:1}}}.landing-brand{display:none}#showroom.is-landing{grid-template-rows:96px minmax(0,1fr)}.is-landing .topbar{padding:0 42px}.is-landing .wordmark{font-size:33px}.is-landing .wordmark span{font-size:7px;display:block}.is-landing #products,.is-landing .project-name{display:none}.is-landing .landing-brand{display:flex;align-items:center;gap:18px;margin:auto;font-size:12px;letter-spacing:1.6px;font-weight:700}.landing-brand i{height:16px;width:5px;background:var(--orange);transform:skew(-20deg)}.landing-brand>span{color:#a4abae}.is-landing main{display:grid;grid-template-columns:355px minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:0}.is-landing .stage{height:auto;min-height:0;margin:18px 20px 18px 0}.landing-story{min-height:0;overflow-y:auto;padding:42px 30px 24px 42px;scrollbar-width:thin;scrollbar-color:#b1bdbb transparent}.landing-story #intro{min-height:100%;display:flex;flex-direction:column}.landing-story .eyebrow{font-size:9px;line-height:1.6;letter-spacing:1.7px}.landing-story h1{font-size:36px;line-height:1.2;letter-spacing:-1.5px;font-weight:500;margin:25px 0 22px}.landing-story h1 em{font-style:normal;color:#7a898a}.landing-story #intro>p{font-size:13px;line-height:1.9;color:#65757c;margin:0;max-width:280px}.intro-rule{width:34px;height:2px;background:var(--orange);margin:27px 0 20px;flex-shrink:0}.intro-fact{font-size:11px;line-height:1.7;margin-bottom:26px}.intro-fact b{font-weight:700}.intro-fact span{display:block;color:#7c878b;max-width:220px;margin-top:5px}.landing-story .intro-actions{display:flex;flex-direction:column;align-items:stretch;gap:0}.landing-story .primary{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;font-size:11px;font-weight:700;min-height:45px}.landing-story .text-button{text-align:left;padding:15px 0;font-size:11px;color:#748286}.story-footer{margin-top:auto;padding-top:20px;font-size:8px;line-height:1.6;color:#8b9595;display:flex;align-items:center;gap:7px}.story-footer>span{width:5px;height:5px;border-radius:50%;background:#7d9286;flex-shrink:0}@media(min-width:1600px){.is-landing main{grid-template-columns:410px minmax(0,1fr)}.landing-story{padding:55px 42px}.landing-story h1{font-size:43px}.landing-story #intro>p{font-size:14px}.story-footer{font-size:9px}}@media(max-height:850px)and (min-width:761px){#showroom.is-landing{grid-template-rows:75px minmax(0,1fr)}.landing-story{padding-top:25px}.landing-story h1{font-size:33px}}@media(min-width:761px)and (max-width:1100px){.is-landing main{grid-template-columns:310px minmax(0,1fr)}.landing-story{padding-left:28px;padding-right:22px}}@media(max-width:760px){#showroom.is-landing{display:block;height:auto;min-height:100svh;overflow:visible}.is-landing .topbar{height:73px;padding:0 20px;gap:10px}.is-landing .wordmark{font-size:25px}.is-landing .wordmark span{font-size:5px}.is-landing .landing-brand{font-size:8px;gap:9px;letter-spacing:1px}.is-landing .help-trigger{width:28px;height:28px}.is-landing main{display:flex;flex-direction:column-reverse}.is-landing .stage{height:53svh;min-height:350px;flex:none;margin:12px;border-radius:8px}.landing-story{overflow:visible;padding:23px 26px 28px}.landing-story h1{font-size:35px;margin:18px 0 22px}.landing-story h1 br{display:none}.landing-story h1 em:before{content:" "}.landing-story h1 em br:after{content:" "}.landing-story #intro>p{max-width:none;font-size:13px}.intro-rule,.intro-fact{display:none}.landing-story .intro-actions{margin-top:20px}.landing-story .primary{justify-content:center;gap:20px}.landing-story .text-button{text-align:center}.story-footer{font-size:8px;padding-top:15px}}.context-panel{position:absolute;z-index:3;width:clamp(248px,22vw,320px);top:43%;transform:translateY(-50%);padding:24px;border:1px solid #ffffffa6;border-radius:8px;background:#f7f6f2eb;box-shadow:0 8px 24px #18344708;backdrop-filter:blur(12px);max-height:calc(100% - var(--caption-height,160px) - 100px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b1bdbb transparent}.context-panel[data-side=right]{right:24px}.context-panel[data-side=left]{left:24px}.context-kicker{display:flex;align-items:center;gap:9px;font-size:9px;line-height:1.5;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#6f8287}.context-mark{display:block;width:20px;height:2px;background:var(--orange);flex:none}.context-panel h2{font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.6px;margin:16px 0 12px}.context-panel p{font-size:14px;line-height:1.85;color:#526b78;margin:0}@media(max-width:999px)and (min-height:501px),(max-width:760px){.stage-viewport:has(.context-panel:not([hidden])) #chapter-text{display:none}.stage-viewport:has(.context-panel:not([hidden])) .caption-actions{margin-top:5px}.context-panel,.context-panel[data-side]{left:50%;right:auto;top:auto;bottom:calc(var(--caption-height,148px) + max(12px,env(safe-area-inset-bottom)) + 10px);transform:translate(-50%);width:min(560px,calc(100% - 24px));max-height:min(172px,26dvh);padding:12px 15px;border-left:2px solid #d99b60;background:#f7f6f2f2}.context-kicker{font-size:8px;letter-spacing:.7px}.context-panel h2{font-size:14px;letter-spacing:0;margin:6px 0}.context-panel p{font-size:12px;line-height:1.65}}@media(min-width:761px)and (max-height:500px){.context-panel{width:230px;padding:14px;top:70px;transform:none;max-height:calc(100% - 86px)}.context-panel h2{font-size:17px;margin:10px 0}.context-panel p{font-size:12px;line-height:1.65}.context-panel[data-side=right]{right:16px}.context-panel[data-side=left]{left:16px}}@media(min-width:761px)and (max-height:500px){.stage-viewport:has(.context-panel[data-side=right]:not([hidden])) .caption{left:16px;right:auto;transform:none;width:min(500px,calc(100% - 280px))}.stage-viewport:has(.context-panel[data-side=left]:not([hidden])) .caption{left:auto;right:16px;transform:none;width:min(500px,calc(100% - 280px))}}.walk-feedback{position:absolute;bottom:112px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);width:max-content;padding:9px 14px;border:1px solid #ffffffa6;border-radius:20px;background:#f7f6f2eb;color:#183447;font-size:11px;line-height:1.5;text-align:center;pointer-events:none;z-index:3}#free-note>span{line-height:1.6}@media(max-width:760px){.walk-feedback{bottom:152px;font-size:10px}}@media(min-width:761px){.stage:has(>.layer-key:not([hidden])){flex-direction:row}.stage:has(>.layer-key:not([hidden])) .stage-viewport{min-width:0}.layer-key{width:clamp(260px,23vw,320px);max-height:calc(100% - 48px);margin:24px 24px 24px 0;padding:20px;align-self:center;border:1px solid #ffffff20;border-radius:10px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6b818d #173344}.layer-heading{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px}.layer-heading strong{line-height:1.6}.layer-heading button{min-height:40px;padding:0}.layer-options{grid-template-columns:minmax(0,1fr);gap:8px}.layer-options button{min-height:52px;padding:10px;font-size:11px}#layer-description{margin-top:16px;font-size:12px;line-height:1.7}}@media(max-width:760px){.landing-story .intro-actions{order:-1;margin:0 0 26px;gap:4px}.landing-story .intro-actions .text-button{min-height:44px;padding:12px 0}}