/* ==========================================================================
   Scroll reveal + motion — Sahyadri
   Lightweight, dependency-free reveals driven by IntersectionObserver
   (class .in-view added by animations.js). Fully reduced-motion aware.
   ========================================================================== */

[data-reveal] {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity 0.8s var(--ease-out), transform 0.8s var(--ease-out);
  will-change: opacity, transform;
}
[data-reveal="left"] { transform: translateX(-40px); }
[data-reveal="right"] { transform: translateX(40px); }
[data-reveal="scale"] { transform: scale(0.94); }
[data-reveal="fade"] { transform: none; }

/* On small screens, slide vertically only — horizontal slide-in can push
   past the viewport before an element is revealed (causes x-overflow). */
@media (max-width: 768px) {
  [data-reveal="left"],
  [data-reveal="right"] { transform: translateY(34px); }
}

[data-reveal].in-view {
  opacity: 1;
  transform: none;
}

/* Staggered children */
[data-reveal-stagger] > * {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}
[data-reveal-stagger].in-view > * {
  opacity: 1;
  transform: none;
}
[data-reveal-stagger].in-view > *:nth-child(1) { transition-delay: 0.05s; }
[data-reveal-stagger].in-view > *:nth-child(2) { transition-delay: 0.12s; }
[data-reveal-stagger].in-view > *:nth-child(3) { transition-delay: 0.19s; }
[data-reveal-stagger].in-view > *:nth-child(4) { transition-delay: 0.26s; }
[data-reveal-stagger].in-view > *:nth-child(5) { transition-delay: 0.33s; }
[data-reveal-stagger].in-view > *:nth-child(6) { transition-delay: 0.40s; }
[data-reveal-stagger].in-view > *:nth-child(7) { transition-delay: 0.47s; }
[data-reveal-stagger].in-view > *:nth-child(8) { transition-delay: 0.54s; }
[data-reveal-stagger].in-view > *:nth-child(9) { transition-delay: 0.61s; }
[data-reveal-stagger].in-view > *:nth-child(10) { transition-delay: 0.68s; }
[data-reveal-stagger].in-view > *:nth-child(11) { transition-delay: 0.75s; }
[data-reveal-stagger].in-view > *:nth-child(12) { transition-delay: 0.82s; }

/* Page load intro for hero content */
.hero__inner-anim > * {
  opacity: 0;
  transform: translateY(28px);
  animation: hero-in 0.9s var(--ease-out) forwards;
}
.hero__inner-anim > *:nth-child(1) { animation-delay: 0.15s; }
.hero__inner-anim > *:nth-child(2) { animation-delay: 0.28s; }
.hero__inner-anim > *:nth-child(3) { animation-delay: 0.41s; }
.hero__inner-anim > *:nth-child(4) { animation-delay: 0.54s; }
.director-card.hero-card-anim {
  opacity: 0;
  transform: translateY(40px) scale(0.97);
  animation: hero-in 1s var(--ease-out) 0.5s forwards;
}
@keyframes hero-in {
  to { opacity: 1; transform: none; }
}

/* Gentle float for badges */
.float-y { animation: float-y 5s var(--ease-in-out) infinite; }
@keyframes float-y {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Reduced motion: show everything, kill movement */
@media (prefers-reduced-motion: reduce) {
  [data-reveal],
  [data-reveal-stagger] > *,
  .hero__inner-anim > *,
  .director-card.hero-card-anim {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
  .float-y,
  .hero__scroll .mouse::after,
  .video-play__btn::before {
    animation: none !important;
  }
}

/* ==========================================================================
   Intro preloader — centered logo that flies into the header on load
   ========================================================================== */
.preloader {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: grid;
  place-items: center;
  transition: opacity 0.45s ease;
}
/* Intro already shown this session — hide before first paint (no flash) */
html.intro-seen .preloader { display: none !important; }
.preloader::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 85% at 50% 38%, #2c2c74 0%, #16163c 55%, #0c0c26 100%);
  transition: opacity 0.6s ease;
}
.preloader.is-fading::before,
.preloader.is-fading .preloader__ring,
.preloader.is-fading .preloader__name { opacity: 0; }
.preloader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }

.preloader__stage { position: relative; display: grid; place-items: center; }
.preloader__ring {
  position: absolute;
  width: 214px;
  height: 214px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.14);
  border-top-color: var(--color-gold, #d4a537);
  animation: plSpin 1.05s linear infinite;
  transition: opacity 0.4s ease;
}
.preloader__logo {
  position: relative;
  z-index: 1;
  width: 156px;
  height: 156px;
  border-radius: 50%;
  object-fit: contain;
  background: #fff;
  padding: 9px;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45);
  transform-origin: center center;
  animation: plIn 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both, plFloat 2.8s ease-in-out 0.7s infinite;
  will-change: transform;
}
.preloader.is-flip .preloader__logo {
  animation: none;
  transition: transform 0.9s cubic-bezier(0.7, 0, 0.2, 1), opacity 0.3s ease 0.62s;
}
.preloader__name {
  position: absolute;
  top: calc(100% + 46px);
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  color: #fff;
  opacity: 0.96;
  transition: opacity 0.4s ease;
  animation: plNameIn 0.6s ease both;
}
.preloader__brand {
  font-family: var(--font-head, serif);
  font-size: 1.5rem;
  letter-spacing: 0.02em;
  line-height: 1;
  white-space: nowrap;
}
.preloader__tag {
  font-family: var(--font-en-body, sans-serif);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--color-gold, #d4a537);
  white-space: nowrap;
}
@keyframes plIn { from { opacity: 0; transform: scale(0.86); } to { opacity: 1; transform: scale(1); } }
@keyframes plFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes plSpin { to { transform: rotate(360deg); } }
@keyframes plNameIn { from { opacity: 0; transform: translate(-50%, 12px); } to { opacity: 0.94; transform: translate(-50%, 0); } }
@media (max-width: 560px) {
  .preloader__ring { width: 176px; height: 176px; }
  .preloader__logo { width: 128px; height: 128px; padding: 8px; }
  .preloader__name { top: calc(100% + 34px); }
  .preloader__brand { font-size: 1.28rem; }
  .preloader__tag { font-size: 0.66rem; letter-spacing: 0.18em; }
}
@media (prefers-reduced-motion: reduce) {
  .preloader__logo, .preloader__ring { animation: none; }
  .preloader__name { animation: none; }
}