/* Typography normalization — brand fonts preserved, readable scale, open spacing */

html body{
  font-size:1.0625rem;
  line-height:1.7;
  letter-spacing:.01em;
  word-spacing:.035em;
}

body :where(h1,h2,h3,h4,h5,h6){
  letter-spacing:-.015em!important;
  word-spacing:.02em!important;
  text-wrap:balance;
  overflow-wrap:break-word;
}

body :where(p,li,dd,blockquote,figcaption){
  letter-spacing:.012em!important;
  word-spacing:.04em!important;
  line-height:1.7!important;
}

body :where(p+p){margin-top:1em}
body :where(h1,h2,h3)+p{margin-top:.75em}

body.home :where(main h1,.hero h1,[class*="hero"] h1,[class*="-hero"] h1){
  font-size:clamp(2.4rem,4.8vw,4.25rem)!important;
  line-height:1.06!important;
  letter-spacing:-.02em!important;
}
body.home :where(main h2,section h2,[class*="section"] h2,[class*="head"] h2,[class*="premise"] h2){
  font-size:clamp(1.85rem,3.2vw,3.15rem)!important;
  line-height:1.12!important;
  letter-spacing:-.016em!important;
}
body :where(main h3,article h3,section h3,li h3){
  font-size:clamp(1.2rem,1.55vw,1.65rem)!important;
  line-height:1.28!important;
}

body.single :where(main h1,.entry-title,article h1){
  font-size:clamp(2rem,3.4vw,3.15rem)!important;
  line-height:1.12!important;
}
body.single :where(main h2,.entry-content h2,article h2){
  font-size:clamp(1.45rem,2.2vw,2.15rem)!important;
  line-height:1.22!important;
}
body.single :where(main h3,.entry-content h3,article h3){
  font-size:clamp(1.15rem,1.5vw,1.5rem)!important;
}
body :where(.entry-content p,.article-content p,.post-content p){
  font-size:clamp(1.05rem,1rem + .2vw,1.15rem)!important;
  line-height:1.75!important;
  max-width:68ch;
}

body :where([class*="eyebrow"],[class*="kicker"],[class*="label"],.eyebrow){
  font-size:clamp(.88rem,.86rem + .12vw,.98rem)!important;
  letter-spacing:.12em!important;
  word-spacing:.06em!important;
  line-height:1.45!important;
}
body :where(nav a,[class*="button"],[class*="btn"],.wp-element-button){
  font-size:clamp(.84rem,.82rem + .1vw,.94rem)!important;
  letter-spacing:.1em!important;
  word-spacing:.05em!important;
}
body :where(small,[class*="caption"],[class*="meta"],[class*="tag"],figcaption span){
  font-size:clamp(.82rem,.8rem + .1vw,.92rem)!important;
  letter-spacing:.08em!important;
  line-height:1.4!important;
}

/* Salty & Clever */
.scf-hero h1{
  font-size:clamp(2.75rem,5.5vw,4.75rem)!important;
  line-height:1.04!important;
  letter-spacing:-.022em!important
}
.scf-section-head h2,.scf-premise h2{
  font-size:clamp(2rem,3.6vw,3.35rem)!important;
  line-height:1.1!important;
  letter-spacing:-.018em!important
}
.scf-hero__deck p,.scf-section-head>p,.scf-premise h2+p{
  font-size:1.1rem!important;
  line-height:1.68!important;
  letter-spacing:.012em!important;
  word-spacing:.04em!important
}
.scf-brand{letter-spacing:-.02em!important}
.scf-eyebrow,.scf-section-mark>span{
  letter-spacing:.14em!important;
  word-spacing:.08em!important;
  font-size:.76rem!important
}

@media (max-width:900px){
  .scf-hero h1{font-size:clamp(2.35rem,10vw,3.5rem)!important;line-height:1.08!important}
  .scf-section-head h2,.scf-premise h2{font-size:clamp(1.8rem,7.5vw,2.7rem)!important}
}
@media (max-width:782px){
  body.home :where(main h1,.hero h1,[class*="hero"] h1){font-size:clamp(2.15rem,9.5vw,3.25rem)!important}
  body.home :where(main h2,section h2){font-size:clamp(1.7rem,7vw,2.5rem)!important}
}
