/* Responsive typography with the bundled Aquire display font restored. */
@font-face {
  font-family: "Aquire";
  src: url("/assets/fonts/Aquire_Bold.woff2?v=20261013-aquire") format("woff2"),
       url("/assets/fonts/Aquire_Bold.ttf?v=20261013-aquire") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
:root {
  --aquire-font: "Aquire", "Arial", sans-serif;
  --panel-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
html, body { font-family: var(--panel-font); font-weight: 400; letter-spacing: normal; }
body *:not(.bi):not([class^="bi-"]):not([class*=" bi-"]) { font-family: inherit; }
button, input, select, textarea, option, table { font-family: var(--panel-font); font-weight: 400; letter-spacing: normal; }
.bi, .bi::before, [class^="bi-"], [class*=" bi-"], [class^="bi-"]::before, [class*=" bi-"]::before { font-family: "bootstrap-icons" !important; font-weight: normal !important; }
/* Keep normal readable body text; use Aquire only for visual/display elements. */
h1, h2, h3, .display-font, .brand, .hero-title, .section-title, .store-title,
.eyebrow, .tag, .label, .duration span, .buy, .pill, .nav-link, .side-menu .nav-link,
button.btn, .btn, .topbar-brand, .logo-text {
  font-family: var(--aquire-font), var(--panel-font);
  font-weight: 700;
}
h1, h2, h3, .display-font, .hero-title, .section-title, .store-title { letter-spacing: .015em; }
.eyebrow, .tag, .label { letter-spacing: .06em; }
/* Ensure font fallback and content sizing remain safe on narrow screens. */
body { overflow-wrap: break-word; }