/* Brand typography roles, independent of section layout and image treatment. */
:root{--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
body #main :is(h1,h2,h3,h4,h5,h6),body #main :is(h1,h2,h3,h4,h5,h6) :is(button,a,span),body #main .experience-example-title{font-family:var(--serif)!important;font-weight:500;letter-spacing:-.02em}
body #main :is(h1,h2,h3,h4,h5,h6) em{font-family:var(--serif)!important;font-style:italic;font-weight:400}
body #main :is(p,dd,dt,label,input,textarea,select),body #main .experience-example-preview{font-family:var(--sans)!important}
body #main .experience-example-preview{font-weight:400;letter-spacing:0}
body #main :is(.disclosure-symbol,.need-indicator){font-family:var(--sans)!important}
body #main #needs .home-need summary h3{font-size:clamp(1.75rem,2.4vw,2.4rem);font-weight:500;line-height:1.2}
@media(max-width:800px){body #main #needs .home-need summary h3{font-size:clamp(1.625rem,5.6vw,2rem)}}
/* Matching buying-moment typography on Home and Experience. */
body #main #needs .home-need summary h3,body.experience-page #main .team-context-blend .experience-example-title{font-family:var(--serif)!important;font-size:clamp(1.75rem,2.4vw,2.4rem);font-weight:500;line-height:1.2;letter-spacing:-.02em}
body #main #needs .teams-inquiry-heading h2,body.experience-page #main .team-context-blend .experience-buying-intro h2{font-family:var(--serif)!important;font-size:clamp(2rem,3.4vw,3.5rem);font-weight:500;line-height:1.15;letter-spacing:-.02em}
@media(max-width:800px){body #main #needs .home-need summary h3,body.experience-page #main .team-context-blend .experience-example-title{font-size:clamp(1.625rem,5.6vw,2rem)}body #main #needs .teams-inquiry-heading h2,body.experience-page #main .team-context-blend .experience-buying-intro h2{font-size:clamp(1.875rem,6.6vw,2.5rem)}}