/* ============================================================
   TYPOGRAPHY — Sugra (self-hosted) + Inter (Google Fonts).
   Inter is loaded via <link> in /partials/head.html since
   @import inside CSS blocks rendering until fetched.
============================================================ */

@font-face {
  font-family: 'Sugra';
  src: url('../assets/fonts/Sugra.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Type-scale hooks. Pages compose Sugra from these or override
   with their own size/letter-spacing inside their local style. */
.sugra {
  font-family: 'Sugra', 'Archivo Black', 'Impact', sans-serif;
  font-weight: normal;
}

.sugra-display {
  font-family: 'Sugra', 'Archivo Black', 'Impact', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 0.95;
  letter-spacing: 2px;
}

/* ============================================================
   BRAND WORDMARK — "NoBS" must always show with a lowercase "o".
   When the surrounding text is uppercase (Sugra titles, footer
   links, etc.), wrap the word in <span class="brand-nobs">NoBS</span>
   to opt the word out of text-transform: uppercase.
   ============================================================ */
.brand-nobs {
  text-transform: none;
}