/* One photo renderer owns image motion; all content remains ordinary document flow. */
.hero-sequence{position:relative;background:var(--paper)}
.cinematic .hero-sequence{height:170svh}
.cinematic .hero{position:sticky;top:0;height:100svh;max-height:none;clip-path:inset(calc(var(--journey,0)*12%) calc(var(--journey,0)*6%) round calc(var(--journey,0)*3px));will-change:clip-path}
.cinematic .hero-content{opacity:var(--title-opacity,1);translate:0 calc(var(--journey,0)*-75px)}
.cinematic .hero-bottom{opacity:var(--title-opacity,1)}
.cinematic .hero-line{scale:calc(1 - var(--journey,0)*.55) 1;translate:0 calc(var(--journey,0)*-100px)}
.living-scene{position:relative;isolation:isolate}
.living-photo{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.2s;z-index:0}
.living-photo.ready{opacity:1}
.hero>.living-photo{z-index:-3}
.hero .hero-photo{z-index:-4}
.living-scene:after{z-index:1}
.hero.living-scene:after{z-index:-2}
.landscape .day-panel{z-index:2}
.cinematic .spa-visual{opacity:1!important;transform:none!important}
.cinematic .spa-image{clip-path:inset(calc((1 - var(--aperture,1))*13%) calc((1 - var(--aperture,1))*10%));will-change:clip-path}
.cinematic .photo-index{translate:0 calc((1 - var(--aperture,1))*45px)}
.cinematic .horizon-rule{scale:calc(.35 + var(--crossing,0)*.8) 1}
.cinematic .horizon-rule i{left:calc(15% + var(--crossing,0)*70%);animation:none}
.cinematic .horizon-break .serif{translate:0 calc((.5 - var(--crossing,.5))*32px)}
.room-photo{will-change:clip-path}
html:not(.alba-story) .motion-paused .hero{clip-path:none!important}
html:not(.alba-story) .motion-paused .hero-content,html:not(.alba-story) .motion-paused .hero-bottom{opacity:1!important;translate:none!important}
.motion-paused .spa-image{clip-path:none!important}
.motion-paused .photo-index,.motion-paused .horizon-break .serif{translate:none!important}
@media(max-width:800px){.cinematic .hero-sequence{height:140svh}.cinematic .hero{min-height:560px}.cinematic .hero-content{translate:0 calc(var(--journey,0)*-35px)}.cinematic .hero-line{display:none}}
@media(prefers-reduced-motion:reduce){.hero-sequence{height:auto!important}.hero-sequence .hero{position:relative!important;clip-path:none!important;height:calc(100svh - 96px)}.living-photo{display:none!important}.hero-content,.hero-bottom{opacity:1!important;translate:none!important}.spa-image{clip-path:none!important}}
.room-photo .room-outgoing{position:absolute;inset:0;z-index:1;pointer-events:none}
.room-photo figcaption{z-index:2}
.room-image-status:empty{display:none}
.room-image-status{display:block;font-size:14px;color:var(--ink);grid-column:1 / -1}