/* Entwurf A · Anpassungen nur für die Demo-Fassung.
   Liegt bewusst getrennt, damit entwurf-a.css eine unveränderte Kopie
   der Amana-v2-Seite bleibt und Nachzügler dort sauber übernommen werden können. */

/* Echte Fotos statt der Platzhalter-Kästen: gleiche Form, gleicher Schatten. */
.arch .inner img { display: block; width: 100%; aspect-ratio: 420 / 460; object-fit: cover; object-position: 50% 40%; }

/* Der Video-Clip im Hero-Bogen: läuft stumm in Schleife, füllt die Bogenform. */
.arch .inner .hero-clip {
  display: block; width: 100%; height: auto;
  aspect-ratio: 420 / 460; object-fit: cover; object-position: 50% 45%;
  background: var(--sand);
}
.ch-img .ch-foto {
  position: relative; z-index: 1; width: 100%; aspect-ratio: 4 / 3;
  object-fit: cover; object-position: 50% 30%;
  border-radius: 170px 170px 12px 12px; box-shadow: var(--shadow-card);
}

/* Eine Ausbaustufe statt zweier: Karte mittig statt auf halber Breite. */
.cards2.einzeln { grid-template-columns: minmax(0, 520px); justify-content: center; }

/* ---- Filmrollen-Helix: edler, mit Leben ----
   Die Karten hingen bisher flach und starr im Raum. Jetzt bekommen sie
   Papiertiefe (Schatten), einen warmen Rand, einen sanften Gold-Schimmer,
   der über die Rolle wandert, und ein leises Atmen. */
.hx-card {
  background: linear-gradient(180deg, #FDFBF6, #F3EDE1);
  border-radius: 10px;
  padding: 5px 5px 2px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .65) inset,
    0 14px 30px -12px rgba(8, 22, 16, .55),
    0 2px 6px rgba(8, 22, 16, .28);
  transition: box-shadow .5s ease;
}
.hx-card img {
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(30, 91, 69, .14) inset;
  /* etwas mehr Zeichnung als die Handyfotos von Haus aus mitbringen */
  filter: saturate(1.06) contrast(1.04);
}
/* Warmer Lichtstreif, der langsam über jede Karte zieht */
.hx-card::after {
  content: "";
  position: absolute; inset: 0;
  border-radius: 10px;
  pointer-events: none;
  background: linear-gradient(115deg,
    transparent 30%,
    rgba(255, 246, 214, .30) 46%,
    rgba(192, 160, 80, .16) 52%,
    transparent 68%);
  background-size: 260% 100%;
  animation: hxSchimmer 9s linear infinite;
}
/* Versetzt, damit nicht alle Karten gleichzeitig aufleuchten */
.hx-card:nth-child(3n)::after   { animation-delay: -3s; }
.hx-card:nth-child(3n+1)::after { animation-delay: -6s; }
@keyframes hxSchimmer {
  from { background-position: 160% 0; }
  to   { background-position: -60% 0; }
}
/* ACHTUNG: dem .helix-rotor NIEMALS filter, opacity oder backdrop-filter geben.
   Jedes davon erzeugt einen neuen Zeichenkontext und hebt `transform-style:
   preserve-3d` der Karten auf — die Spirale fällt dann flach zusammen und dreht
   sich nicht mehr. Genau das ist am 16.08. passiert. */
.no-motion .hx-card::after { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .hx-card::after { animation: none; }
}

/* Etwas kleinere Karten und mehr Abstand zur Kamera: so passt die ganze
   Schraube ins Bild, auch mit vielen Bildern. */
.helix-viewport { perspective: 1750px; }
.hx-card { width: 158px; left: -79px; top: -118px; }
@media (max-width: 700px) { .hx-card { width: 128px; left: -64px; top: -96px; } }