/* An architectural scene inside a cold aluminium frame. */
.home-stage.immersive-stage{display:block;height:auto;min-height:0;max-height:none;padding:48px 5% 0;overflow:visible;perspective:1800px;background:radial-gradient(ellipse at 75% 40%,#eef6feaa,transparent 65%)}
.immersive-stage .space-canvas{max-height:100%;opacity:.45}
.immersive-stage:before{left:12%;top:10%;width:80%;height:65%;z-index:-1}.immersive-stage:after{left:0;top:29%;width:105%;height:35%;z-index:-1}
.immersive-heading{position:relative;display:grid;grid-template-columns:1.6fr 1fr;gap:8%;align-items:end;max-width:1450px;margin:0 auto 38px;z-index:2}
.immersive-heading .home-copy{width:auto;padding:0;transform:none;opacity:1}
.immersive-heading .home-copy .eyebrow{font-size:.75rem;line-height:1.8;letter-spacing:1.4px;margin:0 0 19px;white-space:normal}
.immersive-heading .home-copy h1{font-size:clamp(3.3rem,5.1vw,6rem);line-height:1.01;letter-spacing:-.065em;margin:0;font-weight:350}
.immersive-heading .home-copy h1 em{font-size:.92em;letter-spacing:-.055em}
.immersive-intro{padding-bottom:5px}.immersive-intro>p{font-size:1rem;line-height:1.75;color:#4c6172;margin:0 0 23px}.immersive-intro .bronze{gap:25px}.immersive-intro .text-link{display:inline-flex;font-size:.875rem;margin-left:22px;gap:13px}
.room-experience{position:relative;max-width:1450px;margin:0 auto;border-radius:18px;padding:7px;background:linear-gradient(126deg,#f8fcff 0%,#b6c3d0 10%,#dce5ed 28%,#9faab4 44%,#e8c99c 46%,#79604c 47%,#d1dce5 50%,#f8fcff 70%,#99aabc);box-shadow:0 32px 75px #30495d30,0 5px 0 #8999a84a,inset 0 1px 1px #fff;transform:perspective(1800px) rotateY(calc(var(--mx)*.65deg)) rotateX(calc(var(--my)*-.45deg));transform-origin:center 40%;isolation:isolate}
.room-topbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 30px;background:linear-gradient(112deg,#e0e8ef,#cdd8e2);border-radius:12px 12px 0 0;border-bottom:1px solid #708ba333}
.room-topbar>div{display:flex;align-items:center;gap:25px}.room-index{font-size:.75rem;letter-spacing:1.2px;color:#796146;white-space:nowrap}.room-topbar h2{font-size:1rem;letter-spacing:-.015em;color:#425a6e;line-height:1.5}.room-concept{font-size:.75rem;letter-spacing:1px;color:#5a7081;white-space:nowrap}
.room-viewport{position:relative;aspect-ratio:1586/992;overflow:hidden;isolation:isolate;background:#192630}.room-base,#room-lighting{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none}#room-lighting{opacity:0;transition:opacity .3s}.room-viewport[data-ready=true] #room-lighting{opacity:1}
.room-location{position:absolute;right:27px;top:25px;display:flex;flex-direction:column;gap:7px;text-align:right;font-size:.65rem;letter-spacing:1.5px;color:#dae5ef;text-shadow:0 1px 8px #112134;pointer-events:none}
.room-location>span:last-child{font-size:.55rem;letter-spacing:1.3px;color:#afc4d9}
.room-hotspot{position:absolute;z-index:3;border:0;background:transparent;display:flex;align-items:center;gap:11px;color:#fff7e9;min-width:44px;min-height:44px;padding:5px;text-align:left;transform:translate(-50%,-50%)}
.hotspot-ceiling{left:38.5%;top:14%}.hotspot-lamp{left:60.5%;top:32%}
.hotspot-dot{width:21px;height:21px;flex-shrink:0;border-radius:50%;border:1px solid #efe4d480;background:#263a4890;box-shadow:0 0 0 7px #d7dfe71f,0 3px 12px #0c1c3470;position:relative;transition:background .5s,box-shadow .5s}.hotspot-dot:after{content:'+';position:absolute;inset:0;text-align:center;font:16px/19px Arial;color:#f0e6d5}
.room-hotspot[aria-pressed=true] .hotspot-dot{background:linear-gradient(140deg,#f0dab6,#aa7a48 47%,#e0be8c);border-color:#ffe5b9;box-shadow:0 0 0 7px #edca9124,0 0 22px #d9aa6752}.room-hotspot[aria-pressed=true] .hotspot-dot:after{content:'−';color:#32200c}
.hotspot-label{font-size:.75rem;white-space:nowrap;padding:8px 11px;background:#132434ad;border:1px solid #d6e0e72e;border-radius:5px;backdrop-filter:blur(10px);box-shadow:0 4px 15px #0e192830;transition:background .3s}.room-hotspot:hover .hotspot-label{background:#243b4be6}.room-hotspot:focus-visible{outline:2px solid #ffe3b6;outline-offset:5px;border-radius:8px}
.room-image-caption{position:absolute;left:30px;right:30px;bottom:25px;display:flex;align-items:flex-end;justify-content:space-between;color:#f8efe2;pointer-events:none;text-shadow:0 2px 12px #0a172bdd}.room-image-caption>span:first-child{font-size:1.7rem;line-height:1.15;letter-spacing:-.035em}.room-image-caption em{font-family:Georgia,serif;font-weight:400}.room-image-note{font-size:.75rem;line-height:1.7;text-align:right;color:#e8e6e0}
.room-loading{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);background:#122434eb;border:1px solid #d3c3ae50;border-radius:10px;color:#fff5e9;font-size:.875rem;line-height:1.7;padding:15px 23px;text-align:center;max-width:85%;width:max-content}
.room-control-deck{display:grid;grid-template-columns:1.5fr 1fr .7fr;align-items:center;gap:30px;padding:27px 30px;background:linear-gradient(118deg,#e3ebf2,#c9d5e0 58%,#dee7ef);border-top:1px solid #f9fcffb0}
.room-control-label{display:block;font-size:.65rem;letter-spacing:1.5px;color:#5c7183;margin-bottom:12px}.room-scenes>div{display:flex;gap:6px}.room-scenes button{border:1px solid #7c92a449;background:#eaf2f877;color:#536b7d;font-size:.875rem;line-height:1.3;padding:12px 14px;min-height:44px;border-radius:25px;transition:background .4s,color .4s,box-shadow .4s;white-space:nowrap}.room-scenes button[aria-pressed=true]{color:#fff6e6;border-color:#a5855e;background:linear-gradient(166deg,#efd4ac 0%,#b58a5c 10%,#e6c59a 15%,#896039 27%,#54351f 47%,#7d5432 65%,#c6a172 83%,#725030 98%);box-shadow:inset 0 1px 1px #fff0d7,0 3px 10px #795b3426}.room-scenes button:hover{box-shadow:0 4px 13px #3c567726}
.room-switches{display:flex;flex-direction:column;gap:11px;padding-left:24px;border-left:1px solid #7d91a73d}.room-switches button{display:flex;align-items:center;gap:11px;border:0;background:transparent;padding:4px 0;font-size:.875rem;color:#405b70;min-height:29px;text-align:left}.light-toggle{width:33px;height:19px;border-radius:30px;background:#8a9caf;box-shadow:inset 0 1px 3px #3b53666b;position:relative;flex-shrink:0;transition:background .4s}.light-toggle:after{content:'';width:13px;height:13px;border-radius:50%;position:absolute;top:3px;left:3px;background:linear-gradient(135deg,#fcfdff,#bbc9d6);box-shadow:0 1px 3px #16344e50;transition:transform .3s}.room-switches [aria-pressed=true] .light-toggle{background:linear-gradient(150deg,#dfbd8a,#785131,#b78b55)}.room-switches [aria-pressed=true] .light-toggle:after{transform:translateX(14px);background:#fff0d6}
.room-dimmer{display:block;font-size:.875rem;color:#4b6579}.room-dimmer>span{display:flex;justify-content:space-between;gap:15px;margin-bottom:13px}.room-dimmer output{color:#805d35;font-variant-numeric:tabular-nums}.room-dimmer input{display:block;width:100%;height:24px;accent-color:#936b42;cursor:ew-resize}.room-dimmer:has(input:disabled){opacity:.55}.room-control-deck button:disabled,.room-hotspot:disabled{opacity:.5;cursor:wait}
.room-underbar{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #7892aa27;background:#d8e2eb;padding:11px 30px;border-radius:0 0 12px 12px}.room-underbar p{font-size:.75rem;color:#556d80;line-height:1.7}.room-underbar .text-link{padding:9px 0;font-size:.75rem;gap:16px;white-space:nowrap}
.experience-bridge{position:relative;max-width:1450px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px 20px 54px}.experience-bridge p{font-size:1rem;line-height:1.7;color:#647b8d}.experience-bridge strong{font-weight:500;color:#304e65}.experience-bridge a{font-size:.875rem;color:#735b3e;border-bottom:1px solid #987d5b69;padding:13px 0;white-space:nowrap}.experience-bridge a>span{margin-left:35px}
.room-card-preview{padding:0!important;overflow:hidden;border-radius:6px}.room-card-preview img{width:100%;height:100%;object-fit:cover}.capabilities-dialog{width:min(640px,94vw);padding:0;border:1px solid #d4dee7;border-radius:15px;background:#dce7f0;color:#334b5e;box-shadow:0 25px 100px #111e3970;max-height:92svh}.capabilities-dialog .experience-console{position:relative;inset:auto;transform:none!important;width:100%;max-width:none;box-shadow:none;border:0;border-radius:0}.capabilities-dialog .console-top{display:none}.capabilities-dialog .console-panel{min-height:430px}.capabilities-dialog .console-tabs{flex-wrap:nowrap}.capabilities-dialog .console-tabs button{flex:1;padding:15px 6px}.capabilities-dialog .console-bottom{border-radius:0}.capabilities-dialog .dialog-bar{font-size:.75rem;line-height:1.6}.home-page .system-section{background:radial-gradient(ellipse at 70% 45%,#394d61,#1e303f 70%)}
.motion-paused .room-experience{transform:none!important}.motion-paused #room-lighting,.motion-paused .light-toggle:after{transition:none}
@media(min-width:1600px){.home-stage.immersive-stage{padding-top:65px}.immersive-heading{margin-bottom:45px}.room-topbar{padding:23px 35px}.room-control-deck{padding:30px 35px}}
@media(max-width:1150px){.immersive-heading{grid-template-columns:1.35fr 1fr;gap:5%}.immersive-intro .text-link{display:flex;width:max-content;margin-left:0;margin-top:7px}.room-topbar>div{gap:18px}.room-control-deck{grid-template-columns:1fr 1fr;gap:23px}.room-scenes{grid-column:1 / -1}.room-scenes>div{gap:9px}.room-scenes button{flex:1}.room-control-label{margin-bottom:10px}.room-switches{padding-left:0;border-left:0;flex-direction:row;gap:20px}.room-dimmer{padding-left:20px;border-left:1px solid #7d91a73d}.room-concept{font-size:.65rem;letter-spacing:.5px}}
@media(max-width:850px){.home-stage.immersive-stage{padding:40px 4% 0}.immersive-heading{grid-template-columns:1fr;gap:23px;padding:0 2%;margin-bottom:29px}.immersive-heading .home-copy h1{font-size:clamp(3.1rem,8vw,5rem)}.immersive-heading .home-copy .eyebrow{font-size:.65rem;letter-spacing:.8px;max-width:360px}.immersive-intro{display:flex;align-items:center;flex-wrap:wrap;gap:15px 25px}.immersive-intro>p{width:100%;margin:0 0 3px;font-size:1rem}.immersive-intro .text-link{display:inline-flex;margin:0}.room-experience{padding:5px;border-radius:14px}.room-topbar{padding:17px 20px}.room-topbar>div{display:block}.room-index{display:block;margin-bottom:7px;font-size:.65rem}.room-topbar h2{font-size:.875rem}.room-concept{max-width:80px;white-space:normal;line-height:1.7;text-align:right}.room-location{right:18px;top:18px}.room-location>span:last-child{display:none}.room-location>span:first-child{font-size:.6rem}.hotspot-label{font-size:.65rem;padding:7px 9px}.room-hotspot{gap:8px}.room-control-deck{padding:22px 20px;gap:20px}.room-switches{flex-direction:column;gap:10px}.room-dimmer{padding-left:25px}.room-image-caption{left:20px;right:20px;bottom:20px}.room-image-caption>span:first-child{font-size:1.35rem}.room-image-note{font-size:.65rem}.room-underbar{padding:10px 20px}.room-underbar .text-link{font-size:.7rem}.experience-bridge{padding:32px 2% 40px;gap:25px}.experience-bridge p{font-size:.875rem}.experience-bridge a{font-size:.75rem}.experience-bridge a>span{margin-left:15px}.capabilities-dialog .quote-choice{grid-template-columns:1fr}.capabilities-dialog .delivery-choice{justify-content:flex-start!important}}
@media(max-width:600px){.home-stage.immersive-stage{padding:32px 3% 0}.immersive-heading{padding:0 4%;gap:20px}.immersive-heading .home-copy h1{font-size:clamp(2.7rem,10.7vw,4rem);line-height:1.05}.immersive-heading .home-copy .eyebrow{font-size:.65rem;line-height:1.9;letter-spacing:.7px;margin-bottom:17px;max-width:290px}.immersive-intro{gap:14px 20px}.immersive-intro>p{font-size:.875rem}.immersive-intro .bronze{font-size:.8rem;padding:13px 18px;gap:18px}.immersive-intro .text-link{font-size:.8rem;gap:15px}.room-topbar{padding:15px}.room-topbar h2{font-size:.8rem;max-width:220px;line-height:1.6}.room-concept{font-size:.6rem;max-width:70px}.room-viewport{aspect-ratio:1586/992}.room-base,#room-lighting{height:100%;object-fit:fill}.room-location{top:12px;right:12px}.room-location>span:first-child{font-size:.55rem;letter-spacing:.7px}.hotspot-ceiling{left:35%;top:16%}.hotspot-lamp{left:65%;top:33%}.room-hotspot{gap:6px;flex-direction:column;min-width:60px;transform:translate(-50%,-50%);padding:3px}.hotspot-dot{width:18px;height:18px;box-shadow:0 0 0 5px #d7dfe724}.hotspot-dot:after{font-size:14px;line-height:16px}.room-hotspot[aria-pressed=true] .hotspot-dot{box-shadow:0 0 0 5px #edca9124,0 0 18px #d9aa6752}.hotspot-label{font-size:.6rem;padding:5px 7px;background:#132434c2}.room-image-caption{left:16px;right:16px;bottom:15px}.room-image-caption>span:first-child{font-size:1.2rem}.room-image-note{font-size:.6rem;line-height:1.6;max-width:108px}.room-control-deck{grid-template-columns:1fr;padding:20px 16px;gap:20px}.room-scenes>div{gap:5px}.room-scenes button{font-size:.75rem;padding:11px 9px;min-height:42px}.room-control-label{font-size:.65rem}.room-switches{flex-direction:row;gap:15px;justify-content:space-between}.room-switches button{gap:8px;font-size:.75rem}.room-dimmer{padding:17px 0 0;border-left:0;border-top:1px solid #7d91a73d;font-size:.8rem}.room-dimmer>span{margin-bottom:7px}.room-underbar{padding:12px 16px;align-items:flex-start;flex-direction:column;gap:3px}.room-underbar p{font-size:.75rem}.room-underbar .text-link{font-size:.75rem}.experience-bridge{display:block;padding:28px 4% 35px}.experience-bridge p{font-size:.875rem}.experience-bridge a{display:inline-block;margin-top:9px;font-size:.8rem}.room-experience{transform:none}.capabilities-dialog .console-tabs button{font-size:.875rem}.capabilities-dialog .console-panel{min-height:0}.capabilities-dialog .dialog-bar{font-size:.65rem}.room-loading{font-size:.75rem;padding:12px 17px}}
@media(prefers-reduced-motion:reduce){.room-experience{transform:none!important}#room-lighting,.light-toggle:after{transition:none}}
/* Keep the hit targets anchored to the photographed fixtures. */
.room-hotspot{width:44px;height:44px;min-width:44px;padding:0;justify-content:center}
.hotspot-ceiling{left:32.1%;top:14.5%}.hotspot-lamp{left:57.2%;top:31.2%}
.hotspot-label{position:absolute;left:calc(100% - 3px);top:50%;transform:translateY(-50%);font-size:.75rem}
.room-index,.room-concept,.room-control-label,.room-location>span:first-child,.room-image-note{font-size:.75rem}
.room-location>span:last-child{font-size:.75rem;letter-spacing:.6px}
.room-topbar h2{font-size:1rem}
@media(max-width:850px){.room-location>span:last-child{display:none}.room-location{top:16px;right:16px}.room-concept{max-width:100px}.room-underbar .text-link{font-size:.875rem}}
@media(max-width:600px){.room-hotspot{min-width:44px;flex-direction:row}.hotspot-label{left:50%;top:100%;transform:translateX(-50%);font-size:.75rem}.room-topbar{gap:12px}.room-topbar h2{font-size:.875rem}.room-concept{font-size:.75rem;letter-spacing:.2px;max-width:84px}.room-location{display:none}.room-scenes button{font-size:.875rem;white-space:normal;min-width:0;min-height:50px;padding:10px 8px}.room-switches{gap:10px}.room-switches button{font-size:.875rem;gap:7px;flex:1}.room-switches button>span:last-child{line-height:1.5}.room-dimmer{font-size:.875rem}.room-image-note{font-size:.75rem;max-width:125px}.room-image-caption>span:first-child{font-size:1.15rem}.room-underbar .text-link{font-size:.875rem}.room-underbar p{font-size:.75rem}.room-loading{font-size:.875rem}.capabilities-dialog .dialog-bar{font-size:.75rem}.immersive-heading .home-copy .eyebrow{font-size:.75rem;max-width:340px;letter-spacing:.6px}}

/* Comfortable touch targets without enlarging the photographed light markers. */
.room-switches button{min-height:44px;padding:9px 0}
.room-dimmer input{min-height:44px;margin:0;touch-action:pan-y}
.room-scenes button:focus-visible,.room-switches button:focus-visible{outline:3px solid #6f4b27;outline-offset:4px}
@media(max-width:600px){.room-switches{align-items:stretch}.room-switches button{min-height:48px}.room-control-deck{gap:16px}.room-underbar .text-link{min-height:44px}.room-dimmer>span{margin-bottom:0}}
