/**** RESET ****//**** RESET ****//**** RESET ****/

*, *::before, *::after {box-sizing: border-box;}
html {scroll-behavior: smooth; background-color: var(--color-bg-primary);}
body {min-height: 100vh; margin: 0px; overflow-x: hidden; font-family: var(--font-family-body); font-size: var(--font-size-base); font-weight: var(--font-weight-normal); line-height: var(--line-height-body); color: var(--color-text-primary); background-color: var(--color-bg-primary); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
main {display: block;}
img, svg {display: block; max-width: 100%;}
img {height: auto;}
button, input, textarea, select {font: inherit;}
button {color: inherit;}
a {color: var(--color-navy); text-decoration-thickness: var(--border-width); text-underline-offset: var(--space-3xs); transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);}
a:hover {color: var(--color-gold-dark);}
address {font-style: normal;}
figure {margin: 0px;}
table {border-collapse: collapse; border-spacing: 0px;}
::selection {color: var(--color-bg-white); background-color: var(--color-navy);}
:focus-visible {outline: var(--focus-width) solid var(--color-gold-dark); outline-offset: var(--space-3xs); box-shadow: var(--shadow-focus);}

/**** MEDIA 750 ****//**** MEDIA 750 ****//**** MEDIA 750 ****/

@media (max-width: 750px) {
    body.nav-open {overflow: hidden;}
}
