*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:88px}
body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text);background:var(--bg)}
img,video,svg{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
a{color:inherit;text-decoration:none}
h1,h2,h3{line-height:1.06;text-wrap:balance;font-family:var(--font-display)}
p{max-width:65ch;text-wrap:pretty}
a,button{transition:background .2s,color .2s,border-color .2s,opacity .2s}
:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
::selection{background:var(--coral);color:var(--ink)}
[hidden]{display:none!important}
.skip{position:fixed;top:-100px;left:16px;padding:12px 20px;z-index:100;background:var(--cream);color:var(--ink)}
.skip:focus{top:12px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}