/* Post-freeze CSS fixes — force Header visibility on baked pages.
   The Squarespace site CSS hides .Header--top by default and reveals it
   only when matching ancillary-header-* tweaks are on the body class.
   We set those classes via JS at DOMContentLoaded — but on some pages
   the cascade still hides the desktop nav. Force it visible at desktop
   widths only; mobile keeps Squarespace's hamburger Mobile-bar UI. */

/* Cross-document page transitions (Chrome 126+, Safari 18.2+; no-op elsewhere).
   New page is held invisible for 150ms so fonts finish loading before it fades in. */
@view-transition {
  navigation: auto;
}
@keyframes cd-fade-out { to { opacity: 0; } }
@keyframes cd-fade-in { from { opacity: 0; } }
::view-transition-old(root) { animation: cd-fade-out 0.15s ease-in forwards; }
::view-transition-new(root) { animation: cd-fade-in 0.25s ease-out 0.15s both; }

@media (min-width: 800px) {
  .Header--top {
    display: block !important;
  }
  .Header--top .Header-inner--top {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 1.4rem 2rem;
  }
  .Header--top [data-nc-container] {
    display: flex !important;
    align-items: center;
  }
  .Header--top [data-nc-container="top-left"] { justify-content: flex-start; flex: 1; }
  .Header--top [data-nc-container="top-center"] { justify-content: center; flex: 0 0 auto; }
  .Header--top [data-nc-container="top-right"] { justify-content: flex-end; flex: 1; }
  .Header--top .Header-nav { display: flex !important; }
  .Header--top .Header-nav-inner { display: flex !important; gap: 1.4rem; }
  .Header--top .Header-nav-item { white-space: nowrap; }
}