/* ============================================================
   Base Layout — Container + Section-Padding
   Konsumenten: alle Seiten

   Body-Font wird hier auf Albert Sans gesetzt — ueberschreibt das
   Default in base.css fuer Page-Content (die Variante "Classic Tech"
   wurde fuer den Prototyp gewaehlt). Headlines bleiben Fraunces.

   Eyebrow / Section-Head / Pullquote leben in components/typography.css.
   ============================================================ */

body { font-family: var(--font-classic-tech); background: var(--color-sand); }

.container { max-width: var(--container); margin: 0 auto; padding: 0 var(--space-xl); }
.container-narrow { max-width: var(--container-narrow); margin: 0 auto; padding: 0 var(--space-xl); }

section { position: relative; }

.section-padding { padding: clamp(4rem, 9vw, 7rem) 0; }
.section-padding-tight { padding: clamp(3rem, 6vw, 5rem) 0; }

@media (max-width: 720px) {
  .container, .container-narrow { padding: 0 var(--space-md); }
}