/*
 * Al Badr Studio — Premium Cinematic Motion 4.2.36
 * Motion-only layer. 3D surfaces, typography and shadows are owned by
 * premium-3d-interfaces.css to avoid competing declarations.
 * Original brand palette, markup and behavior are preserved.
 */
:root { --albadr-motion-ease: cubic-bezier(.2,.75,.25,1); }

/* Reveal is opt-in: content remains visible if JavaScript or the observer fails. */
.js-motion-ready .albadr-reveal-pending {
  opacity: 0;
  transform: translate3d(0, 12px, 0);
}
.albadr-depth-reveal {
  animation: albadrCinematicReveal .48s var(--albadr-motion-ease) both;
}
@keyframes albadrCinematicReveal {
  from { opacity: .72; transform: translate3d(0, 12px, 0); }
  to   { opacity: 1; transform: translate3d(0, 0, 0); }
}

/* Deliberate, interaction-led feedback; no continuous floating or spinning. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .hero-cta,
  .hero-play,
  .outline-btn,
  .work-actions a,
  .work-actions button,
  .main-category .cat-links a,
  .header-like-slot #al-badr-like-btn {
    transition: transform .22s var(--albadr-motion-ease),
                box-shadow .22s ease, filter .22s ease;
  }
  .hero-cta:hover,
  .hero-play:hover,
  .outline-btn:hover,
  .work-actions a:hover,
  .work-actions button:hover,
  .main-category .cat-links a:hover,
  .header-like-slot #al-badr-like-btn:hover {
    transform: translateY(-2px) translateZ(4px);
    filter: brightness(1.035);
  }
}
button:active,
[role="button"]:active,
.work-actions a:active {
  transform: translateY(1px);
}

/* Respect system motion preferences and avoid scroll animation for reduced-motion users. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .albadr-depth-reveal { animation: none !important; opacity: 1 !important; transform: none !important; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}