/* This Found — homepage typography and navigation balance 1726.
   Final public layer: restores the common page scale, protects card-title legibility,
   simplifies the yellow wholesale band and unifies desktop navigation typography. */

/* MAUDE Apps follows the same hierarchy as the other homepage sections. */
html body .tff-production-site[data-page="home"] .tff-apps-copy .tff-eyebrow{
  font-family:var(--tf-hermes-support,"Roboto","Helvetica Neue",Arial,sans-serif)!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1.25!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

html body .tff-production-site[data-page="home"] .tff-apps-copy h2{
  max-width:460px!important;
  margin:10px 0 16px!important;
  font-size:clamp(26px,2.35vw,34px)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}

html body .tff-production-site[data-page="home"] .tff-apps-copy>p:not(.tff-eyebrow){
  max-width:620px!important;
  margin:0 0 18px!important;
  font-family:var(--tf-hermes-support,"Roboto","Helvetica Neue",Arial,sans-serif)!important;
  font-size:13px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1.65!important;
  letter-spacing:0!important;
}

html body .tff-production-site[data-page="home"] .tff-apps-copy>strong{
  display:block!important;
  margin:0!important;
  padding-top:15px!important;
  font-family:var(--tf-hermes-support,"Roboto","Helvetica Neue",Arial,sans-serif)!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1.45!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}

/* New & Noted titles must never collapse to the old 10px tablet rule. */
html body .tff-production-site[data-page="home"] .tff-news-grid h3{
  max-width:360px!important;
  margin:14px 0 16px!important;
  font-family:var(--tf-hermes-title,"Cormorant Garamond",Georgia,"Times New Roman",serif)!important;
  font-size:clamp(28px,2.55vw,40px)!important;
  font-style:italic!important;
  font-weight:400!important;
  line-height:.98!important;
  letter-spacing:-.04em!important;
}

/* The yellow band now carries only its eyebrow and wholesale action. */
html body .tff-production-site[data-page="home"] .tff-wholesale-band{
  grid-template-columns:minmax(0,1fr) auto!important;
  min-height:116px!important;
  gap:28px!important;
  padding:34px clamp(24px,5vw,72px)!important;
}

html body .tff-production-site[data-page="home"] .tff-wholesale-band>h2,
html body .tff-production-site[data-page="home"] .tff-wholesale-band>p:not(.tff-eyebrow){
  display:none!important;
}

html body .tff-production-site[data-page="home"] .tff-wholesale-band>.tff-eyebrow{
  margin:0!important;
  font-size:10px!important;
}

html body .tff-production-site[data-page="home"] .tff-wholesale-band>a{
  grid-column:auto!important;
  justify-self:end!important;
}

/* Main navigation and the mega-menu index share one uppercase system. */
html body .tff-production-site .tff-header .tff-nav :is(a,button),
html body .tff-production-site .tff-header :is(.tff-header-note-link,.tff-login,.tff-pill),
html body .tff-production-site .tff-reference-menu__index>a{
  font-family:var(--tf-hermes-support,"Roboto","Helvetica Neue",Arial,sans-serif)!important;
  font-size:10px!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 .tff-reference-menu__index>a{
  margin-bottom:12px!important;
}

@media(max-width:900px){
  html body .tff-production-site[data-page="home"] .tff-news-grid h3{
    font-size:28px!important;
  }
}

@media(max-width:620px){
  html body .tff-production-site[data-page="home"] .tff-apps-copy h2{
    font-size:30px!important;
  }

  html body .tff-production-site[data-page="home"] .tff-apps-copy>p:not(.tff-eyebrow){
    font-size:13px!important;
  }

  html body .tff-production-site[data-page="home"] .tff-news-grid h3{
    font-size:30px!important;
  }

  html body .tff-production-site[data-page="home"] .tff-wholesale-band{
    grid-template-columns:1fr!important;
    min-height:0!important;
    gap:18px!important;
    padding:30px 18px!important;
  }

  html body .tff-production-site[data-page="home"] .tff-wholesale-band>a{
    justify-self:start!important;
  }
}