:root {
  --color-page: #f7f3ec;
  --color-ink: #25211b;
  --color-muted: #6f675d;
  --space-page: clamp(24px, 6vw, 96px);
  --font-body: Georgia, "Times New Roman", serif;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--color-page);
  color: var(--color-ink);
  font-family: var(--font-body);
}

main {
  min-height: 100vh;
  display: grid;
  align-items: center;
  padding: var(--space-page);
}

section {
  max-width: 820px;
}

p:first-child {
  font-family: var(--font-ui);
  font-size: 0.82rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-muted);
  margin: 0 0 32px;
}

h1 {
  font-size: clamp(3rem, 8vw, 6.5rem);
  line-height: 0.95;
  letter-spacing: -0.055em;
  margin: 0;
  max-width: 900px;
}

h1 + p {
  font-size: clamp(1.25rem, 2.2vw, 1.75rem);
  line-height: 1.45;
  color: var(--color-muted);
  max-width: 680px;
  margin: 32px 0 0;
}