/* Optimized image sources; the visual treatment remains the same. */
.hero,
.experiences-hero {
  background-image: linear-gradient(90deg, rgba(25,7,30,.92), rgba(43,14,49,.68) 45%, rgba(43,14,49,.1)), url("/assets/hero-imersoes-internacionais.webp");
}

.service-grid article,
.experience-card {
  background-image: linear-gradient(180deg, rgba(43,14,49,.08), rgba(43,14,49,.93)), url("/assets/hero-imersoes-internacionais.webp");
}

.signature-media {
  background-image: url("/assets/hero-imersoes-internacionais.webp");
}

.proof-quote {
  margin: 0;
  padding: 17px 16px 0;
  color: var(--ink);
  font-size: .94rem;
  font-weight: 500;
  line-height: 1.5;
}

.proof .proof-quote + figcaption {
  padding-top: 11px;
}

.campaign-page .campaign-hero {
  background-image: linear-gradient(90deg, rgba(17,5,22,.94), rgba(43,14,49,.70) 46%, rgba(17,5,22,.18)), url("/assets/hero-lanternas.webp");
  background-position: center 24%;
}

@media (max-width: 640px) {
  .hero {
    background-image: linear-gradient(0deg, rgba(25,7,30,.94) 0%, rgba(25,7,30,.58) 58%, rgba(25,7,30,.2) 100%), url("/assets/hero-imersoes-internacionais.webp");
  }

  .campaign-page .campaign-hero {
    min-height: min(760px, 100svh);
    background-image: linear-gradient(0deg, rgba(17,5,22,.96) 0%, rgba(43,14,49,.70) 56%, rgba(17,5,22,.22) 100%), url("/assets/hero-lanternas.webp");
    background-position: center 45%;
  }

  .experiences-hero {
    background-image: linear-gradient(0deg, rgba(25,7,30,.94) 0%, rgba(25,7,30,.6) 57%, rgba(25,7,30,.16) 100%), url("/assets/hero-imersoes-internacionais.webp");
  }
}