/* ============================================================
   layout-global.css (Lego Block)
   Global resets, base body styles, and containers
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* Base styles have been moved to core-theme.css as the single source of truth */
/* ── Standard Sections ──
   .section-alt drops to the near-black --bg-void tier instead of a lighter
   purple, so sections actually alternate in value instead of blurring into
   one long purple wash. The accent color then stays an accent instead of
   being the only color on the page. */
.section { padding: clamp(72px, 10vw, 128px) 0; }
.section-alt {
  background: transparent;
  border-top: 1px solid var(--border-muted);
  border-bottom: 1px solid var(--border-muted);
}
.section-head { max-width: 640px; margin-bottom: 48px; }
.section-head h2 { font-size: clamp(32px, 4vw, 44px); line-height: 1.15; letter-spacing: -0.04em; font-weight: 700; color: var(--text-primary); }
.section-head p { margin-top: 16px; color: var(--text-secondary); font-size: 1.05rem; }