html.home,html.home body{height:100%;overflow:hidden}.home .site-header{z-index:300;background:#E4D7C5f5;color:var(--graphite)}
.entrance,#journey{position:fixed;inset:0;background:#302820}.entrance picture,.entrance img{width:100%;height:100%;display:block;object-fit:cover}.entrance img{object-position:center 38%}
.welcome{position:absolute;bottom:7%;left:0;width:100%;text-align:center;color:#E3D5C1}.welcome p{font:italic 26px Georgia;text-shadow:0 2px 5px #000}
#journey{z-index:100}#scene-stage{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}.scene{position:absolute}.scene>img{width:100%;height:100%;object-fit:cover}
#doors{position:absolute;inset:0}#doors a{position:absolute;top:34%;height:44%;width:14%}#doors a:nth-child(1){left:0}#doors a:nth-child(2){left:19%}#doors a:nth-child(3){left:43%}#doors a:nth-child(4){left:65%}#doors a:nth-child(5){left:86%}#doors a:hover{background:#E3D5C110}#doors a:focus-visible{outline:3px solid #E3D5C1;outline-offset:-4px}

/* Phase 1 — landing navigation only; landing body content remains unchanged. */
html.home .site-header{
  background:rgba(99,59,26,.75);
  color:var(--ivory);
  border-bottom:1px solid rgba(244,234,222,.14);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  transition:background .3s ease;
}
html.home .site-header.is-scrolled{
  background:var(--door-brown);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

/* Only the entrance has a camera-style transition; inner lobby doors are plain links. */
.entrance{z-index:120;overflow:hidden}
.entrance picture{position:absolute;inset:0;will-change:transform,opacity}
.entrance .welcome{pointer-events:none;z-index:2}
.enter-lobby{position:absolute;inset:0;z-index:1;cursor:pointer}
.enter-lobby:focus-visible{outline:4px solid #e3d5c1;outline-offset:-10px}
.entrance[hidden],#journey[hidden]{display:none!important}
html.home .site-header{z-index:300}
html.home.is-entering .entrance{pointer-events:none}
html.home.is-entering .entrance picture{animation:gargoyle-entrance-flight 1.20s cubic-bezier(.36,.02,.52,1) both;transform-origin:50% 55%}
html.home.is-entering .entrance .welcome{animation:gargoyle-welcome-exit .35s ease both}
@keyframes gargoyle-entrance-flight{
  0%{transform:scale(1);opacity:1;filter:brightness(1)}
  58%{opacity:1;filter:brightness(.96)}
  100%{transform:scale(3.2);opacity:0;filter:brightness(.63)}
}
@keyframes gargoyle-welcome-exit{to{opacity:0}}
@media(prefers-reduced-motion:reduce){html.home.is-entering .entrance picture,html.home.is-entering .entrance .welcome{animation:none}}