:root{
  --accent:#ef430f;
  --ink:#171717;
  --muted:#6f6b68;
  --line:#e7e3df;
  --soft:#f6f4f1;
  --white:#ffffff;
  --max:1440px;
  --pad:clamp(20px,4vw,64px);
  --radius:18px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--white);
  color:var(--ink);
  font-family:"Satoshi",Arial,sans-serif;
  font-size:18px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.wrap{width:min(var(--max),calc(100% - (var(--pad) * 2)));margin-inline:auto}
.mono{font-family:"IBM Plex Mono",monospace}
.muted{color:var(--muted)}
.accent{color:var(--accent)}

@media (max-width:640px){
  body{font-size:17px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}