/* SIDO Labs — Erscheinungs- und Hover-Effekte (Nachbau der Framer-Motion-Animationen) */

/* Reveal-Grundzustand: unsichtbar + verschoben */
.rv {
  opacity: 0;
  transition: opacity .6s cubic-bezier(.21, .47, .32, .98), transform .6s cubic-bezier(.21, .47, .32, .98);
  will-change: opacity, transform;
}
.rv-up    { transform: translateY(24px); }
.rv-left  { transform: translateX(-48px); }
.rv-right { transform: translateX(48px); }

/* Sichtbarer Zustand */
.rv.in {
  opacity: 1;
  transform: none;
}

/* Hover-Lift für Kacheln und Karten */
.lift {
  transition: transform .3s ease, box-shadow .3s ease;
}
.lift:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 28px -10px rgb(14 17 42 / .22);
}

/* Barrierefreiheit: reduzierte Bewegung respektieren */
@media (prefers-reduced-motion: reduce) {
  .rv { opacity: 1 !important; transform: none !important; transition: none !important; }
  .lift, .lift:hover { transform: none !important; transition: none !important; }
}