/* ============================================================================
   HUNTER SHOP — Startseiten-Animationen (leichte Scroll-Reveals)
   ----------------------------------------------------------------------------
   KOMPLETT ABSCHALTBAR mit einem Handgriff:
     → das Wort "anim" aus  <html class="no-js anim">  entfernen.
   Dann greift keine einzige Regel hier mehr und alles ist sofort statisch sichtbar
   (base.css macht [data-reveal] neutral). Optional zusätzlich diesen <link> löschen.

   Sicherheitsnetze:
     • no-js  → <noscript>-Block im <head> setzt alles auf sichtbar (JS-frei).
     • reduced-motion → unten explizit auf sichtbar/ohne Transition gestellt.
     • Kein FOUC: die "anim"-Klasse steht statisch im HTML, greift also ab dem
       ersten Paint — nichts blitzt sichtbar auf und verschwindet dann.
   ========================================================================== */

html.anim [data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}
html.anim [data-reveal].is-in {
  opacity: 1;
  transform: none;
}

/* Nutzer mit „Bewegung reduzieren" bekommen keine Reveals */
@media (prefers-reduced-motion: reduce) {
  html.anim [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}