/* FONT OPTION A: brand book (Playfair Display for titles, subtitles, quotes; Roboto for text)
   To use it, link this file instead of fonts-general-sans.css in each page's <head>. */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap");
:root{--sans:"Roboto",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Playfair Display",Georgia,serif}

/* ===== Brand-book typography: Playfair Display for titles, subtitles, quotes; Roboto for text ===== */
h1,h2,h3,h4,.display,.h1,.h2,.h3,.statement,.quote-big,blockquote,
.big,.wordmark,.tr b,.date b,.forme-list b,.brand span,.ep-more b,.ac-num{font-family:var(--serif)}
.brand small{font-family:var(--sans)}
/* big titles: medium weight, natural spacing (Playfair needs less negative tracking than a grotesk) */
h1,.display,.h1,.h2,.statement,.hx h1,.page-head h1{font-weight:500!important;letter-spacing:-.015em!important;line-height:1.08}
h2{letter-spacing:-.01em!important}
/* small titles: semibold, a touch tighter */
h3,h4,.h3,.forme-list b{font-weight:600!important;letter-spacing:-.005em!important}
.big,.tr b,.date b,.wordmark{font-weight:500!important;letter-spacing:-.02em!important}
/* accent words inside titles stay italic */
h1 .serif,h2 .serif,.h2 .serif,.display .serif,.hx h1 em{font-style:italic;font-weight:500}
/* quotes */
.quote-big,blockquote{font-style:italic;font-weight:400;letter-spacing:0!important}
h1,h2,h3,h4,.display,.h1,.h2,.h3,.big,.tr b,.date b,.ev-date b,.ep-n,.ep-more b,.mstep b{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}