@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/montserrat-500.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/montserrat-600.woff2") format("woff2");
}
:root {
  --brand-teal: #00828A;
  --color-white: #ffffff;
  --color-page: #ffffff;
  --color-text: #203b4b;
  --color-tooltip: #15374d;
  --banner-overlay-opacity: 0.35;
  --color-banner-overlay: rgb(10 30 60 / var(--banner-overlay-opacity));
  --color-text-shadow: rgb(4 27 56 / 24%);
  --color-tooltip-shadow: rgb(4 27 56 / 16%);
  --font-body: "Segoe UI", Arial, Helvetica, sans-serif;
  --font-banner: "Montserrat", Arial, Helvetica, sans-serif;
  --logo-height: 56px;
  /* Unitless source-pixel geometry for the current 1672 x 941 PNG.
     These bounds frame its padded canvas without changing artwork pixels.
     A replacement export with different padding must update these settings. */
  --logo-canvas-width: 1672;
  --logo-artwork-width: 1573;
  --logo-artwork-height: 535;
  --logo-artwork-left: 67;
  --logo-artwork-top: 227;
  --header-padding-block: 8px;
  --content-max-width: 1600px;
  /* Extra Home text-to-skyline spacing; tall windows may add more stretch space. */
  --skyline-gap-extra: 40px;
}