/* ============================================================
   Geodaten landing — page-local LAYOUT only. Tokens for all
   colors/space/type. No rounded corners.
   ============================================================ */

.ghero { background: var(--ink); color: var(--text-on-dark); }
.ghero h1 { color: var(--gray-0); font-size: clamp(2.4rem, 5vw, 3.8rem); }
.ghero .kb-eyebrow { color: var(--gray-300); }
.ghero__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: var(--space-9); align-items: center; }

.map { aspect-ratio: 4/3; border: var(--bw-2) solid var(--teal-deep); position: relative; }

.seg { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); }
.topics { display: flex; gap: var(--space-3); flex-wrap: wrap; }

@media (max-width: 900px) {
  .ghero__grid { grid-template-columns: 1fr; }
  .seg { grid-template-columns: 1fr; }
}