*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font);
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--display);line-height:1.05;letter-spacing:.02em;margin:0 0 .55rem;text-transform:uppercase}
p{margin:0 0 1rem;color:var(--muted)}
ul{margin:0;padding:0;list-style:none}
.wrap{width:min(100% - 2rem,var(--max));margin-inline:auto}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}