/**
 * Partner With Us homepage teaser — PDF p.7.
 */

/* PDF p.7 gives this box a substantial, deliberate frame — near the full
   height of its page, not a small card. Matches the other major Homepage
   sections' presence floor (previously a shorter 62svh made it read as
   visually underweighted against Catering/Collection either side of it),
   and the frame itself scales up to match rather than leaving that extra
   height as bare surrounding whitespace. */
.partner-teaser {
  background: var(--color-ash);
  padding-block: var(--section-pad-y);
  min-height: var(--section-min-height-flow);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.partner-teaser__frame {
  max-width: 1180px;
  margin: 0 auto;
  border: 1px solid var(--color-line-on-dark);
  padding-block: clamp(5rem, 16vh, 10rem);
  padding-inline: var(--space-8);
  text-align: center;
}

.partner-teaser__eyebrow {
  font-family: var(--font-ui);
  font-size: var(--fs-00);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-paper-on-dark-soft);
  margin: 0 0 var(--space-5);
}
.partner-teaser__heading {
  font-size: clamp(2.5rem, 5vw, var(--fs-6));
  color: var(--color-paper-on-dark);
  margin: 0;
}
.partner-teaser__rule {
  width: 64px;
  height: 0;
  margin-inline: auto;
  border: none;
  border-top: 1px solid var(--color-line-on-dark);
  margin-block: var(--space-8);
}
.partner-teaser__description {
  color: var(--color-paper-on-dark-soft);
  font-size: var(--fs-2);
  line-height: 1.75;
  max-width: 38rem;
  margin: 0 auto var(--space-9);
}
.partner-teaser__cta {
  display: inline-block;
  background: var(--color-paper-on-dark);
  color: var(--color-cherry-temp);
  font-family: var(--font-ui);
  font-size: var(--fs-00);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: var(--space-4) var(--space-7);
  transition: opacity var(--transition-fast);
}
.partner-teaser__cta:hover,
.partner-teaser__cta:focus-visible {
  opacity: 0.85;
}

/* ---- Phone: content-driven height, not a forced 100svh card ----
 * The desktop treatment intentionally matches Collection/Catering's full
 * viewport presence, but on a phone that same vh-based padding produces a
 * mostly-empty card (this is the exact "enormous empty card" the Phase 5
 * brief calls out). Below 640px the section sizes to its content instead,
 * with generous-but-proportionate fixed padding. */
@media (max-width: 640px) {
  .partner-teaser__frame {
    padding-block: var(--space-8);
    padding-inline: var(--space-6);
  }
  .partner-teaser__heading {
    font-size: clamp(2rem, 8vw, 2.5rem);
  }
  .partner-teaser__description {
    max-width: 26rem;
    /* var(--space-9) (96px) below the paragraph reads as a large dead gap
       before the button once the section is no longer forced to 100svh —
       there's no long vertical run of empty card left to fill anymore. */
    margin-bottom: var(--space-6);
  }
}