/* ============================================================================
 * theshape — wordmark font override
 *
 * Loads in <head> via <link rel="stylesheet">. Applies BEFORE first paint
 * so the wordmark never flashes through its surface-default font on refresh.
 *
 * Targets the 5 wordmark surfaces directly by selector (not by the
 * [data-shimmer-applied] attribute that wordmark-shimmer.js adds later) —
 * because JS-injected CSS arrives after first paint and causes FOUC.
 *
 * Spec locked at: project_brand_wordmark_shimmer.md
 *   Inter 500, letter-spacing -0.014em, fully lowercase wordmark.
 * ============================================================================ */

.nav .brand,
footer .mark-wrap .wm,
.cover-pub,
/* Footer column heading "theshape" — first column h4 only.
   Other h4s ("The Saga", "Company", "Reading") keep their existing styling. */
footer .row > div:first-child > h4,
/* Legal copyright line "© 2026 theshape, LLC" — first span in .legal. */
footer .legal > span:first-child {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.014em !important;
  font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;
}
