/*
 * Jose Cazorla Website
 * Design: Rocío Zanón de la Fuente
 * Development: Roberto Díaz Martín Junquera
 * © 2026
 */

/* Smooth progressive enhancement */
html.animations-ready [data-reveal] {
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity 1.05s cubic-bezier(.16,1,.3,1),
    transform 1.15s cubic-bezier(.16,1,.3,1);
  transition-delay: var(--reveal-delay, 0ms);
}
html.animations-ready [data-reveal="left"] { transform: translateX(-18px); }
html.animations-ready [data-reveal="right"] { transform: translateX(18px); }
html.animations-ready [data-reveal="scale"] { transform: scale(.985); }

html.animations-ready [data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

html.animations-ready .hero-photo-shell[data-image-reveal] {
  opacity: 0;
  clip-path: inset(0 0 8% 0 round 120px 18px 120px 18px);
  transform: translateY(12px) rotate(var(--photo-rotate, -1.4deg));
  transition:
    opacity 1.15s .10s cubic-bezier(.16,1,.3,1),
    clip-path 1.35s .10s cubic-bezier(.16,1,.3,1),
    transform 1.35s .10s cubic-bezier(.16,1,.3,1);
}

html.animations-ready .hero-photo-shell[data-image-reveal].is-visible {
  opacity: 1;
  clip-path: inset(0 0 0 0 round 120px 18px 120px 18px);
  transform: rotate(var(--photo-rotate, -1.4deg));
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  html.animations-ready [data-reveal],
  html.animations-ready .hero-photo-shell[data-image-reveal] {
    opacity: 1;
    transform: none;
    clip-path: none;
    transition: none;
  }

  .coming-visual img {
    animation: none !important;
    transform: none !important;
  }
}