/* Keep the FolioQuick wordmark readable as navigation adapts to the viewport. */
.brand,
.brand-mark { flex-shrink: 0; }
.header-inner { gap: 24px; }
.desktop-nav { margin-left: 0; gap: 22px; }
.desktop-nav a,
.header-actions { white-space: nowrap; }

@media (max-width: 1280px) {
  .header-price { display: none; }
}
@media (max-width: 1080px) {
  .desktop-nav { display: none; }
  .menu-toggle { display: inline-grid; }
  .mobile-nav { top: 100%; }
}
@media (max-width: 600px) {
  .header-inner,
  .header-actions { gap: 12px; }
  .site-header .header-actions > .button { display: none; }
  .brand,
  .subpage-header .brand,
  .footer-inner .brand { font-size: 26px; letter-spacing: -1.25px; }
  .brand-mark { width: 30px; height: 32px; font-size: 30px; margin-right: 8px; }
  .subpage-header { flex-wrap: wrap; padding-block: 18px; row-gap: 16px; }
  .subpage-actions { flex-wrap: wrap; }
  .footer-inner nav { flex-wrap: wrap; row-gap: 12px; }
}