/* ===== Home: "The Partner Behind Great Brands" logo wall (added after .saya-brands) ===== */
.saya-partners {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: var(--black, #1b1b1e);
  padding: clamp(56px, 6.6vw, 124px) 20px clamp(48px, 5.6vw, 104px);
  text-align: center;
}

/* faint Voxxy mark behind the logos */
.saya-partners__blob {
  position: absolute;
  width: 40%;
  top: 57%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.075;
  pointer-events: none;
  z-index: 0;
}

.saya-partners__blob img {
  display: block;
  width: 100%;
  height: auto;
}

.saya-partners__heading {
  position: relative;
  z-index: 1;
  margin: 0 0 clamp(34px, 5.4vw, 100px);
  font-family: 'Cal Sans', sans-serif;
  font-size: clamp(24px, 2.7vw, 48px);
  font-weight: normal;
  line-height: 1.15;
  letter-spacing: -0.5px;
  color: var(--green, #a2cf51);
}

.saya-partners__logos {
  position: relative;
  z-index: 1;
}

.saya-partners__logos img {
  display: block;
  width: 56vw;
  max-width: 1100px;
  height: auto;
  margin: 0 auto;
}

/* Tier 0 / 1 / 2 (1025-1679px): same 80% scale as the rest of the Home page
   (941px = 56vw at 1680px; never wider than the screen) */
@media (min-width: 1025px) and (max-width: 1679px) {
  .saya-partners {
    padding: calc(111px * var(--k, 0.8)) 20px calc(94px * var(--k, 0.8));
  }
  .saya-partners__heading {
    font-size: calc(45px * var(--k, 0.8));
    margin-bottom: calc(91px * var(--k, 0.8));
  }
  .saya-partners__logos img {
    width: min(calc(941px * var(--k, 0.8)), 92vw);
  }
}

/* tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .saya-partners { padding: 64px 24px 56px; }
  .saya-partners__heading { font-size: clamp(26px, 3.6vw, 34px); margin-bottom: 40px; }
  .saya-partners__logos img { width: 84vw; max-width: none; }
}

@media (max-width: 767px) {
  .saya-partners { padding: 48px 16px 44px; }
  .saya-partners__heading { font-size: clamp(22px, 6.4vw, 30px); margin-bottom: 28px; }
  /* fill the space between the 16px side paddings exactly, so left and right gaps match
     (96vw was wider than that space and ran off the right edge) */
  .saya-partners__logos img { width: 100%; max-width: none; }
  .saya-partners__blob { width: 70%; }
}