:root {
    --its-primary: #003f73;
    --its-secondary: #ffd400;
    --its-accent: #fff;
    --its-background: #fff;
    --its-surface: #f4f6f8;
    --its-text: #20262d;
    --its-link: #003f73;
    --its-header-bg: #fff;
    --its-header-text: #20262d;
    --its-footer-bg: #20262d;
    --its-footer-text: #fff;
    --its-content-width: 1100px;
    --its-site-width: 1240px;
}

*, *::before, *::after { box-sizing: border-box; }
body.its-site { margin: 0; background: var(--its-background); color: var(--its-text); }
a { color: var(--its-link); }
.its-site-width { width: min(calc(100% - 2rem), var(--its-site-width)); margin-inline: auto; }
.its-content-width { width: min(calc(100% - 2rem), var(--its-content-width)); margin-inline: auto; }
.its-topbar { background: var(--its-surface); }
.its-header { background: var(--its-header-bg); color: var(--its-header-text); z-index: 20; }
.its-header--sticky { position: sticky; top: 0; }
.its-header__inner { min-height: 5rem; display: flex; align-items: center; gap: 1.25rem; }
.its-brand { display: inline-flex; align-items: center; color: inherit; text-decoration: none; }
.its-brand img { display: block; max-height: 4rem; width: auto; }
.its-tagline { margin-right: auto; }
.its-nav { margin-left: auto; }
.its-hero, .its-important, .its-section, .its-contact { width: 100%; }
.its-content-wrap { padding-block: 2.5rem; }
.its-content-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
.its-content-grid.has-left { grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr); }
.its-content-grid.has-right { grid-template-columns: minmax(0, 1fr) minmax(12rem, 16rem); }
.its-content-grid.has-left.has-right { grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr) minmax(12rem, 16rem); }
.its-footer { background: var(--its-footer-bg); color: var(--its-footer-text); padding-block: 2rem; }
.its-footer a { color: inherit; }
.its-footer__meta { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; }

@media (max-width: 800px) {
    .its-header__inner { flex-wrap: wrap; padding-block: .75rem; }
    .its-tagline { display: none; }
    .its-nav { width: 100%; margin-left: 0; }
    .its-content-grid,
    .its-content-grid.has-left,
    .its-content-grid.has-right,
    .its-content-grid.has-left.has-right { grid-template-columns: 1fr; }
}