/* ==========================================================================
   TIFOSO INFINITO — Museo del Calcio (pagina standalone /museo, /en/museum)
   RISTRUTTURAZIONE_NAVBAR §22-24. Intestazione breve/premium (non una
   Hero piena come Home): eyebrow + titolo + intro, poi subito la
   griglia. Riusa il linguaggio card gia' approvato in css/sections/
   museo.css (bordo oro, badge premium) — qui solo layout di pagina.
   ========================================================================== */

.museo-page-hero {
  background: var(--color-dark-1);
  border-bottom: 1px solid var(--color-gold-border);
  padding: var(--space-8) 0 var(--space-7);
}

.museo-page-hero .badge {
  margin-bottom: var(--space-4);
}

.museo-page-hero__title {
  font-family: var(--font-display);
  font-size: clamp(36px, 6vw, 56px);
  line-height: 1;
  color: var(--color-foreground);
  max-width: 780px;
}

.museo-page-hero__intro {
  margin-top: var(--space-4);
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.6;
  color: var(--color-foreground-muted);
  max-width: 640px;
}

.museo-page-grid-section {
  background: var(--color-dark-0);
  padding: var(--space-7) 0 var(--space-9);
}

.museo-page-grid {
  max-width: 1280px;
  margin: 0 auto;
}

@media (max-width: 639px) {
  .museo-page-hero {
    padding: var(--space-7) 0 var(--space-6);
  }

  .museo-page-grid-section {
    padding: var(--space-6) 0 var(--space-8);
  }
}