/* Final homepage typography pass: hierarchy, legibility, and anchored navigation. */
html{scroll-padding-top:96px}
#main section[id],#main [id],#company{scroll-margin-top:96px}

/* The company chapter supports the hero instead of competing with it. */
.company-overview-heading h2{font-size:clamp(40px,3.75vw,48px);line-height:1.14;letter-spacing:-.038em}
.company-overview-copy .company-overview-lead{font-size:clamp(20px,1.5vw,21px);line-height:1.55;letter-spacing:-.016em}
.company-overview-copy>p:not(.company-overview-lead){color:#3f5140}
.company-overview-actions a{font-size:14px}
.company-overview-fact p{font-size:14px;line-height:1.78;color:#485848}

/* Small editorial labels stay quiet, but remain readable on real screens. */
#main :is(.company-overview-kicker,.case-meta,.proof-meta,.le-overline,.lp-index){font-size:11px}
#main :is(.company-overview-kicker,.case-meta,.proof-meta,.le-overline,.lp-index,.company-overview-fact p){color:#4b5b49}

/* Research is a compact register, not a second hero. */
#research .research-heading h2{font-size:clamp(38px,3.2vw,48px);line-height:1.14;letter-spacing:-.036em}
#research .research-heading>p{font-size:15px;line-height:1.75}
#research .research-row{min-height:112px;padding:20px 0}
#research .research-row-copy h3{font-size:clamp(25px,2vw,32px);line-height:1.18;letter-spacing:-.032em}
#research .research-row-copy p{margin-top:7px}

/* Footer navigation is body copy, not a caption. */
#company .sf-intro a,
#company .sf-columns nav>a,
#company .sf-channels a{font-size:14px;line-height:1.55}
#company .sf-person .sf-contact-label,
#company .sf-person .sf-name,
#company .sf-person .sf-role,
#company .sf-contact>p{font-size:12px;color:#596657}
#company .sf-legal p,
#company .sf-legal :is(a,button){font-size:12px;color:#596657}

/* Keep the italic hero phrase airy enough in the display face. */
#top h1 em{letter-spacing:-.018em;word-spacing:.06em}

@media(max-width:760px){
  html{scroll-padding-top:82px}
  #main section[id],#main [id],#company{scroll-margin-top:82px}

  #top h1{font-size:clamp(34px,9.25vw,42px);line-height:1.15;letter-spacing:-.025em}
  #top h1 em{letter-spacing:-.01em;word-spacing:.1em}
  #main .brand-eyebrow,
  #main :is(.company-overview-kicker,.case-meta,.proof-meta,.le-overline,.lp-index){font-size:11px!important;line-height:1.65}

  .company-overview-heading h2{font-size:35px;line-height:1.16;letter-spacing:-.032em}
  .company-overview-copy .company-overview-lead{font-size:19px;line-height:1.58;letter-spacing:-.012em}
  .company-overview-copy>p:not(.company-overview-lead){font-size:15px;line-height:1.8;color:#3f5140}
  .company-overview-fact p{font-size:14px;line-height:1.78}
  .company-overview-actions a{font-size:14px}

  #research .research-heading h2{font-size:34px;line-height:1.16}
  #research .research-heading>p{font-size:15px;line-height:1.75}
  #research .research-row{min-height:104px;padding:18px 0}
  #research .research-row-copy h3{font-size:23px;line-height:1.2}
  #research .research-row-copy p{font-size:12px;line-height:1.55;margin-top:6px}

  #company .sf-columns nav>a,
  #company .sf-intro a,
  #company .sf-channels a{font-size:14px}
}

/* Keep the mobile story concise without shrinking readable body copy. */
@media(max-width:760px){
  #top .hero-line-label{font-size:11px;letter-spacing:.05em;margin-bottom:8px}
  #top .hero-line-purpose{font-size:12px;line-height:1.5}

  #main #directions .ud-card>img{height:172px}
  #main #directions .ud-card{padding-top:12px;padding-bottom:18px}
  #main #directions .ud-card+.ud-card{padding-top:18px}
  #main #directions .ud-content{padding-top:14px}
  #main #directions .ud-content .ud-label{font-size:11px;letter-spacing:.05em;margin-bottom:10px}
  #main #directions .ud-content h2{font-size:32px}
  #main #directions .ud-content .ud-description{margin:12px 0 14px}
  #main #directions .ud-action{font-size:13px;min-height:44px;padding-top:4px}
  #main #directions .ud-foundations{font-size:12px;padding:10px 0 16px}

  .company-overview{padding:42px 0 44px}
  .company-overview-heading{gap:10px;padding-bottom:22px}
  .company-overview-layout{gap:25px;padding-top:25px}
  .company-overview-copy .company-overview-lead{margin-bottom:16px}
  .company-overview-copy>p{margin-bottom:12px}
  .company-overview-actions{gap:0;margin-top:20px}
  .company-overview-actions a{min-height:44px;border-top:0}
  .company-overview-actions a:first-child{border-top:1px solid #354a3540}
  .company-overview-fact{padding:14px 0}
  .company-overview-fact h3{margin-bottom:6px}

  #main #products .company-products-heading{margin-bottom:22px}
  #main #products .line-index{font-size:11px;margin-bottom:10px}
  #main #products .line-brand{margin-bottom:8px}
  #main #products .brand-line-owner{font-size:12px;margin-bottom:12px}
  #main #products .brand-line-pack{margin-bottom:14px}
  #main #products .brand-line-pack img{width:210px;height:220px}
  #main #products .home-product-line h3{font-size:27px;margin-bottom:10px}
  #main #products .line-description{margin-bottom:12px}
  #main #products .home-product-line+.home-product-line{padding-top:20px}
}

/* Restrained layout refinement: preserve the restored composition while
   improving reading scale, tablet balance and the page's vertical rhythm. */

/* Editorial metadata must remain subordinate without becoming miniature. */
#main :is(
  .brand-eyebrow,
  .company-overview-kicker,
  .hero-line-label,
  .ud-label,
  .line-index,
  .case-meta,
  .proof-meta,
  .proof-footnote,
  .le-overline,
  .lp-index,
  .company-practice-photo figcaption,
  .uc-picker-head>p
){font-size:12px!important;line-height:1.6!important}

/* A slightly tighter global cadence reduces repetition without removing air. */
#main{--section-space:clamp(58px,5.4vw,78px);--heading-space:36px}
#main #products .company-products-heading{margin-bottom:40px}
#field-result .field-case{margin-bottom:24px}
#field-result .case-meta{margin-bottom:20px}
#field-result .case-story{gap:clamp(28px,3.4vw,56px)}
#field-result .case-copy h3{margin-bottom:18px}
#field-result .case-copy .gp-trial-context{margin-top:16px}
#field-result .case-results{margin-top:24px}
#field-result .case-results>div{padding-top:18px;padding-bottom:18px}
#field-result .case-footer{margin-top:12px}
#field-result .field-other-studies article{padding:20px 0}
#field-result .field-other-studies h3{font-size:clamp(27px,2.1vw,30px)}

/* Keep the desktop footer authoritative, but remove ceremonial excess. */
@media(min-width:1101px){
  #company .sf-columns{padding:22px 0 28px}
  #company .sf-wordmark{padding:36px 0 40px}
}

/* The 768 px hero needs a wider text measure so the promise reads in three
   deliberate lines rather than four short fragments. */
@media(min-width:761px) and (max-width:900px){
  #top .hero-copy{width:68%;max-width:500px}
  #top h1{font-size:clamp(43px,5.8vw,45px);line-height:1.13}
  #top .hero-lead{max-width:470px}
}

/* Tablets use the same compact, touch-safe footer navigation as phones. */
@media(max-width:1100px){
  #company .sf-intro{padding:22px 0!important}
  #company .sf-columns{grid-template-columns:1fr!important;gap:0!important;padding:8px 0 18px!important}
  #company .sf-columns>nav{padding:4px 0!important;border-top:1px solid var(--sf-rule)}
  #company .sf-columns>nav>h2[hidden],
  #company .sf-columns>nav>a[hidden]{display:none!important}
  #company .home-footer-toggle{display:flex!important;width:100%;min-height:44px;padding:0;border:0;align-items:center;justify-content:space-between;color:var(--sf-ink);background:transparent;font:500 15px/1.4 var(--body,Arial,sans-serif);text-align:left;cursor:pointer}
  #company .home-footer-toggle::after{content:'+';color:#8c6b24;font:400 21px/1 var(--body,Arial,sans-serif)}
  #company .home-footer-toggle[aria-expanded='true']::after{content:'−'}
  #company .sf-columns nav>a{min-height:44px!important;padding:6px 0!important;font-size:14px!important}
  #company .sf-columns .sf-contact{grid-column:1;padding-top:20px!important;border-top:1px solid var(--sf-rule)}
  #company .sf-wordmark{padding:26px 0 30px!important}
  #company .sf-legal>.sf-shell{padding-top:16px!important}
}

@media(max-width:760px){
  #main{--section-space:58px;--heading-space:26px}
  #main #directions .ud-card>img{height:156px}
  #main #directions .ud-card{padding-bottom:14px}
  #main #directions .ud-card+.ud-card{padding-top:16px}
  #main #directions .ud-foundations{padding-top:8px}
  #main #products .company-products-heading{margin-bottom:18px}
  #field-result .case-results .le-overline{font-size:11px!important}
  #field-result .field-other-studies article{padding:16px 0!important}
  #field-result .field-other-studies h3{font-size:24px!important}
}