/**
 * GS Lotte — Header-Ruhezustand
 *
 * Der gebundene Prototyp setzt seinen Header-Ruhezustand nicht im CSS,
 * sondern per GSAP aus js/smooth-scroll.js (TOP_STATE):
 *   headerInner  min-height 110, padding-block 24
 *   logo         min/max 90 x 90
 *   IServ-Logo   max-height 36, min-width 100
 * Ohne dieses Skript greift im TYPO3-Stand allein das Quell-CSS. Das ist
 * rechnerisch korrekt (Logo intrinsisch 256px, gedeckelt durch max-width
 * 160px) und ergibt 160x160 statt 90x90 — der Header wird dadurch 54px
 * hoeher und verschiebt jede Seite nach unten.
 *
 * Der Ruhezustand gehoert ins CSS, nicht in ein Skript: so steht er vor
 * dem ersten Frame, ohne Umbruch beim Laden und ohne JS-Abhaengigkeit.
 * Sichtbar identisch zum Prototyp, dahinter die sauberere TYPO3-Logik
 * (ZIELDOKUMENT §3.1). Der Scroll-Schrumpf bleibt Aufgabe des Skripts und
 * ueberschreibt diese Werte weiterhin ueber `.gsl-header.is-scrolled`.
 *
 * Werte ausschliesslich ueber vorhandene Tokens; keine neuen Groessen.
 */

.gsl-header__inner {
  /* TOP_STATE.padBlock 24px — Quell-CSS steht auf --gsl-space-4 (16px),
     was der Prototyp zur Laufzeit ueberschreibt. */
  padding-block: var(--gsl-space-5);
}

.gsl-logo__img {
  /* TOP_STATE.logoH/logoW 90px. min-height allein genuegt nicht: bei
     `width: auto` gewinnt die intrinsische Breite bis max-width. */
  max-height: 90px;
}