/* ==========================================================================
   Hero – Startseite
   Signatur-Element: eine abstrahierte Fachwerk-Balkenstruktur.
   VRW erhaelt konkret Fachwerk-/Altstadthaeuser in Buetzow – die Zier-
   grafik ist kein beliebiges Muster, sondern genau dieses Motiv,
   reduziert auf Linien statt auf ein Foto.
   ========================================================================== */

.hero {
  padding-block: var(--space-6) var(--space-5);
  position: relative;
  overflow: hidden;
}

.hero .container {
  display: grid;
  gap: var(--space-5);
  align-items: center;
  grid-template-columns: 1fr;
}
@media (min-width: 61rem) {
  .hero .container { grid-template-columns: 1.05fr 0.95fr; }
}

.hero-copy h1 { margin-bottom: var(--space-2); }
.hero-copy p { font-size: var(--step-0); max-width: 46ch; }
.hero-actions { display: flex; gap: var(--space-2); flex-wrap: wrap; margin-top: var(--space-3); }

.hero-figure {
  position: relative;
  aspect-ratio: 4 / 3.6;
}
.hero-figure svg {
  width: 100%;
  height: 100%;
}
.beam-line {
  stroke: var(--immo-accent);
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: draw-beam 1.4s var(--ease) forwards;
}
.beam-line--soft { stroke: var(--immo-line); stroke-width: 1.4; }
.beam-line:nth-child(1) { animation-delay: 0.05s; }
.beam-line:nth-child(2) { animation-delay: 0.15s; }
.beam-line:nth-child(3) { animation-delay: 0.25s; }
.beam-line:nth-child(4) { animation-delay: 0.35s; }
.beam-line:nth-child(5) { animation-delay: 0.45s; }
.beam-line:nth-child(6) { animation-delay: 0.55s; }
.beam-line:nth-child(7) { animation-delay: 0.65s; }
.beam-line:nth-child(8) { animation-delay: 0.7s; }
.beam-line:nth-child(9) { animation-delay: 0.75s; }
.beam-line:nth-child(10) { animation-delay: 0.8s; }

@keyframes draw-beam {
  to { stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .beam-line { animation: none; stroke-dashoffset: 0; }
}