/* Techman homepage | HRD Corp Training photo animation (2026-11).
   Progressive enhancement: photo stays visible even if JS is unavailable. */

@media (prefers-reduced-motion: no-preference) {
  /* Scroll-triggered entrance uses the homepage's existing IntersectionObserver. */
  .v18-training-teaser-visual.tm-reveal-run {
    animation: tm-hrd-photo-entrance 950ms cubic-bezier(.2,.75,.24,1) both;
  }

  @keyframes tm-hrd-photo-entrance {
    from { opacity: .55; transform: translate3d(-20px, 18px, 0) scale(.985); }
    to   { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  }

  /* Keep the rounded corners clean while the photograph gently zooms. */
  .v18-training-teaser-visual {
    border-radius: 20px;
    overflow: hidden;
  }

  .v18-training-teaser-visual img {
    display: block;
    transition: transform 1100ms cubic-bezier(.2,.75,.24,1);
  }

  @media (hover:hover) and (pointer:fine) {
    .v18-training-teaser-visual:hover img {
      transform: scale(1.045);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .v18-training-teaser-visual,
  .v18-training-teaser-visual img {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}