/* The three real illuminated arches are a second, architectural Leaf signature. */
.leaf-room {max-width:1180px;width:calc(100% - 64px);margin:56px auto;background:#143f36;color:#f6f2e9;border-radius:5px 5px 60px 5px;padding:32px;overflow:hidden;}
.room-layout {display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;}
.room-layout>* {min-width:0;}
.leaf-room figure {margin:0;}
.room-main .leaf-photo {width:100%;height:660px;object-fit:cover;object-position:center;border-radius:220px 220px 5px 5px;}
.room-main {position:relative;}
.leaf-room figcaption {font-size:.75rem;line-height:1.6;color:#e0d8ca;padding-top:12px;}
.room-intro {padding:16px 8px 0;}
.leaf-room .kicker {color:#e7bea6;}
.leaf-site .leaf-room h2 {font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.17;color:#fff4e6;margin:12px 0 18px;hyphens:none;overflow-wrap:anywhere;}
.room-intro p {font-size:1rem;line-height:1.75;margin:0;color:#e5e8df;max-width:42ch;}
.room-scene {width:100%;max-width:480px;margin:8px auto 18px;pointer-events:none;}
.room-drawing {display:block;width:100%;height:auto;overflow:visible;}
.room-detail .leaf-photo {display:block;width:100%;height:158px;object-fit:cover;object-position:50% 38%;border-radius:4px 28px 4px 4px;border:1px solid #a77b5f;}
.room-detail {position:relative;}
.room-photo::after {content:'';position:absolute;pointer-events:none;width:48px;height:54px;inset-inline-end:9%;bottom:18%;background:url('assets/leaf-brand-green.png') center/contain no-repeat;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.16;}
.leaf-site .contact-band {position:relative;isolation:isolate;}
.leaf-site .contact-band::before {content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:url('assets/leaf-three-arches.svg') 94% bottom/280px auto no-repeat;opacity:.22;}
.room-scene .pendant {transform-box:fill-box;transform-origin:50% 0;}
/* Runs once when the room enters view; lamps settle rather than swing forever. */
@media(prefers-reduced-motion:no-preference) {
 .room-awake .pendant-glass {animation:leaf-glass-settle 2400ms ease-out both;}
 .room-awake .pendant-petal {animation:leaf-petal-settle 2800ms ease-out both;}
 .room-awake .arch-glow {animation:leaf-arch-warmth 1400ms ease-out both;}
 .room-awake .arch-line {animation:leaf-arch-on 1000ms ease-out both;}
}
@keyframes leaf-glass-settle {0%{rotate:-2deg}35%{rotate:1deg}68%{rotate:-.4deg}100%{rotate:0deg}}
@keyframes leaf-petal-settle {0%{rotate:1.5deg}40%{rotate:-.8deg}72%{rotate:.3deg}100%{rotate:0deg}}
@keyframes leaf-arch-warmth {from{opacity:.02}to{opacity:.1}}
@keyframes leaf-arch-on {from{opacity:.4}to{opacity:1}}
@media(max-width:1099px) and (min-width:768px) {
 .leaf-room {padding:24px;}
 .room-layout {gap:24px;}
 .room-main .leaf-photo {height:640px;}
 .room-detail .leaf-photo {height:140px;}
}
@media(max-width:767px) {
 .leaf-room {width:calc(100% - 32px);margin:32px auto;padding:22px 18px 26px;border-radius:5px 5px 38px 5px;}
 .room-layout {display:flex;flex-direction:column;gap:24px;}
 .room-copy {display:contents;}
 .room-intro {order:0;padding:0;}
 .leaf-site .leaf-room h2 {font-size:1.85rem;}
 .room-intro p {font-size:.9375rem;line-height:1.7;}
 .room-main {order:1;width:100%;}
 .room-main .leaf-photo {height:auto;aspect-ratio:3/4;border-radius:160px 160px 4px 4px;}
 .room-scene {order:2;margin:0 auto;max-width:350px;}
 .room-detail {order:3;width:100%;}
 .room-detail .leaf-photo {height:190px;}
 .leaf-site .contact-band::before {background-size:190px auto;opacity:.15;}
}
@media(prefers-reduced-motion:reduce) {
 .room-drawing * {animation:none!important;}
}

.room-photo {position:relative;}