/**
 * @file page-intro.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description A page's own headline and one line under it. Drawn by components/PageIntro.js. Reads only the
 *   tokens in theme.css and the shapes in poster.css; a page never styles it from outside.
 * @usage Linked from public/spa.html in the component block, whose order keeps the order these
 *   rules had when they were one sheet.
 * @version-history
 *   v1.0.0 — 2026-09-23 — Moved unchanged from css/parts*.css (UI consolidation phase 1, a move).
 */

/* ── Welcome (onboarding home) ── */
.poster-intro { margin-bottom: 2rem; }
.poster-intro-title {
  font-family: var(--font-poster);
  font-weight: var(--font-poster-weight);
  font-size: 2.6rem;
  letter-spacing: var(--font-poster-tracking);
  text-transform: uppercase;
  margin: 0 0 0.6rem;
  line-height: var(--font-poster-leading);
}
.poster-intro-sub { color: var(--text-dim); font-size: var(--text-md-plus); margin: 0; font-weight: var(--weight-semibold); }
@media (max-width: 560px) {
  .poster-intro-title { font-size: 1.7rem; }
}