/* ===========================================================================
   Section 2 - the welcome.

   A letter on cream paper. Centred, because a letter IS centred: this is the
   one place the brief's own form asks for symmetry, and the content is the
   design (the anti-centre bias in the design skill exempts exactly this case).
   =========================================================================== */

.section--welcome {
  background-color: var(--ground-cream);
}

.welcome__content {
  text-align: center;
}

.welcome__salutation {
  color: var(--ink);
  margin-block-end: var(--space-lg);
}

.welcome__letter {
  display: grid;
  gap: var(--space-md);
  justify-items: center;
}

.welcome__paragraph {
  /* Letter-spaced small caps, from the font's own smcp table, which is what the
     reference sets this body copy in. Not uppercased text at a smaller size. */
  font-size: var(--fs-sm);
  line-height: 1.85;
  color: var(--ink);
  max-width: 30rem;
  text-wrap: pretty;
}

.welcome__sign-off {
  font-size: var(--fs-sm);
  color: var(--ink-muted);
  margin-block-start: var(--space-sm);
}

.welcome__signature {
  font-family: var(--font-script);
  font-size: var(--fs-xl);
  line-height: 1.3;
  /* Pinyon Script's descenders on the h in Maahi and the d in Vardhan need the
     reserve, or a tight line-height clips them. */
  padding-block-end: 0.14em;
  color: var(--ink);
  max-width: none;
}

/* --- Research R5 go/no-go: the place and dates, portrait only -------------
   The portrait hero crop leaves no room below the couple for this line (only
   0.066 of the photo's height is free, under the 0.10 floor R5 needs), so the
   couple chose to carry it here instead of shrinking it onto them. Hidden in
   landscape, where the hero photograph already carries the same two facts
   flanking the couple (home.css) - display:none means a given viewport is
   never shown both copies (SC-002). */

.welcome__meta {
  display: none;
  margin: 0;
  max-width: none;
}

@media (max-aspect-ratio: 1/1) {
  .welcome__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    gap: var(--space-2xs) var(--space-md);
    margin-block-start: var(--space-md);
    color: var(--ink);
    font-size: var(--fs-lg);
  }
}

.welcome__dates {
  font-family: var(--font-display);
  letter-spacing: var(--tracking-display);
  /* Lining figures: a date is a number you read, not running prose (same rule
     as .hero__dates, home.css). */
  font-variant-numeric: lining-nums;
  font-feature-settings: 'lnum' 1;
}