.partners-band {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-left: clamp(24px, 4vw, 72px);
  padding-right: clamp(24px, 4vw, 72px);
  background:
    radial-gradient(circle at 7% 18%, rgba(7, 61, 53, .10) 0 90px, transparent 92px),
    radial-gradient(circle at 94% 83%, rgba(214, 168, 63, .16) 0 125px, transparent 127px),
    linear-gradient(135deg, #ffffff 0%, #f3f8f6 52%, #fffaf0 100%);
}

.partners-band::before,
.partners-band::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.partners-band::before {
  width: clamp(240px, 28vw, 460px);
  height: clamp(240px, 28vw, 460px);
  top: -25%;
  left: -8%;
  border: clamp(28px, 4vw, 62px) solid rgba(7, 61, 53, .045);
  border-radius: 50%;
}

.partners-band::after {
  width: min(34vw, 520px);
  height: min(34vw, 520px);
  right: -5%;
  bottom: -20%;
  opacity: .42;
  background-image: radial-gradient(rgba(214, 168, 63, .55) 1.5px, transparent 1.5px);
  background-size: 22px 22px;
  transform: rotate(-8deg);
  mask-image: linear-gradient(135deg, transparent 8%, #000 78%);
}

.partners-band p,
.partners-frame {
  position: relative;
  z-index: 1;
}

.partners-frame {
  width: min(100%, 1240px);
  margin: 0 auto;
  padding: clamp(8px, 1vw, 14px);
  background: rgba(255, 255, 255, .84);
  border: 1px solid rgba(7, 61, 53, .10);
  box-shadow: 0 28px 70px rgba(7, 61, 53, .13);
  backdrop-filter: blur(10px);
}

.partners-frame img {
  width: 100%;
  max-width: none;
  margin: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .scroll-reveal.will-reveal {
    opacity: 0;
    transform: translateY(54px);
    transition: opacity .85s ease, transform 1s cubic-bezier(.22, .8, .25, 1);
  }

  .scroll-reveal.will-reveal.reveal-from-left {
    transform: translateX(-46px);
  }

  .scroll-reveal.will-reveal.reveal-from-right {
    transform: translateX(46px);
  }

  .scroll-reveal.will-reveal.is-visible {
    opacity: 1;
    transform: translate(0, 0);
  }

  .partners-frame.partner-will-animate {
    opacity: 0;
    filter: blur(7px);
    transform: translateY(52px) scale(.965);
    transition:
      opacity .75s ease,
      filter .9s ease,
      transform 1s cubic-bezier(.22, .8, .25, 1);
  }

  .partners-frame.partner-will-animate.is-in-view {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 600px) {
  .partners-band {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 58px;
    padding-bottom: 64px;
    background:
      radial-gradient(circle at 0 12%, rgba(7, 61, 53, .09) 0 66px, transparent 68px),
      radial-gradient(circle at 100% 90%, rgba(214, 168, 63, .14) 0 82px, transparent 84px),
      linear-gradient(145deg, #ffffff 0%, #f4f8f6 58%, #fffaf0 100%);
  }

  .partners-band::after {
    width: 220px;
    height: 220px;
    background-size: 17px 17px;
  }

  .partners-frame {
    padding: 6px;
    box-shadow: 0 18px 45px rgba(7, 61, 53, .12);
  }
}
