@media (max-width: 991px) { :root { --fs-hero: 84px; --fs-page-title: 92px; --fs-display: 64px; --fs-h2: 48px; --fs-menu: 72px; --space-section: 80px; --gap-split: 48px; --hero-inset: 14px; --header-pad-y: 22px; --header-pad-x: 20px; --radius-hero: 56px; --radius-banner: 30px; } } @media (max-width: 767px) { :root { --fs-body: 14.5px; --fs-small: 13.5px; --fs-hero: 64px; --fs-page-title: 76px; --fs-display: 52px; --fs-h2: 42px; --fs-menu: 56px; --space-section: 64px; --space-xl: 40px; --hero-inset: 10px; --radius-hero: 40px; --radius-banner: 24px; } } @media (max-width: 478px) { :root { --fs-hero: 56px; --fs-page-title: 64px; --fs-display: 44px; --fs-h2: 38px; --fs-menu: 48px; --space-section: 56px; --radius-hero: 36px; } }  html { scroll-behavior: smooth; } :focus-visible { outline: 2px solid var(--color-sage-dark); outline-offset: 3px; }  body { -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { margin: 0; } p, figure, ul, ol { margin: 0; padding: 0; } ul, ol { list-style: none; } img, svg:not([class*="brx-icon-"]) { display: block; max-width: 100%; } img { height: auto; } a:hover { color: var(--color-olive); } button { font: inherit; color: inherit; }