/* ============================================================ */
/* MAISON FORGE · SITE-WIDE TYPOGRAPHY PASS                      */
/* Loaded LAST on every page — single source of type truth.     */
/* Paragraph font: Poppins. One paragraph size, one title size. */
/* ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap');

:root {
  --font-body: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --type-paragraph: clamp(14px, 1.15vw, 19.4px);  /* universal paragraph size, Poppins Light */
  --type-title: clamp(52px, 7.3vw, 114px);        /* ref: "Who are our Luminaries?" */
}

body {
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* The logo is NEVER re-typeset — logotype text always uses the actual
   brand face (Helvetica bold), exactly as in mf-logo.png. */
.word-mark, .mf-logotype, .nav-wordmark, footer .wordmark, .mc-wordmark {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* ── One universal paragraph size, in Poppins Light ───────── */
p:not(.hero-tagline):not(.hpq-line):not(.lum-brief),
.body-text, .intro-text, .page-sub, .qa-answer, .qa-answer p,
.tp-bio, .p-bio, .group-intro, .profile-body,
.lum-card-summary, .lum-card-tagline,
.tier-tagline, .tier-desc, .one-day-body p, .close-body,
.sus-qa-answer, .note-text, .vb-answer {
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  /* Reverted 2026-09-17 (owner): back to the site's original paragraph size. */
  font-size: clamp(18px, calc(1.15vw + 4px), 23.4px) !important;
  font-weight: 300 !important;
}

/* ── BUTTONS ─────────────────────────────────────────────────
   TASK-20260917 put ONE glass-outline button here (.mf-btn) on every element.
   Merged with MF-735 (owner's call, 2026-09-18): the site's button system is
   site-system.css — filled gold / gold outline, glass on hover — loaded LAST on
   every page, so the .mf-btn block was removed rather than left as a dead
   !important layer. The top bar's box stays in menu-styles.css. */

/* ── One universal section-title size — large and dramatic ── */
/* ── One universal section-title size — large and dramatic ──
   RESTORED 2026-09-17 to the site's original values (owner: "all main titles
   need to be large again"). The fixed scale this task tried is gone. */
/* The homepage's big headlines keep the original size. */
h2.headline, .team-title, .diff-title {
  font-size: clamp(34px, 7.3vw, 114px) !important;
  line-height: 1.05;
}
/* TASK-20260917 (owner): sub-page titles a step smaller than that — 89px at
   1440 rather than 105px. Only h1 elements, which exist on sub-pages only, so
   the homepage is untouched. Get Started sets its own in the page. */
h1.display-xl, h1.page-headline, h1.headline-style {
  font-size: clamp(32px, 6.2vw, 96px) !important;
  line-height: 1.06;
}
/* Section headings keep ONE size across the site (the owner's earlier ask),
   large again rather than the 36px this task had them at. */
.subheading, .section-headline, .wsa-ttl, .wsa-ttl.eyebrow-label, .lum-card-name {
  font-size: clamp(30px, 3.9vw, 56px) !important;
  line-height: 1.15 !important;
}

/* ── Mobile: display serifs read small need looser tracking and taller leading ── */
@media (max-width: 768px) {
  h1.display-xl, h1.page-headline, h1.headline-style,
  h2.headline, .team-title, .diff-title {
    letter-spacing: 0.015em;
    line-height: 1.12;
  }
  /* touch targets: tracked-caps links get a real tap area */
  .read-more, .cta-secondary, .lum-profile-link, .board-link {
    display: inline-block; padding: 12px 4px; margin: -6px 0;
  }
}

/* ── Scroll fade-ins retired site-wide: content is always visible ── */
.reveal, .lum-item, .pricing-card, .cta-inline-wrap {
  opacity: 1 !important;
  transform: none !important;
  transition-property: background, color, border-color !important;
}