/* =====================================================================
   welcome.css: the Welcome section (partials/site/welcome.html)
   ---------------------------------------------------------------------
   A centered column: eyebrow, title, date line and a short paragraph.
   Phone sizes are in responsive.css.
   ===================================================================== */

/* At least 60% of the screen tall: it must reach past the line 45% down
   the screen that js/scroll-spy.js watches, or its menu link never lights up. */
.welcome {
  min-height: 60vh; min-height: 60svh; padding: 64px;
  display: flex; flex-direction: column; justify-content: center;
}
.welcome__col {
  max-width: 600px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center;
}
.welcome .section-title { outline: none; }
.welcome__date { font-size: 12px; letter-spacing: .24em; text-transform: uppercase; color: var(--muted); }
.welcome__text { margin-top: 8px; font-size: 18px; line-height: 1.7; color: var(--muted); }