/* Aligned native day/unlit/lamp layers; arrows stay outside all three drawings. */
.room-carousel{padding:76px 0 28px;overflow:hidden;background:#faf8f5}
.mar-customize .room-carousel .customize-gallery-heading{align-items:center;margin-bottom:22px}
.mar-customize .room-carousel h3{font-size:clamp(30px,3.1vw,44px);line-height:1.4;font-weight:400;letter-spacing:-.035em}
.mar-customize .room-carousel .customize-gallery-heading p{font-size:16px}
.room-reel{position:relative;width:calc(100% - 64px);max-width:1440px;height:calc(var(--print)*1.642 + 104px);margin:auto;touch-action:pan-y;isolation:isolate;--print:min(29vw,calc((100svh - 320px)*.609375),calc((100vw - 256px)/2.84),390px)}
.room-print{position:absolute;width:var(--print);left:50%;top:20px;margin:0;transform:translateX(-50%);transform-origin:50% 50%;transition:transform 1050ms cubic-bezier(.22,.75,.15,1),opacity 900ms;opacity:0;pointer-events:none;--room-night:0;--lamp-light:0}
.room-print-art{position:relative;aspect-ratio:780/1280;box-shadow:0 28px 46px -28px #473e3b55;overflow:hidden;border-radius:5px}
.room-print img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}
.room-print .room-unlit,.room-print .room-night{position:absolute;inset:0;pointer-events:none}
.room-unlit{opacity:var(--room-night)}
.room-print .room-night{opacity:var(--lamp-light)}
.room-print.is-active{pointer-events:auto;cursor:default}
.room-companion{position:absolute;pointer-events:none}
.room-print figcaption{display:flex;justify-content:space-between;align-items:center;padding:16px 2px;font-size:18px;color:#473e3b}
.room-print small{font-size:12px;color:#776b66}
.room-print:not(.is-active) figcaption{opacity:.65}
/* First composition remains readable without JavaScript. Inline controller opacity wins during playback. */
.room-print:first-child{opacity:1}
.room-reel .room-arrow{position:absolute;z-index:6;top:calc(var(--print)*.82 - 40px);width:80px;height:128px;display:grid;place-items:center;background:transparent;color:#685950;border-radius:0;padding:28px}
.room-reel .room-arrow svg{width:24px;height:24px;display:block;transition:transform 180ms}
.room-prev{left:0}.room-next{right:0}
.room-reel .room-arrow:hover{background:transparent;color:#473e3b}
.room-prev:hover svg{transform:translateX(-3px)}.room-next:hover svg{transform:translateX(3px)}
.room-reel .room-arrow:focus-visible{outline:2px solid #b17457;outline-offset:-6px;border-radius:6px}
.room-pause{position:absolute;z-index:6;bottom:2px;left:50%;transform:translateX(-50%);min-height:44px;padding:8px 14px;background:transparent;color:#776b66;font-size:12px}
.room-pause:disabled{cursor:default}
@media(max-width:760px){
 .room-carousel{padding-top:44px}
 .mar-customize .room-carousel .customize-gallery-heading{display:block}
 .mar-customize .room-carousel .customize-gallery-heading p{margin-top:18px;font-size:15px}
 .room-reel{width:100%;height:calc(var(--print)*1.642 + 100px);--print:min(62vw,280px)}
 .room-reel:before,.room-reel:after{content:'';position:absolute;top:0;bottom:0;width:56px;background:#faf8f5;z-index:5;pointer-events:none}
 .room-reel:before{left:0}.room-reel:after{right:0}
 .room-reel .room-arrow{width:56px;height:128px;padding:16px}
}
@media(min-width:761px) and (max-height:699px){.room-reel{--print:min(29vw,calc((100vw - 256px)/2.84),330px)}}
@media(prefers-reduced-motion:reduce){.room-print{transition:none}}
