/* Três recortes de marca, posicionados por seção. Textura dentro do símbolo. */
main > section {
  position: relative;
  isolation: isolate;
  overflow: clip;
}
main > section::before,
main > section::after {
  content: none;
}
.hero::before,
.audience-section::before,
.booking-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  aspect-ratio: 760.86 / 598.95;
  pointer-events: none;
  background: url("assets/symbol-textured.svg") center / contain no-repeat;
}
.hero::before {
  width: min(730px, 54vw);
  top: -115px;
  right: -135px;
  opacity: .17;
}
.audience-section::before {
  width: 560px;
  top: -65px;
  right: -120px;
  opacity: .22;
}
.booking-section::before {
  width: 550px;
  bottom: -80px;
  right: -160px;
  opacity: .16;
}
.video-symbol {
  opacity: .22;
}
@media (max-width: 600px) {
  .hero::before {
    width: 400px;
    top: -60px;
    right: -235px;
    opacity: .12;
  }
  .audience-section::before {
    width: 420px;
    top: 70px;
    right: -170px;
    opacity: .2;
  }
  .booking-section::before {
    width: 380px;
    right: -170px;
    bottom: -60px;
    opacity: .12;
  }
}