/* Standard Studios header, contained within NanoFeast's mobile viewport. */
.nf-main-wide .ads-site-header { min-width: 0 !important; max-width: 100% !important; position: sticky !important; top: 0 !important; z-index: 9999 !important; }
.nf-main-wide .ads-site-header * { min-width: 0; }
.nf-main-wide .ads-nav { flex-wrap: wrap !important; }
.nf-main-wide .ads-brand-text { min-width: 0; }
/* Keep the NanoFeast section navigation in normal flow below the studio header. */
.nf-main-wide .nfp7-header { position: relative; top: auto; }
@media (max-width: 1250px) {
  .nf-main-wide .ads-site-header {
    padding: 14px 18px !important;
    grid-template-columns: minmax(0, 1fr) 98px !important;
    grid-template-areas: "brand brand" "search contact" "nav nav" !important;
    gap: 12px !important; justify-content: stretch !important;
  }
  .nf-main-wide .ads-header-search { width: 100% !important; max-width: none !important; justify-self: stretch !important; }
  .nf-main-wide .ads-header-search input { max-width: none !important; }
  .nf-main-wide .ads-brand-text strong, .nf-main-wide .ads-brand-text span { white-space: normal !important; overflow-wrap: anywhere; }
  .nf-main-wide .ads-nav { justify-content: flex-start !important; gap: 8px !important; }
}
@media (max-width: 760px) {
  .nf-main-wide .ads-site-header { padding: 14px !important; gap: 10px !important; }
  .nf-main-wide .ads-brand { gap: 10px !important; max-width: 100%; }
  .nf-main-wide .ads-brand-text strong { font-size: 19px !important; line-height: 1.15 !important; letter-spacing: 1.5px !important; }
  .nf-main-wide .ads-brand-text span { font-size: 10px !important; line-height: 1.4 !important; letter-spacing: 1px !important; }
  .nf-main-wide .ads-nav a { min-height: 44px !important; max-width: 100%; white-space: normal !important; line-height: 1.2 !important; }
  .nf-main-wide .ads-contact-btn, .nf-main-wide .ads-header-search input, .nf-main-wide .ads-header-search-button { height: 44px !important; }
}
@media (max-width: 420px) {
  .nf-main-wide .ads-brand-mark, .nf-main-wide .ads-brand-mark img { width: 48px !important; min-width: 48px !important; height: 44px !important; }
  .nf-main-wide .ads-header-search { gap: 6px !important; }
  .nf-main-wide .ads-header-search-button { padding: 0 10px !important; width: auto !important; }
  .nf-main-wide .ads-header-search input { padding: 0 12px !important; font-size: 12px !important; }
}