/* =========================================================
   HK Estates — animations.css
   Scroll-reveal fades, hover transitions, keyframes
   ========================================================= */

[data-animate] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-animate].in-view {
  opacity: 1;
  transform: translateY(0);
}

[data-animate="fade"] { transform: none; }

[data-animate-delay="1"] { transition-delay: 0.1s; }
[data-animate-delay="2"] { transition-delay: 0.25s; }
[data-animate-delay="3"] { transition-delay: 0.4s; }

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes pulseAccent {
  0%, 100% { box-shadow: 0 0 0 0 rgba(184, 146, 90, 0.4); }
  50% { box-shadow: 0 0 0 10px rgba(184, 146, 90, 0); }
}

.btn:focus-visible {
  animation: pulseAccent 1.2s ease-out 1;
}

/* Sticky header shrink-on-scroll */
.site-header.is-scrolled .header-inner {
  padding-top: 8px;
  padding-bottom: 8px;
}

.site-header { transition: box-shadow 0.3s ease; }

/* Image hover zoom already handled in style.css transitions;
   this adds a subtle overlay fade for gallery figures */
.image-grid figure {
  position: relative;
}

.image-grid figure::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(184, 146, 90, 0);
  transition: background 0.3s ease;
  pointer-events: none;
}

.image-grid figure:hover::after {
  background: rgba(184, 146, 90, 0.12);
}