/* This Found — hero CTA and Brands typography refinement 1728.
   Enlarges only the banner-slider actions and gives the Brands overview the same
   title/supporting-copy hierarchy as the approved homepage. */

:root{
  --tf-1728-title:var(--tf-hermes-title,"Cormorant Garamond",Georgia,"Times New Roman",serif);
  --tf-1728-support:var(--tf-hermes-support,"Roboto","Helvetica Neue",Arial,sans-serif);
}

/* Hero slider CTAs: retain the established pill interaction, but restore visual weight. */
html body .tff-production-site[data-page="home"] .tff-slide-copy>a.tff-cta{
  min-height:50px!important;
  padding:0 24px!important;
  gap:17px!important;
  font-family:var(--tf-1728-support)!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

html body .tff-production-site[data-page="home"] .tff-slide-copy>a.tff-cta b{
  font-size:17px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1!important;
}

/* Brands overview: headings use the editorial italic serif. */
html body .tff-production-site[data-page="brands"] .tff-inner-hero h1,
html body .tff-production-site[data-page="brands"] .tff-brand-card h3,
html body .tff-production-site[data-page="brands"] .tff-chapters :is(h2,h3,h4){
  font-family:var(--tf-1728-title)!important;
  font-style:italic!important;
  font-weight:400!important;
  font-synthesis:none!important;
  font-variant:normal!important;
  font-variant-caps:normal!important;
  text-transform:none!important;
}

html body .tff-production-site[data-page="brands"] .tff-inner-hero h1{
  letter-spacing:-.035em!important;
}

html body .tff-production-site[data-page="brands"] .tff-brand-card h3{
  margin:8px 0 16px!important;
  font-size:clamp(28px,2.45vw,40px)!important;
  line-height:.98!important;
  letter-spacing:-.032em!important;
}

html body .tff-production-site[data-page="brands"] .tff-chapters :is(h2,h3,h4){
  letter-spacing:-.025em!important;
}

/* Brands overview: eyebrows and all supporting copy stay upright sans. */
html body .tff-production-site[data-page="brands"] :is(
  .tff-inner-hero .tff-eyebrow,
  .tff-brand-card .tff-eyebrow,
  .tff-chapters .tff-eyebrow
),
html body .tff-production-site[data-page="brands"] .tff-inner-hero>div:last-child>p:last-child,
html body .tff-production-site[data-page="brands"] .tff-brand-card>div>strong,
html body .tff-production-site[data-page="brands"] .tff-brand-card>div>em,
html body .tff-production-site[data-page="brands"] .tff-chapters article>div>p:not(.tff-eyebrow){
  font-family:var(--tf-1728-support)!important;
  font-style:normal!important;
  font-synthesis:none!important;
  font-variant:normal!important;
  font-variant-caps:normal!important;
}

html body .tff-production-site[data-page="brands"] :is(
  .tff-inner-hero .tff-eyebrow,
  .tff-brand-card .tff-eyebrow,
  .tff-chapters .tff-eyebrow
){
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.35!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}

html body .tff-production-site[data-page="brands"] .tff-inner-hero>div:last-child>p:last-child{
  max-width:620px!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.62!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

html body .tff-production-site[data-page="brands"] .tff-brand-card>div>strong{
  display:block!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.42!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

html body .tff-production-site[data-page="brands"] .tff-brand-card>div>em{
  display:block!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.3!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}

html body .tff-production-site[data-page="brands"] .tff-chapters article>div>p:not(.tff-eyebrow){
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.68!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

@media(max-width:620px){
  html body .tff-production-site[data-page="home"] .tff-slide-copy>a.tff-cta{
    min-height:48px!important;
    padding:0 21px!important;
    gap:14px!important;
    font-size:11px!important;
  }

  html body .tff-production-site[data-page="brands"] .tff-inner-hero>div:last-child>p:last-child{
    font-size:14px!important;
    line-height:1.58!important;
  }

  html body .tff-production-site[data-page="brands"] .tff-brand-card h3{
    font-size:34px!important;
  }
}
