/* Two equal room covers. Images and links render without JavaScript. */
.scene-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 clamp(12px,1.25vw,24px) 24px;background:#fff}
.scene-panel{min-width:0}
.scene-link{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;width:100%;min-width:0;height:min(760px,calc(100vh - 132px));height:min(760px,calc(100svh - 132px));min-height:420px;overflow:hidden;border-radius:16px;padding:clamp(28px,3.6vw,48px);gap:32px;color:#fffaf1;text-decoration:none;background:#302c23}
.scene-cover{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.scene-link::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(25,23,17,.76) 0%,rgba(25,23,17,.68) 42%,rgba(25,23,17,.16) 57%,rgba(25,23,17,.08) 69%,rgba(25,23,17,.64) 82%,rgba(25,23,17,.64) 100%);pointer-events:none}
.scene-copy{max-width:100%}
.scene-copy h2{font-family:var(--font-body);font-size:clamp(32px,min(3.45vw,7vh),66px);font-weight:400;line-height:1.08;letter-spacing:.025em;color:inherit;text-wrap:wrap;margin:0 0 20px}
.scene-copy p{max-width:37ch;font-size:clamp(15px,1.13vw,18px);line-height:1.55;color:inherit;margin:0}
.scene-action{position:relative;isolation:isolate;display:flex;align-items:center;gap:16px;min-height:48px;align-self:flex-end;text-align:right;font-size:16px;line-height:1.45;border-bottom:1px solid rgba(255,250,241,.75);padding:8px 12px}
/* A bounded fill acknowledges the collection action without moving its layout. */
.scene-action::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--gold-text);transform:scaleX(0);transform-origin:left center;transition:transform .28s cubic-bezier(.16,1,.3,1);pointer-events:none}
.scene-action svg{width:24px;height:24px;flex:none;transition:transform .28s cubic-bezier(.16,1,.3,1)}
.scene-link:hover,.scene-link:focus-visible{color:#fffaf1}
.scene-link:focus-visible .scene-action,.scene-link:active .scene-action{border-color:currentColor}
.scene-link:focus-visible .scene-action::before,.scene-link:active .scene-action::before{transform:scaleX(1)}
.scene-link:focus-visible .scene-action svg{transform:translateX(5px)}
@media(hover:hover) and (pointer:fine){
 .scene-action:hover{border-color:currentColor}
 .scene-action:hover::before{transform:scaleX(1)}
 .scene-action:hover svg{transform:translateX(5px)}
}
.scene-link:focus-visible{outline:2px solid #fffaf1;outline-offset:-10px}
.scene-link::selection,.scene-link *::selection{background:#fffaf1;color:#302c23}
@media(min-width:768px) and (max-width:1000px){
 .scene-link{max-height:600px;padding:28px 24px}
}
@media(max-width:767px){
 .scene-panels{grid-template-columns:1fr;gap:16px}
 .scene-link{height:min(520px,calc(100vh - 132px));height:min(520px,calc(100svh - 132px));min-height:420px;padding:28px 24px}
 .scene-copy h2{font-size:clamp(30px,8.4vw,46px);margin-bottom:16px}
 .scene-copy p{font-size:15px;max-width:36ch;line-height:1.5}
 .scene-action{font-size:15px;gap:12px}
}
@media(max-width:359px){.scene-link{padding:24px 20px}.scene-copy h2{font-size:28px}.scene-copy p{font-size:14px}.scene-action{font-size:14px;gap:8px}}
@media(max-height:600px) and (min-width:768px){.scene-link{min-height:360px;padding:24px 32px}.scene-copy h2{font-size:clamp(28px,5.8vh,36px);margin-bottom:16px}.scene-copy p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.scene-action::before,.scene-action svg{transition:none}.scene-action svg{transform:none!important}}