main.deck,
main.hero {
  min-height: calc(100vh - var(--nav-height) - 48px);
}

.intro-deck {
  padding: clamp(28px, 4vw, 48px) clamp(16px, 4vw, 32px) 96px;
}

.letter-scene {
  display: grid;
  place-items: center;
}

.letter-paper {
  width: min(880px, 100%);
  padding: clamp(28px, 5vw, 56px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.94)),
    linear-gradient(180deg, rgba(255, 164, 127, 0.08), rgba(143, 87, 0, 0.05));
  border: 1px solid rgba(49, 58, 71, 0.14);
  box-shadow: 0 20px 60px rgba(49, 58, 71, 0.08);
}

.letter-kicker {
  margin: 0 0 10px;
  font-size: 0.74rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #8F5700;
}

.letter-title {
  margin: 0 0 28px;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.02;
  color: #313A47;
}

.letter-body {
  display: grid;
  gap: 18px;
}

.letter-body p {
  margin: 0;
  font-size: clamp(1rem, 1.3vw, 1.08rem);
  line-height: 1.8;
  color: rgba(49, 58, 71, 0.9);
}

.letter-signoff {
  margin-top: 34px;
  display: grid;
  gap: 10px;
}

.letter-closing {
  margin: 0;
  color: #8F5700;
}

.letter-signature {
  margin: 0;
  font-family: 'IM FELL DW Pica SC', sans-serif;
  font-size: clamp(2.1rem, 4vw, 3rem);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #313A47;
}

@media (max-width: 768px) {
  .intro-deck {
    padding-top: 20px;
  }

  .letter-paper {
    padding: 24px 20px 28px;
  }

  .letter-body {
    gap: 16px;
  }
}