* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
  --cream: #F5F0E8; --ink: #0A0A0A; --accent: #FF5C00;
  --muted: #5C5C5C; --border: #D8D3CC;
  --t-display: clamp(4rem, 10vw, 9rem);
  --t-heading: clamp(2rem, 5.5vw, 5.5rem);
  --t-sub: clamp(1.5rem, 3vw, 2.5rem);
  --t-body: 1rem; --t-label: 0.6875rem;
  --pad: clamp(1.5rem, 5vw, 4rem);
  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body { font-family: var(--font-sans); font-size: 16px; color: var(--ink); background: var(--cream); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: clip; }
a { color: inherit; text-decoration: none; }