/* Axodren — Integrationsschicht der zusammengebauten Seite.
   Sektionen bleiben eigenständig lauffähig; alles, was nur im
   Zusammenspiel gilt, steht hier. */

/* Der Hero teilt sich den ersten Viewport mit der Leiste (~4,4 rem). */
.hero {
  min-height: calc(100svh - 4.4rem);
}

/* Platzhalter für noch nicht gebaute Sektionen. */
.section-placeholder {
  display: grid;
  place-items: center;
  min-height: 70svh;
  background: #f6f6f5;
  border-top: 1px solid #ececef;
  color: #9a9aa0;
  font: 600 0.78rem/1 "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}