.hoo-entrance{
  position:fixed;
  inset:0;
  z-index:9999;
  background:radial-gradient(circle at 50% 40%, #16321f 0%, #0A2A1E 55%, #050c07 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:1;
  transition:opacity 900ms cubic-bezier(0.22,1,0.36,1), visibility 900ms;
}
.hoo-entrance.hoo-entrance-leaving{
  opacity:0;
  pointer-events:none;
}
.hoo-entrance-glow{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 60% 40% at 50% 0%, rgba(216,195,154,0.14), transparent 60%),
    radial-gradient(ellipse 50% 35% at 50% 100%, rgba(185,151,91,0.08), transparent 60%);
  animation:hooEntranceBreath 5s ease-in-out infinite;
}
@keyframes hooEntranceBreath{
  0%, 100%{opacity:0.6;}
  50%{opacity:1;}
}
.hoo-entrance-inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:18px;
  opacity:0;
  transform:translateY(14px);
  animation:hooEntranceReveal 1.4s cubic-bezier(0.22,1,0.36,1) 300ms forwards;
}
@keyframes hooEntranceReveal{
  to{opacity:1; transform:translateY(0);}
}
.hoo-entrance-mark{
  font-family:'Cormorant Garamond', serif;
  font-size:2.6rem;
  letter-spacing:0.3em;
  text-transform:uppercase;
  color:#F6F1E8;
}
.hoo-entrance-tag{
  font-family:'Cormorant Garamond', serif;
  font-style:italic;
  font-size:1.05rem;
  color:#CFC7B8;
  letter-spacing:0.04em;
  margin-bottom:8px;
}
.hoo-entrance-enter{margin-top:10px;}

@media (prefers-reduced-motion: reduce){
  .hoo-entrance, .hoo-entrance-inner, .hoo-entrance-glow{animation:none !important; transition:none !important;}
}