/* src/styles/bend-overrides.css */
@font-face {
  font-family: 'Anton';
  src: url('/uploads/0OMG2F41BVp2KUxCOXeUd-anton-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Display font — Anton (OFL) */
.bend-root .hero h1,
.bend-root .marquee span,
.bend-root .band h2,
.bend-root .band .stat,
.bend-root .cta-band h2 {
  font-family: 'Anton', 'Arial Black', system-ui, sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
}

/* Mobile <= 480px */
@media (max-width: 480px) {
  .bend-root .nav { padding: 14px 16px; }
  .bend-root .nav .logo img { height: 26px; }
  .bend-root .nav ul { gap: 12px; flex-wrap: nowrap; }
  .bend-root .nav a.navlink { font-size: 10px; white-space: nowrap; }
  .bend-root .nav .pill { display: none; }
  .bend-root .hero h1 { font-size: 36px; }
  .bend-root .hero img.bg { object-position: 69% 15%; }
  .bend-root .hero .inner { padding-bottom: 48px; }
  .bend-root .marquee span { font-size: 14px; }
  .bend-root .pill { padding: 11px 20px; }
  .bend-root .cta-band form { flex-direction: column; }
  .bend-root .cta-band input { width: 100%; }
}