#product-showroom{height:350vh;background:#fff;color:#17191a;scroll-margin-top:0}.showroom-stage{height:100vh;min-height:640px;position:sticky;top:0;overflow:hidden;background:#fff}.showroom-visual{position:absolute;inset:0;cursor:grab;touch-action:pan-y}.showroom-visual:active{cursor:grabbing}.showroom-visual canvas{display:block;width:100%;height:100%}.showroom-controls{position:absolute;left:6vw;top:15vh;width:310px;z-index:2;pointer-events:auto}.showroom-kicker{font-size:10px;letter-spacing:.15em;color:#6b7073}.showroom-controls h2{font-size:clamp(37px,3.7vw,64px);letter-spacing:-.045em;line-height:1.08;font-weight:500;margin:17px 0 27px}.showroom-controls h2>span{color:#ed7737}.showroom-modes{display:flex;border-bottom:1px solid #dedfe0;margin-bottom:25px;gap:25px}.showroom-modes button{border:0;background:none;font:inherit;font-size:13px;padding:0 0 11px;color:#73777a}.showroom-modes button[aria-pressed=true]{color:#17191a;box-shadow:0 2px #ed7737}.showroom-label{display:block;color:#656b6f;font-size:11px;margin:19px 0 9px}.showroom-options{display:flex;gap:7px}.showroom-options button{border:1px solid #dadddf;border-radius:2px;background:#fff;padding:10px 13px;font:inherit;font-size:13px;color:#17191a}.showroom-options button[aria-pressed=true]{background:#19202a;color:#fff;border-color:#19202a}.showroom-controls select{width:100%;border:0;border-bottom:1px solid #bbc0c3;background:#fff;font:inherit;font-size:14px;color:#19202a;padding:9px 28px 12px 0;border-radius:0}.showroom-spec{display:flex;flex-direction:column;gap:5px;margin:18px 0 0;font-size:11px;color:#6c7378}.showroom-spec strong{color:#242c35;font-size:13px;font-weight:500}.showroom-label output{float:right;color:#242c35}.showroom-controls input[type=range]{width:100%;accent-color:#ed7737;cursor:ew-resize;margin:0}.showroom-materials{display:flex;flex-direction:column;gap:6px;font-size:11px;margin:17px 0 0;color:#737a7d}.showroom-materials span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;margin:0 9px 2px 0;background:#c4c9cc}.showroom-materials span:nth-child(2):before{background:#1b4472}.showroom-materials span:nth-child(3):before{background:#bb7a50}.showroom-materials span:nth-child(4):before{background:#b8ae8d}.showroom-materials b{font-weight:400}.showroom-source{font-size:10px;margin-top:18px;color:#737a7d;position:relative}.showroom-source summary{cursor:pointer;list-style:none}.showroom-source summary:after{content:' +';color:#19202a}.showroom-source[open]{padding:12px;background:#fff;box-shadow:0 6px 24px #17212c18;margin-left:-12px;width:calc(100% + 24px)}.showroom-source p{line-height:1.5;margin:10px 0}.showroom-source a,#showroom-family-source{font-size:11px;color:#303b46;border-bottom:1px solid #b7bdc1;padding-bottom:3px}.showroom-text-button{font:inherit;font-size:10px;border:0;background:none;padding:9px 0;color:#58636d}.showroom-bottom{position:absolute;left:6vw;right:6vw;bottom:5vh;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #dde0e2;padding-top:20px}.showroom-bottom>div{display:flex;flex-direction:column;gap:6px;font-size:12px}.showroom-bottom>div span+span{font-size:10px;color:#767e83}.showroom-bottom nav{display:flex;gap:22px}.showroom-bottom nav button{background:none;border:0;border-bottom:1px solid transparent;color:#868d92;padding:8px;font:inherit;font-size:12px}.showroom-bottom nav button[aria-pressed=true]{color:#202933;border-color:#ed7737}.showroom-bottom>a{font-size:12px}.showroom-scroll-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:#eef0f1}.showroom-scroll-line i{display:block;height:100%;width:0;background:#ed7737}.showroom-loading{position:absolute;left:65%;top:49%;font-size:12px;color:#68747d}.showroom-reference{position:absolute;inset:12vh 4vw 15vh 35%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.showroom-reference[hidden]{display:none}.showroom-reference img{max-height:90%;max-width:100%;object-fit:contain;width:100%;height:100%}.showroom-reference figcaption{font-size:10px;color:#858a8e;margin-top:8px}#showroom-family-spec{font-size:13px;line-height:1.8;margin-top:25px}.showroom-photo-note{font-size:11px;color:#737a7d;line-height:1.6;margin:20px 0}.showroom-stage button:focus-visible,.showroom-stage input:focus-visible,.showroom-stage select:focus-visible,.showroom-stage a:focus-visible,.showroom-source summary:focus-visible{outline:2px solid #c96527;outline-offset:5px}.showroom-stage [hidden]{display:none!important}
@media(max-width:1200px){.showroom-controls{left:5vw;width:265px}.showroom-controls h2{font-size:40px}.showroom-options button{padding:9px 10px}.showroom-bottom{left:5vw;right:5vw}}
@media(max-height:820px){.showroom-controls{top:13vh}.showroom-controls h2{font-size:38px;margin:12px 0 18px}.showroom-modes{margin-bottom:15px}.showroom-label{margin-top:13px}.showroom-materials{gap:4px;margin-top:10px}.showroom-spec{margin-top:12px}.showroom-source{margin-top:12px}.showroom-bottom{bottom:4vh;padding-top:12px}.showroom-loading{top:43%}}
@media print{#product-showroom{display:none}}
.topbar.on-showroom{background:#fff}.topbar.on-showroom #motion-toggle{display:block;color:#414b53;border-color:#d5dadd}.showroom-source{border:0;padding:0}.showroom-source summary{font-size:10px;font-weight:400;line-height:1.4;padding:0;border:0}.showroom-source summary:after{float:none;font-size:11px;margin:0 0 0 4px}.showroom-source[open] summary{margin:0}.showroom-controls h2{width:420px}@media(max-width:1200px){.showroom-controls h2{width:330px}}@media(max-height:820px){.showroom-controls h2{width:330px}}
.showroom-family-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.showroom-family-options button{background:#fff;border:1px solid #dadddf;padding:12px;font:inherit;font-size:13px;color:#323d47}.showroom-family-options button[aria-pressed=true]{border-color:#19202a;color:#fff;background:#19202a}
@media(max-height:740px){.showroom-controls{top:12vh}.showroom-controls h2{font-size:35px;margin-bottom:15px}.showroom-label{margin-top:10px}.showroom-materials{font-size:10px;gap:3px;margin-top:9px}.showroom-spec{margin-top:9px}.showroom-source{margin-top:9px}.showroom-text-button{padding:5px 0}}
.showroom-collector-options button{flex:1;padding:11px 10px;font-size:12px}.showroom-collector-options button[aria-pressed=true]{background:#f3f5f6;color:#172330;border-color:#71808b}
/* Quiet product story: one sentence, source detail on request. */
.showroom-controls{width:280px;top:17vh}.showroom-controls h2{width:380px;font-size:clamp(36px,3.8vw,60px);margin:15px 0 16px}#showroom-story{font-size:12px;line-height:1.5;color:#69747c;max-width:32ch;margin:0 0 25px}.showroom-kicker{font-size:9px;letter-spacing:.13em}.showroom-modes{margin-bottom:24px}.showroom-label{font-size:10px}.showroom-spec strong{font-size:11px;color:#7e878e;font-weight:400}.showroom-spec>span{font-size:10px}.showroom-source .showroom-materials{margin:12px 0 16px}.showroom-source[open]{position:absolute;top:0;margin-top:0;transform:translateY(0);z-index:6;max-height:45vh;overflow:auto;border:1px solid #e6e9eb}.showroom-source{position:relative}.showroom-source[open]{top:auto;bottom:0}.showroom-callout{position:absolute;top:0;left:0;z-index:1;pointer-events:none;border-left:1px solid #bcc4c9;padding:5px 0 5px 12px;color:#253541}.showroom-callout span{display:block;font-size:11px}.showroom-callout small{display:block;font-size:9px;color:#77828a;margin-top:4px}.showroom-controls>h2{font-weight:500}.showroom-bottom{border-color:#e7eaec}.showroom-photo-note{font-size:10px;line-height:1.5}.showroom-family-options button{padding:10px}.showroom-source .showroom-materials{color:#64717a}
@media(max-width:1200px){.showroom-controls{width:250px;left:5vw}.showroom-controls h2{width:315px;font-size:39px}.showroom-collector-options button{padding:10px 8px}}
@media(max-height:820px){.showroom-controls{top:15vh}.showroom-controls h2{font-size:38px;width:315px;margin:12px 0}#showroom-story{margin-bottom:18px}.showroom-modes{margin-bottom:18px}}
@media(max-height:740px){.showroom-controls{top:14vh}.showroom-controls h2{font-size:34px}.showroom-label{margin-top:13px}.showroom-spec{margin-top:14px}}
.showroom-callout{background:#ffffffd9}.showroom-callout span{font-size:10px}.showroom-callout small{font-size:9px}
.showroom-bottom{left:0;right:0;bottom:0;background:#fff;padding:20px 6vw 28px;border-top:1px solid #e8ecee;min-height:86px}.showroom-scroll-line{z-index:3}.showroom-source[open]{padding:15px}.showroom-source .showroom-materials{line-height:1.3}
@media(max-width:1200px){.showroom-bottom{left:0;right:0;padding-left:5vw;padding-right:5vw}}
@media(max-height:740px){.showroom-bottom{min-height:73px;padding-top:13px;padding-bottom:18px}}
.showroom-source p{font-size:10px;line-height:1.55}.showroom-source[open] summary:after{content:' −'}.showroom-source a{font-size:10px}
/* Keep the product usable on short desktop windows and under browser zoom. */
.showroom-stage{min-height:0}.showroom-controls{max-height:calc(100vh - 17vh - 110px);overflow-y:auto;overscroll-behavior:auto;scrollbar-width:thin;padding-right:8px;padding-bottom:8px}
.showroom-source summary,.showroom-source p,.showroom-source a{font-size:12px}.showroom-source[open]{position:relative;bottom:auto;max-height:none;margin-top:12px;margin-left:0;width:100%;box-shadow:none}
.showroom-visual:focus-visible{outline:2px solid #c96527;outline-offset:-100px}.showroom-stage button:disabled,.showroom-stage input:disabled{opacity:.45;cursor:wait}
@media(max-height:740px){.showroom-controls{top:104px;max-height:calc(100vh - 192px)}.showroom-controls h2{font-size:31px}.showroom-bottom{gap:18px}.showroom-bottom nav{gap:14px}}

.showroom-controls{overflow-x:hidden}.showroom-controls h2{width:100%}

.showroom-controls h2{font-size:clamp(34px,3vw,44px)}@media(max-height:740px){.showroom-controls h2{font-size:31px}}

/* Short, named steps make the studio usable without reading a legend. */
.showroom-bottom nav{gap:16px}.showroom-bottom nav button{font-size:11px;padding:9px 2px;transition:color .2s,border-color .2s}.showroom-callout{max-width:165px;padding:8px 0 8px 13px;background:#ffffffeb}.showroom-callout span{font-size:11px}.showroom-callout small{font-size:10px}
@media(max-width:1200px){.showroom-bottom nav{gap:12px}.showroom-bottom>div{max-width:230px}.showroom-bottom>a{white-space:nowrap}}