/* BulGhar Homes — nav intro animation (Round 12 prototype, adapted for the live site).
   Wordmark reveals in place of the icon logo, then dissolves into the icon.
   Purely CSS keyframes on transform/opacity/clip-path — no layout thrash, GPU-friendly. */
@keyframes bhWordmarkReveal {
  from { clip-path: inset(0 50% 0 50%); }
  to   { clip-path: inset(0 0% 0 0%); }
}
@keyframes bhWordmarkFadeOut {
  0%, 55% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100%    { opacity: 0; transform: translate(-50%, -50%) scale(0.9); }
}
@keyframes bhIconFadeIn {
  0%, 50% { opacity: 0; transform: scale(0.7) rotate(-6deg); }
  100%    { opacity: 1; transform: scale(1) rotate(0deg); }
}
.bh-nav-wordmark {
  position: absolute;
  z-index: 10;
  pointer-events: none;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.bh-nav-wordmark.bh-anim {
  animation: bhWordmarkReveal 0.9s cubic-bezier(0.65, 0, 0.35, 1) forwards,
             bhWordmarkFadeOut 2.6s ease forwards;
}
.bh-nav-icon-anim-play {
  animation: bhIconFadeIn 2.6s ease forwards;
}

/* Respect the visitor's OS/browser motion preference — skip the animation
   entirely rather than trying to detect device performance. */
@media (prefers-reduced-motion: reduce) {
  .bh-nav-wordmark { display: none !important; }
  .bh-nav-icon-anim-play { animation: none !important; opacity: 1 !important; }
}