/*
 * Final type layer. Loaded after the page styles once --headline resolves to the
 * locally hosted Archivo Black face. Body, navigation, controls, form labels,
 * explanatory copy and original report artwork deliberately retain their own
 * type treatments.
 */

/*
 * Editorial layers previously reset some semantic headings to Inter with
 * high-specificity selectors. Keep every website heading in the single
 * headline family without requesting a synthetic bold weight.
 */
body :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--headline) !important;
  font-weight: 400 !important;
  letter-spacing: -0.018em !important;
  overflow-wrap: anywhere;
}

/* Non-semantic display/title helpers used throughout the support pages. */
.support-display,
.support-title,
.support-channel-list,
.support-return__steps strong,
.purchase-price {
  font-family: var(--headline) !important;
  font-weight: 400 !important;
  letter-spacing: -0.018em !important;
}

/*
 * The Sonoma luggage label is original label artwork in HTML. It is the sole
 * retained Anton treatment; its existing 42px size, line-height and dimensions
 * stay in site.css.
 */
.location-label .label-content strong {
  font-family: Anton, Impact, sans-serif;
}

/*
 * Archivo Black is wider than the prior condensed hero face. The adjusted
 * display range retains the hero composition while allowing each real word to
 * wrap cleanly inside the existing copy field.
 */
.editorial-home .hero-home h1 {
  max-inline-size: min(100%, 790px);
  font-size: clamp(52px, 5.9vw, 96px) !important;
  line-height: 0.96;
  text-wrap: balance;
}

/* The homepage section titles remain ordinary semantic headings: compact,
   readable, left-aligned Archivo Black—not an animated letter treatment. */
.editorial-home :is(#proof-title, #offer-title, #founder-title) {
  font: 400 clamp(28px, 2.8vw, 40px) / 1.02 var(--headline) !important;
  letter-spacing: -0.015em !important;
  text-align: left;
  text-transform: none !important;
}

@media (max-width: 760px) {
  .editorial-home .hero-home h1 {
    font-size: clamp(40px, 10.6vw, 60px) !important;
  }
}

/* At 320px, the longest unbroken hero word still fits the existing gutter. */
@media (max-width: 360px) {
  .editorial-home .hero-home h1 {
    font-size: clamp(35px, 10.6vw, 40px) !important;
  }
}