/* Keep the doorway and the far end of the hall as fixed camera targets. */
.hero-frame-1,.hero-frame-2{transform-origin:50.5% 55.5%}
.hero-frame-3{transform-origin:50% 48%}
.hero-frame-4{transform-origin:50% 50%}
html:not(.motion-ready) .hero-scene{height:100vh}
html:not(.motion-ready) .reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.hero-frame{transform:none!important}}
.photo-sequence{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:4}
.photo-ready .hero-frame{visibility:hidden}
.photo-ready .hero-frame-1{visibility:visible;transform:none!important}
.photo-ready .hero-copy{opacity:var(--intro-opacity,1)}
.photo-ready .hero-cue-two{opacity:var(--door-cue,0)}
.photo-ready .hero-cue-three{opacity:var(--room-cue,0)}
.brand{position:relative;z-index:2}
.brand>span:last-child{font-size:clamp(.85rem,1.3vw,1.15rem);line-height:1.05;letter-spacing:-.025em}
.company-contact{font-style:normal;margin-top:1.5rem;line-height:1.8;font-size:.95rem}
.company-contact a,.footer-address a{text-decoration:underline;text-underline-offset:.2em}
.footer-address{font-style:normal;line-height:1.8;color:rgba(255,255,255,.75)}
@media(max-width:900px){
  .site-header.scrolled{backdrop-filter:none}
  .site-nav{height:100dvh;visibility:hidden;pointer-events:none}
  .site-nav.open{visibility:visible;pointer-events:auto}
  .menu-open .site-header{color:var(--ink)}
}
@media(prefers-reduced-motion:reduce){.hero-frame-1{display:block!important;opacity:1!important}}