/* La Ruffa — Galerie-Marquee */
.lr-gmarquee {
  overflow: clip;
  padding: 56px 0;
  cursor: grab;
}

.lr-gmarquee-track {
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;
}

/* Karten zentrieren sich vertikal auf einer Mittelachse,
   die Versätze staffeln symmetrisch darum herum */
.lr-gmarquee-group {
  display: flex;
  align-items: center;
  gap: 56px;
  padding-right: 56px;
}

.lr-gmarquee-card {
  position: relative;
  flex-shrink: 0;
  margin: 0;
  transition: transform .45s cubic-bezier(.22, 1, .36, 1);
}
.lr-gmarquee-card img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  box-shadow: 0 12px 28px rgba(38, 33, 26, .12);
  user-select: none;
  -webkit-user-drag: none;
}
/* Rotations- und Versatz-Rhythmus wie im Figma (±2°, um die Mittelachse gestaffelt) */
.lr-gmarquee-card--0 { width: 430px; transform: rotate(2deg);  margin-top: -16px; }
.lr-gmarquee-card--1 { width: 400px; transform: rotate(-2deg); margin-top: 30px; }
.lr-gmarquee-card--2 { width: 460px; transform: rotate(1deg);  margin-top: -26px; }
.lr-gmarquee-card--3 { width: 390px; transform: rotate(-2deg); margin-top: 40px; }
.lr-gmarquee-card--4 { width: 430px; transform: rotate(2deg);  margin-top: -16px; }

/* Hover: Foto richtet sich auf und tritt vor */
.lr-gmarquee-card:hover { transform: rotate(0deg) scale(1.04); z-index: 2; }

@media (max-width: 767px) {
  .lr-gmarquee-group { gap: 28px; padding-right: 28px; }
  .lr-gmarquee-card--0, .lr-gmarquee-card--1, .lr-gmarquee-card--2,
  .lr-gmarquee-card--3, .lr-gmarquee-card--4 { width: 260px; margin-top: 0; }
  .lr-gmarquee-card--1, .lr-gmarquee-card--3 { margin-top: 28px; }
}

/* Reduzierte Bewegung: statische, horizontal scrollbare Reihe */
@media (prefers-reduced-motion: reduce) {
  .lr-gmarquee { overflow-x: auto; }
  .lr-gmarquee-track { transform: none !important; }
  .lr-gmarquee-group[aria-hidden="true"] { display: none; }
}