*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:7.8rem}
body{margin:0;overflow-x:hidden;background:var(--chalk);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
img,picture{display:block;max-width:100%}button,a{font:inherit}a{color:inherit}
section,article{scroll-margin-top:7.8rem}a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--leaf);outline-offset:4px}
.skip-link{position:fixed;left:.75rem;top:-6rem;z-index:100;padding:.8rem 1rem;background:var(--leaf);color:var(--night);font-weight:700}.skip-link:focus{top:.75rem}
.demo-note{position:fixed;right:.5rem;bottom:.5rem;z-index:70;margin:0;padding:.38rem .52rem;background:rgba(9,47,50,.9);color:#fff;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}
.overline{margin:0 0 1.35rem;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
::selection{background:var(--leaf);color:var(--night)}
@media(min-width:641px){html{scroll-padding-top:5.2rem}section,article{scroll-margin-top:5.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}