/* Base - reset, typography, container. */

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
h1,h2,h3,h4{margin:0;letter-spacing:-.02em;font-family:var(--font)}
h1{font-size:34px;line-height:1.1;font-weight:750}
h2{font-size:20px;font-weight:700}
h3{font-size:14px;font-weight:700}
.muted{color:var(--muted)}
.mono{font-family:var(--mono)}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}
.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}