/* One type scale for every page's first screen (22 Oct 2026, Simeon: the AI Coworker page looked different and
   the headlines were too large). Loaded last on every page with the site menu. */
main h1{font-family:'DM Sans',sans-serif!important;font-weight:700!important;font-size:clamp(2.3rem,4vw,3.5rem)!important;line-height:1.06!important;letter-spacing:-.035em!important;text-wrap:balance}
main h1 em{font-family:inherit!important;font-style:normal!important;font-weight:inherit!important;color:#e8503a!important}
main h2.big{font-size:clamp(2.2rem,4vw,3.5rem)!important;line-height:1.05!important}
main .mono.eyebrow,main .eyebrow,main .ag-eyebrow,main .hm-eyebrow{font-family:'DM Sans',sans-serif!important;font-size:.95rem!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
main .mono.eyebrow{color:#c93d29}
/* Same colours and header button on the older pages as on the home page (direction.css values). */
:root{--red:#d73b27!important;--paper:#faf9f6}
body{background:#faf9f6}
.site-header .actions .btn,.site-header .nav-mobile{border-radius:100px}
/* Older (legacy-content) pages: brand red and the same title style; policy pages have no <main>. */
:root,.legacy-content{--rec:#d73b27!important;--rec-2:#e8503a!important}
h1.ph{font-family:'DM Sans',sans-serif!important;font-weight:700!important;font-size:clamp(2.1rem,3.6vw,3.1rem)!important;letter-spacing:-.035em!important}
.mono.eyebrow,.eyebrow{font-family:'DM Sans',sans-serif!important;font-size:.95rem!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:#c93d29!important}