/* Le bloc « À l'écoute » de fin de page (`templates/components/marketing/a_l_ecoute.html`).
   Sobre : une bande claire entre le contenu et le pied de page, un filet, une
   question, un lien. */

.marketing-ecoute {
  padding: 3.5rem 0;
  border-top: 1px solid var(--marketing-line);
  background: var(--marketing-mist);
}

.marketing-ecoute__inner {
  display: grid;
  align-items: center;
  gap: 2.5rem;
  grid-template-columns: minmax(0, 1fr) auto;
}

.marketing-ecoute h2 {
  max-width: 820px;
  margin-top: 0.7rem;
  font-size: clamp(1.45rem, 2.6vw, 1.95rem);
  font-weight: 680;
  letter-spacing: -0.035em;
  line-height: 1.2;
}

.marketing-ecoute__inner > div > p:last-child {
  max-width: 600px;
  margin-top: 0.75rem;
  color: var(--marketing-muted);
  font-size: 0.95rem;
  line-height: 1.65;
}

@media (max-width: 640px) {
  .marketing-ecoute {
    padding: 2.75rem 0;
  }

  .marketing-ecoute__inner {
    gap: 1.5rem;
    grid-template-columns: 1fr;
  }
}