*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;font:var(--type-body);color:var(--text-on-dark);background:var(--surface-page)}
a{color:var(--mk-gold);text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}
a:hover{color:var(--mk-gold-hover);text-decoration:underline;text-underline-offset:4px}
.mk-light a,.mk-sand a{color:var(--mk-blue)}
.mk-light a:hover,.mk-sand a:hover{color:var(--mk-navy)}
::selection{background:var(--mk-gold);color:var(--mk-navy)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
.mk-eyebrow{font:var(--type-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--mk-gold)}
.mk-h1,.mk-h2,.mk-h3{text-transform:uppercase;font-weight:var(--fw-medium);letter-spacing:var(--ls-heading);text-wrap:balance}
.mk-h1{font:var(--type-h1);letter-spacing:var(--ls-display)}
.mk-h2{font:var(--type-h2);letter-spacing:var(--ls-heading)}
.mk-h3{font:var(--type-h3);letter-spacing:var(--ls-heading)}
p{text-wrap:pretty}