/* ==========================================================================
   Ecolstone — pagina "coming soon"
   ========================================================================== */

/* --- Contenuto centrale --------------------------------------------------- */
.hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 3vh, 3rem) var(--gutter) clamp(2rem, 6vh, 5rem);
  text-align: center;
}

.hero__logo {
  width: clamp(200px, 30vw, 300px);
  height: auto;
  margin-bottom: clamp(2.5rem, 6vh, 4rem);
}

.hero__logo-link { border-radius: 8px; }

.hero__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-top: clamp(1.75rem, 4vh, 2.5rem);
}

.hero__title {
  max-width: 14.5em;
  margin-top: 1.25rem;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(2.25rem, 5.6vw, 4.5rem);
  line-height: 1.12;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

.hero__lead {
  max-width: 40rem;
  margin-top: clamp(1.5rem, 3.5vh, 2.5rem);
  font-size: clamp(1rem, 1.6vw, 1.1875rem);
  line-height: 1.65;
  text-wrap: pretty;
}