*,*::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:110px}
body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;color:var(--ink);background:var(--paper)}
img,picture,video,svg{display:block;max-width:100%;height:auto}
img{background:var(--wash)}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-weight:600;line-height:1.13;text-wrap:balance}
p,li{max-width:72ch;text-wrap:pretty}
a,button,input,select,textarea{transition:color 180ms ease,background 180ms ease,border-color 180ms ease,transform 180ms ease}
:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
::selection{background:var(--orange);color:var(--ink)}
button:active,.btn:active{transform:translateY(1px)}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
