/* Reviews page premium editorial pass. */
.reviews-page .site-nav {
  gap: clamp(10px, 1.15vw, 18px);
  font-size: 13px;
  letter-spacing: 0.01em;
}

.reviews-page .site-nav > a,
.reviews-page .site-nav .nav-item > a {
  color: rgba(255, 255, 255, 0.78);
}

.reviews-page .site-nav > a[href="reviews.html"] {
  color: #fff;
}

.reviews-page .reviews-hero-media {
  width: 70%;
}

.reviews-page .reviews-hero-media img {
  object-position: center 48%;
}

.reviews-page .reviews-hero-copy p:not(.eyebrow) {
  max-width: 470px;
}

.reviews-page .hero-brush-line {
  width: 350px;
  height: 18px;
  transform: rotate(-0.7deg);
  transform-origin: left center;
}

.reviews-page .featured-recommendation,
.reviews-page .additional-recommendations,
.reviews-page .real-experiences,
.reviews-page .relationship-section,
.reviews-page .review-proof,
.reviews-page .share-section {
  border: 0 !important;
}

.reviews-page .recommendation-quote {
  max-width: 780px;
  margin-inline: auto;
}

.reviews-page .recommendation-quote blockquote {
  font-size: clamp(18px, 1.7vw, 21px);
  line-height: 1.65;
}

.reviews-page .recommendation-quote figcaption,
.reviews-page .quote-grid figcaption {
  margin-top: 12px;
  font-family: "Inter", Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.35;
  text-transform: uppercase;
}

.reviews-page .quote-grid figure {
  align-content: start;
  grid-template-rows: auto auto;
  gap: 12px;
}

.reviews-page .quote-grid figcaption {
  margin-top: 0;
}

.reviews-page .recommendation-list {
  max-width: 820px;
  gap: clamp(48px, 7vw, 76px) !important;
  background: transparent !important;
}

.reviews-page .section-title h2,
.reviews-page .relationship-copy h2,
.reviews-page .recommendation-label h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-transform: none;
}

.reviews-page .section-title h2 {
  font-size: clamp(30px, 3.5vw, 42px);
}

.reviews-page .relationship-copy h2,
.reviews-page .recommendation-label h2 {
  font-size: clamp(38px, 4vw, 52px);
}

.reviews-page .relationship-copy {
  display: grid;
  align-content: center;
}

.reviews-page .relationship-media img {
  object-position: center 48%;
}

.reviews-page .review-proof article,
.reviews-page .quote-grid figure,
.reviews-page .share-mark {
  border: 0 !important;
}

/* Remove grey card blocks and keep testimonials on uninterrupted dark fields. */
.reviews-page .featured-recommendation,
.reviews-page .additional-recommendations,
.reviews-page .real-experiences,
.reviews-page .review-proof,
.reviews-page .share-section {
  color: #f4f7f7;
  background: #030404 !important;
}

.reviews-page .real-experiences,
.reviews-page .review-proof {
  background: #080a0a !important;
}

.reviews-page .recommendation-quote,
.reviews-page .additional-recommendations .recommendation-quote,
.reviews-page .quote-grid figure,
.reviews-page .review-proof article {
  color: #f4f7f7 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.reviews-page .recommendation-quote blockquote,
.reviews-page .quote-grid blockquote,
.reviews-page .review-proof p,
.reviews-page .share-section p {
  color: rgba(244, 247, 247, 0.78) !important;
}

.reviews-page .section-title h2,
.reviews-page .review-proof h2,
.reviews-page .share-section h2 {
  color: #fff !important;
}

@media (max-width: 700px) {
  .reviews-page .site-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px 14px !important;
    align-items: center !important;
    padding: 12px 18px 10px !important;
  }

  .reviews-page .site-header .brand {
    min-width: 0 !important;
  }

  .reviews-page .site-header > .call-button {
    display: inline-flex !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    width: auto !important;
    max-width: max-content !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    color: #fff !important;
    background: var(--red) !important;
    border: 0 !important;
    font-size: 16px !important;
  }

  .reviews-page .site-header > .call-button img {
    display: none !important;
  }

  .reviews-page .site-header .site-nav {
    grid-column: 1 / -1;
    gap: 13px !important;
    padding-top: 4px;
    overflow-x: auto;
    border: 0 !important;
    font-size: 12px !important;
    flex-wrap: nowrap !important;
    scrollbar-width: none;
  }

  .reviews-page .site-header .site-nav::-webkit-scrollbar {
    display: none;
  }

  .reviews-page .reviews-hero-media {
    width: 100%;
    opacity: 0.58;
  }

  .reviews-page .hero-brush-line {
    width: 285px;
  }

  .reviews-page .relationship-copy h2,
  .reviews-page .recommendation-label h2 {
    font-size: clamp(36px, 8vw, 46px);
  }

  .reviews-page .section-title h2 {
    font-size: clamp(30px, 7vw, 38px);
  }

  .reviews-page .relationship-section,
  .reviews-page .relationship-media {
    min-height: 0;
  }

  .reviews-page .relationship-media {
    height: 430px;
  }

  .reviews-page .relationship-copy {
    padding-top: 46px;
    padding-bottom: 46px;
  }
}