.welcome-page {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  align-items: center;
  background:
    repeating-radial-gradient(ellipse at 92% 82%, transparent 0 30px, #dff09516 31px 32px, transparent 33px 52px),
    radial-gradient(ellipse at 92% 82%, #39533a 0, #172d23 58%);
  color: var(--paper);
}

.welcome { padding-block: 64px; }
.welcome .eyebrow { color: var(--leaf); }

.welcome h1 {
  margin-block: 16px 30px;
  font-size: clamp(1.8rem, 8.9vw, 8.25rem);
  font-weight: 750;
  letter-spacing: -0.065em;
}

.welcome h1 span { color: var(--leaf); }

.welcome .button {
  background: var(--leaf);
  color: var(--ink);
}

.welcome .button:hover { background: var(--paper); }
.welcome .button:focus-visible { outline-color: var(--leaf); }