@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;500&display=swap');
:root{--serif:"IBM Plex Serif",Georgia,"Times New Roman",serif;--sans:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}
body{font-family:var(--sans);font-weight:400}
.wordmark{font-family:Georgia,"Times New Roman",serif;font-weight:400}
h1,h2,h3,.hero .lede,.lede,.route-lede,.impact-copy p,.list-copy p:not(.eyebrow),.brand-panel-copy{font-family:var(--serif)}
.hero h1{font-size:clamp(1.5rem,2.2vw,2.2rem);letter-spacing:normal}
.hero .lede{font-size:11px}
.section-intro h2,h2{font-size:clamp(1.6rem,3vw,2.8rem);font-weight:400;letter-spacing:normal}
.site-header nav,.utilities,.eyebrow,.arrow-link,.product p,.product strong,.add-product,.category,.footer,.copyright,.route-nav,.route-kicker,.route-footer,.route-button{font-size:10px}
.route-main h1,.route-card h2{font-family:var(--serif);font-weight:400;letter-spacing:normal}