/* ORBI product theatre. Static semantic scenes are the baseline. */
.showroom{--scene-bg:#12244b;background:var(--scene-bg);border-block:1px solid #536986;position:relative;transition:background-color .6s ease}
.showroom-stage{padding:65px var(--gutter) 36px;position:relative;overflow:hidden;isolation:isolate}
.showroom-stage:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:70px 70px;transform:translateY(var(--showroom-shift,0px))}
.showroom-top{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;position:relative;z-index:3}
.showroom-top h2{font-size:clamp(32px,3.1vw,50px);line-height:1.05;letter-spacing:-.045em}
.showroom-top p{font-size:13px;color:#c5cee0;max-width:290px}
.showroom-scene{position:relative;min-height:620px;display:grid;grid-template-columns:1.45fr 1fr;align-items:end;gap:7%;padding-bottom:55px}
.showroom-name{position:absolute;top:34px;left:0;right:0;font-family:Outfit,sans-serif;font-size:clamp(60px,8vw,135px);line-height:1;letter-spacing:-.055em;font-weight:600;color:#c3d3ff;opacity:.38;white-space:nowrap;text-align:center;pointer-events:none}
.showroom-object{position:relative;align-self:center;height:440px;margin-top:65px;isolation:isolate;min-width:0}
.showroom-object:after{content:'';position:absolute;left:7%;right:7%;bottom:0;height:17%;border-radius:50%;background:#02071230;border:1px solid #ffffff24;z-index:-1;transform:rotate(-6deg)}
.showroom-object img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 24px 22px #0004);transform:translateY(var(--showroom-shift,0px)) rotate(-4deg)}
.showroom-copy{position:relative;z-index:2;padding-bottom:35px;max-width:375px}
.showroom-copy small{font-size:10px;letter-spacing:.15em;color:#c3d3f6}
.showroom-copy h3{font-size:clamp(28px,3vw,44px);margin:16px 0;line-height:1.08}
.showroom-copy p{font-size:14px;line-height:1.7;color:#d2d8e4}
.showroom-copy .text-link{color:white;min-height:44px;border-bottom:1px solid #a7bade;margin-top:20px}
.showroom-controls{display:none;position:relative;z-index:4;gap:10px}
.showroom-controls button{min-height:66px;min-width:175px;display:flex;gap:12px;align-items:center;padding:7px 18px 7px 8px;border:1px solid #ffffff40;background:#080c1833;color:#d3dbef;text-align:left;transition:border-color .2s,background .2s}
.showroom-controls img{width:52px;height:52px;object-fit:contain}
.showroom-controls span{font-size:12px;line-height:1.3;max-width:125px}
.showroom-controls button:hover{background:#ffffff13;border-color:#ffffff90}
.showroom-controls button[aria-pressed=true]{border-color:#d4e0ff;background:#ffffff14;color:white}
.showroom-disclaimer{font-size:11px;color:#c5cee0;margin-top:18px}
.showroom.is-ready{height:240svh}
.is-ready .showroom-stage{position:sticky;top:86px;height:calc(100svh - 86px);min-height:650px;display:flex;flex-direction:column;justify-content:space-between;padding-top:40px}
.is-ready .showroom-scenes{position:relative;flex:1;min-height:360px}
.is-ready .showroom-scene{position:absolute;inset:0;min-height:0;padding-bottom:0;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .45s,transform .55s,visibility .55s}
.is-ready .showroom-name{top:20px}
.is-ready .showroom-object{height:100%;max-height:430px;margin-top:35px}
.is-ready .showroom-copy{padding-bottom:25px}
.is-ready .showroom-controls{display:flex}
.showroom[data-selected="0"] [data-scene="0"],.showroom[data-selected="1"] [data-scene="1"],.showroom[data-selected="2"] [data-scene="2"]{opacity:1;visibility:visible;transform:none}
.showroom[data-selected="1"]{--scene-bg:#42242e}.showroom[data-selected="2"]{--scene-bg:#2a303a}
/* Make room for the new peak without extending the opening's pinned sequence. */
.hero-scroll{height:150svh}
@media(max-width:1050px){.showroom-copy h3{font-size:29px}.showroom-copy p{font-size:13px}.showroom-scene{gap:3%}.showroom-name{font-size:8.5vw}.showroom-controls button{min-width:0;flex:1}.showroom-controls{width:100%}}
@media(max-width:700px){.hero-scroll{height:140svh}.showroom-stage{padding:40px 22px 30px}.showroom-top h2{font-size:32px}.showroom-top p{display:none}.showroom-scene{grid-template-columns:1fr;gap:0;min-height:620px;padding-bottom:35px}.showroom-name{top:24px;font-size:9vw;white-space:normal}.showroom-object{height:300px;margin-top:30px}.showroom-copy{padding:0;max-width:100%}.showroom-copy h3{font-size:28px;margin:9px 0}.showroom-copy p{font-size:12px;line-height:1.6}.showroom-copy small{font-size:9px}.showroom-copy .text-link{margin-top:8px;font-size:13px}.is-ready .showroom-stage{top:78px;height:calc(100svh - 78px);min-height:650px;padding-top:25px;padding-bottom:22px}.is-ready .showroom-scenes{min-height:470px}.is-ready .showroom-scene{grid-template-rows:1fr auto;align-items:start;padding-bottom:18px}.is-ready .showroom-name{top:20px}.is-ready .showroom-object{height:100%;max-height:290px;min-height:200px;margin-top:25px}.is-ready .showroom-copy{padding:0}.showroom-controls{gap:6px}.showroom-controls button{flex-direction:column;padding:6px 4px;gap:3px;min-height:79px}.showroom-controls img{width:40px;height:35px}.showroom-controls span{font-size:10px;text-align:center}.showroom-disclaimer{font-size:10px;margin-top:12px}}
@media(max-height:740px){.showroom.is-ready{height:auto}.is-ready .showroom-stage{position:relative;top:auto;height:auto;min-height:0}.is-ready .showroom-scenes{flex:auto;height:520px}.is-ready .showroom-object{max-height:350px}}
html[data-effects=reduced] .showroom.is-ready{height:auto}html[data-effects=reduced] .is-ready .showroom-stage{position:relative;top:auto;height:auto;min-height:0}html[data-effects=reduced] .is-ready .showroom-scenes{height:580px;flex:auto}html[data-effects=reduced] .showroom-object img,html[data-effects=reduced] .showroom-stage:before{transform:none}html[data-effects=reduced] .hero-scroll{height:auto}
@media(prefers-reduced-motion:reduce){.showroom.is-ready{height:auto}.is-ready .showroom-stage{position:relative;top:auto;height:auto;min-height:0}.is-ready .showroom-scenes{height:580px;flex:auto}.showroom-object img,.showroom-stage:before{transform:none}.hero-scroll{height:auto}}
@media(max-width:700px) and (max-height:740px){.hero-scroll{height:auto}}