/* ══════════════════════════════════════════
   EiGHT's CHiLi — CSS RESET
   ══════════════════════════════════════════ */
* { box-sizing: border-box; }

/* Native #anchor jumps (same-page and cross-page) animate the same
   way everywhere, so section links don't need a bespoke JS handler
   per page just to get a smooth scroll. */
html { scroll-behavior: smooth; }

html, body, div, span, header, footer, section, article, aside, nav,
h1, h2, h3, h4, h5, h6, p, ol, ul, li, a, i, s, address, sub, sup,
form, label, iframe, embed, audio {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* ══════════════════════════════════════════
   BODY
   ══════════════════════════════════════════ */
body {
  background: #ffffff;
  color: var(--dark);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  line-height: var(--line-height-body);
}
p {
  font-size: var(--fs-body);
  line-height: var(--line-height-body);
  margin: 0;
}