/* The Field typography: approved Cormorant Garamond / Manrope pair.
   Brand-book roles: serif headlines and short statements; sans-serif reading,
   logistics, labels and navigation. Keep the mobile readability scale. */
:root {--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
body {font-family:var(--sans);font-weight:400}
body #main :is(h1,h2,h3,.service-title,.domain-title) {font-family:var(--serif);font-weight:500;font-style:normal;letter-spacing:-.02em}
body #main h1 {line-height:1.1}
body #main h2 {font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.15}
body #main :is(h3,.service-title,.domain-title) {font-size:clamp(1.75rem,2.4vw,2.4rem);line-height:1.2}
body #main :is(p,dd,.service-deck,.domain-question) {font-family:var(--sans);font-size:1.0625rem;font-weight:400;line-height:1.75;letter-spacing:0}
body #main :is(.behind-statement,.experience-deck) {font-family:var(--serif);font-weight:400;line-height:1.3}
body #main .behind-statement {font-size:clamp(2rem,3.1vw,3rem)}
body #main .experience-deck {font-size:1.375rem}
body #main :is(.eyebrow,.method-label,.person-role,.day-label),body #main .behind-band-copy h2 {font-family:var(--sans);font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:.09em}
body #main .experience-practical dt {font-family:var(--sans);font-size:1.0625rem;font-weight:600;line-height:1.5;letter-spacing:0}
body :is(nav,button,.text-link,.site-footer,summary) {font-family:var(--sans)}
body #main :is(h1,h2,h3,.behind-statement,.experience-deck) em {font-family:var(--serif);font-style:italic;font-weight:400}
body #main :is(h1,h2,h3) strong {font-weight:inherit}
body #main p strong {font-weight:600}
@media(max-width:800px) {
 body #main h1 {font-size:clamp(2.125rem,7.8vw,3rem)}
 body #main h2 {font-size:clamp(1.875rem,6.6vw,2.5rem)}
 body #main :is(h3,.service-title,.domain-title) {font-size:clamp(1.625rem,5.6vw,2rem)}
 body #main .behind-statement {font-size:clamp(1.65rem,6vw,2.1rem)}
 body #main .behind-band-copy h2 {font-size:.875rem}
}

/* Use the supplied brand faces and their actual available weights. */
body strong,body b{font-weight:600}
body #main :is(h1,h2,h3,h4,h5,h6){font-family:var(--serif);font-weight:500}
body #main :is(p,li,dd,dt,input,textarea,select){font-family:var(--sans)}
body #main em{font-family:var(--serif);font-style:italic;font-weight:400}
body #main :is(h1,h2,h3) strong{font-weight:500}
body #main .model-tab{font-family:var(--serif);font-weight:500}