body {
  background:
    radial-gradient(circle at 12% 18%, rgba(167,139,250,.22), transparent 34%),
    radial-gradient(circle at 86% 20%, rgba(191,219,254,.16), transparent 38%),
    radial-gradient(circle at 58% 82%, rgba(251,207,232,.12), transparent 42%),
    linear-gradient(145deg, var(--ink) 0%, var(--ink-soft) 46%, var(--navy) 100%);
  background-attachment: fixed;
  color: var(--text);
  font-family: var(--sans);
  line-height: 1.65;
}
.container { width: min(var(--content), calc(100% - 40px)); margin-inline: auto; }
.page-main { min-height: calc(100vh - 220px); padding-top: 72px; }
.section { padding: clamp(64px, 9vw, 112px) 0; }
.eyebrow { color: var(--pink); font-size: 11px; letter-spacing: .22em; text-transform: uppercase; }
.display { font: 300 clamp(46px, 7vw, 92px)/.95 var(--serif); letter-spacing: .02em; }
.section-title { font: 300 clamp(34px, 5vw, 58px)/1 var(--serif); }
.lead { max-width: 700px; color: var(--muted); font-size: clamp(17px, 2vw, 22px); }
.button { display: inline-flex; justify-content: center; padding: 12px 20px; border: 1px solid var(--lilac-200); border-radius: 999px; text-transform: uppercase; letter-spacing: .12em; font-size: 11px; transition: .2s ease; }
.button:hover { color: var(--ink); background: var(--gradient); border-color: transparent; }
.button-row { display: flex; flex-wrap: wrap; gap: 12px; }