body { min-height: 100vh; margin: 0; background: #8d6a46; }

.intro-shell {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 32px;
  background:
    radial-gradient(circle at 50% 20%, rgb(255 225 157 / 24%), transparent 42%),
    linear-gradient(145deg, #c9a875, #d9c39e 55%, #b28b5b);
}

.intro-card {
  width: min(820px, 100%);
  padding: clamp(36px, 7vw, 76px) clamp(28px, 7vw, 82px);
  border: 1px solid rgb(182 139 85 / 68%);
  border-radius: 10px;
  background: rgb(241 228 200 / 88%);
  box-shadow: 0 18px 44px rgb(91 64 44 / 24%);
  color: var(--ink);
  text-align: center;
}

.intro-kicker { margin: 0 0 18px; color: #876444; font: 600 1.05rem var(--font-hand); }
.intro-card h1 { margin: 0; font: 600 clamp(2.2rem, 6vw, 4.2rem)/1.15 var(--font-hand); }
.intro-copy { margin: 28px 0 34px; font: clamp(1rem, 2vw, 1.38rem)/1.9 var(--font-hand); }
.intro-copy p { margin: 0; white-space: nowrap; }
.intro-copy p:last-child { margin-top: 10px; color: #755235; }
.intro-enter { display: inline-block; min-width: 132px; text-decoration: none; }