.room-demo .room-lamp-white{position:absolute;z-index:4;inset:0;pointer-events:none;background:radial-gradient(ellipse 24% 35% at 86% 57%,rgba(255,180,100,.28),transparent 72%);mix-blend-mode:screen;transition:background .25s ease}.room-demo .room-rgb{z-index:5}.room-demo .room-label{z-index:6}
.demo-controls .rgb-toggle{display:flex;align-items:center;justify-content:flex-start;gap:8px;color:var(--ink);font-size:12px;font-weight:800}.demo-controls .rgb-toggle input{width:16px;height:16px;accent-color:var(--teal)}
.room-demo{isolation:isolate}.room-demo>.room-open{z-index:1}.room-demo>.room-lowered{z-index:2}.room-demo .room-warmth{z-index:3}.room-demo .room-dim{z-index:4}.room-demo .room-lamp-white{z-index:5}.room-demo .room-rgb{z-index:6}.room-demo .room-label,.room-demo .room-drag-hint{z-index:7}
/* Preserve the full photographic composition and its lamp at every viewport. */
.experience{width:calc(100% - 36px);max-width:1320px;margin-inline:auto;grid-template-columns:minmax(0,1fr) 290px;align-items:start}
.experience-copy{grid-column:1/-1;padding:16px;max-width:820px}
.experience-copy h2{font-size:clamp(30px,4vw,46px)}
.experience .room-demo{width:100%;min-width:0;min-height:0;height:auto;aspect-ratio:1672/941;align-self:start;user-select:none;-webkit-user-select:none;touch-action:pan-x pinch-zoom}
.room-demo>img{object-fit:contain!important;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.room-demo .room-label,.room-demo .room-drag-hint{pointer-events:none}
.room-demo.is-dragging{cursor:grabbing}
.room-demo.is-dragging>.room-lowered{transition:none}
.experience .demo-controls{grid-column:auto;display:flex;flex-direction:column;min-width:0;padding:22px;gap:12px}
.experience .scene-row{width:100%}
.experience input[type=range]{min-height:24px}
.experience input[type=color]{height:38px}
@media(max-width:850px){.experience{grid-template-columns:minmax(0,1fr)}.experience .demo-controls{width:100%}.experience-copy{padding:22px}}
@media(max-width:640px){.experience{display:grid;padding:0}.room-demo .room-label{bottom:8px;right:8px;padding:7px}.room-label strong{font-size:15px}.room-label span{font-size:9px}.room-drag-hint{top:8px;bottom:auto;left:8px;font-size:9px;max-width:62%}}
@media(prefers-reduced-motion:reduce){.room-demo *{transition:none!important}}
.room-demo>.room-lowered,.room-demo>.room-warmth,.room-demo>.room-dim,.room-demo>.room-lamp-white,.room-demo>.room-rgb{display:none}
.room-demo>.room-relight,.room-demo>.room-material-light{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:hidden}
.room-demo>.room-material-light{z-index:5;mix-blend-mode:soft-light}
.room-light-add{mix-blend-mode:screen}
.room-temperature{mix-blend-mode:soft-light}
.room-lampshade{opacity:.8}
.room-exposure,.room-temperature,.room-light-add,.room-lampshade{transition:opacity .16s ease}
@media(prefers-reduced-motion:reduce){.room-relight *{transition:none!important}}
/* Chroma changes hue on the photographed surfaces without whitening shadows. */
.room-demo>.room-lamp-chroma{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;mix-blend-mode:color;opacity:var(--lamp-chroma,0)}
.rgb-strength-controls{display:grid;gap:8px}
.rgb-strength-controls[hidden]{display:none!important}
.rgb-strength-controls small{font-size:11px;line-height:1.5;color:var(--ink)}