*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body,h1,h2,p,figure{margin:0}
body{min-width:320px}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
button,a{-webkit-tap-highlight-color:transparent}
button:active,.button:active{transform:translateY(1px)}
::selection{background:#cbd4c0;color:#283e32}
.skip{position:fixed;top:-100px;left:16px;z-index:100;padding:16px;background:var(--bg);color:var(--ink)}
.skip:focus{top:16px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}