/* ==========================================================================
   Kwest LLC — Partners page sections. Page-specific, linked only on
   partners.html. Reuses .hero, .tracks__grid/.track-card, .cta-banner
   from home.css/components.css.
   ========================================================================== */

/* ---------------------------------------------------------------------
   Hero image (contained, not full-bleed)
   --------------------------------------------------------------------- */

.partners-image-section {
  padding: 64px 24px;
}

.partners-image-frame {
  max-width: 900px;
  aspect-ratio: 16 / 9;
  margin-inline: auto;
  border-radius: 12px;
  overflow: hidden;
  background-color: var(--color-bg-light);
}

.partners-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  .partners-image-section {
    padding: 40px 20px;
  }
}

/* ---------------------------------------------------------------------
   Partnership inquiry CTA (light background, distinct from the final
   navy CTA banner)
   --------------------------------------------------------------------- */

.partner-inquiry {
  background-color: var(--color-bg-light);
  padding: 96px 24px;
  text-align: center;
}

.partner-inquiry__title {
  font-size: var(--fs-section-header);
  font-weight: var(--fw-section-header);
  color: var(--color-navy);
  margin-bottom: 20px;
  text-wrap: balance;
}

.partner-inquiry__text {
  max-width: 680px;
  margin: 0 auto 32px;
  font-size: var(--fs-body-paragraph);
  font-weight: var(--fw-body-paragraph);
  line-height: var(--lh-body-paragraph);
  color: var(--color-text-body);
}

@media (max-width: 768px) {
  .partner-inquiry {
    padding: 48px 20px;
  }

  .partner-inquiry__title {
    margin-bottom: 16px;
  }

  .partner-inquiry__text {
    margin-bottom: 24px;
  }
}