/* ===== Wes typography over the original build: Fraunces / Jost / Courier Prime ===== */
body,.text-h1,.text-h3,.text-p1,.font-georgia-300{font-family:"Fraunces",Georgia,serif;font-variation-settings:"SOFT" 70,"WONK" 1,"opsz" 96}
body{font-weight:300}
.text-h1,.font-georgia-300,.text-h3{font-weight:300;letter-spacing:-.04em}
.text-p1{font-weight:300}
.text-supercaption{font-family:"Fraunces",serif;font-weight:300}
.text-h2,h2,.font-tex-gyre-400{font-family:"Jost",sans-serif;font-weight:400;letter-spacing:-.03em;font-size:86rem}
.hero-content .text-h2{font-size:86rem}
.text-p3,.nav-item,.button{font-family:"Jost",sans-serif;font-weight:500}
.text-p3{font-size:13rem;line-height:1.25}
.nav-item{text-transform:uppercase;letter-spacing:.14em;font-size:11rem}
.button{font-size:15rem;letter-spacing:.06em;text-transform:uppercase}
/* small caps labels above headings */
.section-heading > div.text-p3{text-transform:uppercase;letter-spacing:.18em;font-size:11rem;color:var(--rust)}
/* typewriter for tags, card roles and small figures */
.hero-bullet .text-p3,.business-card__heading .text-p3,.gift-card .text-p3,.podcast-card__about .text-p3:first-child{font-family:"Courier Prime",monospace;font-weight:400;text-transform:none;letter-spacing:.02em;font-size:13rem}
.business-card__logo{font-family:"Jost",sans-serif!important;font-weight:500!important;letter-spacing:.14em!important;font-size:20rem!important}
.media-card__logo,.charity-logo{font-family:"Jost",sans-serif!important;font-weight:500!important;letter-spacing:.14em!important}
/* --- as in the palette page: one serif family, italic accent, slightly firmer weight --- */
.text-h1,.font-georgia-300,.text-h3{font-weight:400;letter-spacing:-.03em;font-variation-settings:"SOFT" 80,"WONK" 1,"opsz" 144}
.text-h2,h2,.font-tex-gyre-400,.hero-content .text-h2{font-family:"Fraunces",serif;font-style:italic;font-weight:400;letter-spacing:-.03em;font-size:96rem;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144}
.hero-heading .text-h2:not(h1){font-style:normal}
.hero-bullet .text-p3{font-size:14rem}
/* italic only on the accent span, not the whole heading */
h2.text-h1,h2.text-h3,.text-h1{font-style:normal}
h2.text-h1 > span.text-h2,h1.text-h2 .font-georgia-300{font-style:italic}

/* Fraunces sits taller than the original condensed faces: give the big headings room */
.text-h1,.text-h3{line-height:98%}
.text-h2,h2,.font-tex-gyre-400,.hero-content .text-h2{font-size:88rem;line-height:98%}
/* the accent span is set larger than its line box: give it room so descenders don't hit the next block */
h2.text-h1 span.text-h2,h2.text-h3 span.text-h2,h1.text-h2 span.font-georgia-300{display:block!important;line-height:1.06}
.section-heading{padding-bottom:6rem}