/* ============================================================
   Rostock Airport – dezentes Motion Design
   Alles nur bei erlaubter Bewegung (prefers-reduced-motion: no-preference).
   ============================================================ */
@media (prefers-reduced-motion: no-preference) {

  /* Scroll-Reveal: Sektionen faden ein und steigen leicht auf */
  .ra-reveal {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
    will-change: opacity, transform;
  }
  .ra-reveal.ra-in { opacity: 1; transform: none; }

  /* Ken-Burns: sehr langsamer Zoom auf Hero-Bildebene */
  @keyframes ra-kenburns { from { transform: scale(1); } to { transform: scale(1.06); } }
  .ra-kb { animation: ra-kenburns 22s ease-out forwards; transform-origin: 50% 45%; }

  /* Hover-Zoom auf Foto-Kacheln: eigene Bildebene wird per transform sanft skaliert */
  a.ra-tile { transition: box-shadow .6s ease; }
  a.ra-tile .ra-tile-bg { transition: transform 1.6s cubic-bezier(.2,.7,.2,1); will-change: transform; }
  a.ra-tile:hover .ra-tile-bg { transform: scale(1.07); }
  a.ra-tile:hover { box-shadow: 0 20px 46px rgba(10,37,64,0.28); }
}