/* ==========================================================================
   HOTSTAR TRAILER HERO SECTION STYLES
   ========================================================================== */

.hero-container video {
  pointer-events: none;
  object-fit: cover;
}

.hero-chip-thumb {
  will-change: transform, opacity;
}

/* Cinematic Background Layers */
.hero-bg-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: opacity 1200ms cubic-bezier(0.25, 1, 0.3, 1), transform 1200ms cubic-bezier(0.25, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* Details transition (PC and Mobile) */
.hero-details-transition {
  transition: opacity 600ms cubic-bezier(0.25, 1, 0.3, 1), transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1), filter 600ms ease;
  will-change: opacity, transform, filter;
  transform: translateY(0) scale(1);
  opacity: 1;
  filter: blur(0px);
}

.hero-details-transitioning {
  opacity: 0 !important;
  transform: translateY(22px) scale(0.97) !important;
  filter: blur(8px) !important;
  transition: opacity 220ms ease, transform 220ms ease, filter 220ms ease !important;
}