*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: clip; scroll-behavior: smooth; }
body { overflow-x: clip; margin: 0; color: var(--color-ink); background: #fff; font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
h1, h2, h3, p, figure, blockquote { margin: 0; }
h1, h2, h3 { font-family: var(--font-display); font-weight: 500; text-wrap: balance; }
h2 { font-size: clamp(35px, 4vw, 52px); line-height: 1.06; letter-spacing: -.04em; }
p { text-wrap: pretty; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
img { display: block; max-width: 100%; }
.wrap { width: min(var(--container-width), calc(100% - (var(--page-gutter) * 2))); margin-inline: auto; }
.section { padding-block: var(--section-space); }
.center { text-align: center; }