/* Typefaces: a light, clean serif for titles (Source Serif 4), Inter for reading and for the small spaced capitals
   of labels, menus and buttons. Both cover Greek and Latin. Loaded last on every page. */
:root{--fxs:"Source Serif 4",Georgia,"Times New Roman",serif;--italic:"Source Serif 4",Georgia,serif;--sans:"Inter","Helvetica Neue",Arial,sans-serif;--body:var(--sans);--display:var(--sans);--label:"Inter","Helvetica Neue",Arial,sans-serif}
body{font-family:var(--sans);font-weight:400;letter-spacing:.01em}
p,li,dd,.sub>p,.pf-about p{letter-spacing:.01em}
/* serif titles */
body:not(#_) :is(h1,h2,h3,h4,.name,.h2,.cta,.next-h,.ab-t,.pf-rows b,.stats b,.tile-s b,.next b,.sub-h,.ab-num,.did-col h3){font-family:var(--fxs)!important;font-stretch:100%!important;font-weight:400!important;letter-spacing:-.01em!important;text-transform:none!important}
body:not(#_) :is(.name,.h2,.cta,.case h1){font-weight:400!important;letter-spacing:-.02em!important}
.h2{font-size:clamp(2.4rem,1.5rem + 2.8vw,4.2rem)!important}.h2 em,h2 em{font-family:var(--fxs);font-style:italic}
body:not(#_) .case h1{font-size:clamp(2.4rem,1.4rem + 3vw,4.2rem)!important;line-height:1.05!important}body:not(#_) .case h2{font-size:clamp(1.8rem,1.3rem + 1.6vw,2.8rem)!important}
/* small headings (card titles, the about columns, CV rows, case-study blocks) use the sans, which reads cleaner at that size */
body:not(#_) :is(.ab-t,.pf-rows b,.stats b,.tile-s b,.sub-h,.did-col h3,.ab-num){font-family:var(--sans)!important;font-weight:600!important;letter-spacing:-.005em!important}
body:not(#_) .card-t{font-family:var(--sans)!important;font-weight:600!important;letter-spacing:-.005em!important;line-height:1.3}
/* home headline: the last line in italic, the lower two lines set in a little */
body:not(#_) .name{font-size:clamp(2.6rem,1rem + 4.2vw,5.4rem);line-height:1.02}
.name .l{font-variation-settings:normal!important}
.name .w + .w{padding-left:.4em}
body:not(#_) .name .w:last-child{font-style:italic}
/* small spaced capitals for labels, menus and buttons */
body:not(#_) :is(.topbar a,.lk,.tb,.pbtn,.r-label,.r-copy,.strip li,.strip-l,.pf-tb label,.card-c,.card-go,.card-n,.pf-w,.hint,.shuffle,.roles span,.label,.facts dt,.back,.go,.g-label,.ctabs button,.num,.icon-btn,.copy,.pfoot,.eyebrow,.tile-top,.chip,.did-h,.brand,.logo-word,.sec-head .label,.stats-note,.ct-ind,.pal-h,.next .label,.roles li){font-family:var(--label)!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase}
.pbtn{font-size:.72rem!important}.strip li{font-size:.7rem!important}
.hl{font-family:var(--label)!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.14em!important;font-size:clamp(.74rem,.68rem + .25vw,.88rem)!important;line-height:2.1!important}
/* calmer sizes on the project cards (phones keep their own small sizes from home.css) */
@media (min-width:641px){body:not(#_) .card-t{font-size:clamp(1.05rem,.95rem + .3vw,1.22rem)}body:not(#_) .card-d{font-size:.86rem}body:not(#_) .card-c{font-size:.62rem!important}body:not(#_) .card-go{font-size:.62rem!important}body:not(#_) .card-n{font-size:.66rem!important}}