/* Fluid navigation: clear over the opening photograph, theme colour on scroll. */
.gattes-public {
  --g-header-height: 190px;
  --g-header-initial-text: var(--g-text);
}
.gattes-public.g-header-overlay { --g-header-initial-text: #fff; }
.gattes-public .g-header.g-transparent {
  position: fixed;
  inset: 0 0 auto;
  width: 100%;
  height: auto;
  z-index: 40;
  background: transparent;
  color: var(--g-header-initial-text);
  border-bottom: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  box-shadow: none;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: background-color 240ms ease, color 240ms ease, box-shadow 240ms ease;
}
.gattes-public .g-header.g-transparent.is-scrolled {
  background: var(--g-nav);
  color: var(--g-nav-text);
  border-bottom-color: transparent;
  box-shadow: 0 8px 28px #081c2d1c;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.gattes-public.g-header-static .g-header.g-transparent { position: absolute; }
.gattes-public .g-header .g-nav-row {
  width: 100%;
  max-width: none;
  padding-inline: clamp(18px, 3vw, 64px);
}
.gattes-public .g-header .g-nav-row nav > ul > li > a {
  color: inherit !important;
  transition: color 240ms ease;
}
.g-header-overlay .g-header:not(.is-scrolled) .g-nav-row {
  text-shadow: 0 1px 8px #081c2d90;
}
.gattes-public .g-menu-toggle { color: inherit; border-color: currentColor; }
.gattes-public #g-primary-nav li ul {
  color: var(--g-nav-text);
  text-shadow: none;
}
.gattes-public #main-content { padding-top: var(--g-header-height); }
.gattes-public.g-header-overlay #main-content { padding-top: 0; }
.g-header-overlay #main-content > .page-title {
  padding-top: calc(var(--g-header-height) + 86px);
}
.g-header-overlay #main-content > .g-seo-breadcrumbs {
  position: absolute;
  top: var(--g-header-height);
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  color: #fff;
  text-shadow: 0 1px 8px #081c2d90;
}
.g-header-overlay .g-slide-copy {
  padding-top: max(190px, calc(var(--g-header-height) + 36px));
}
html:has(body.gattes-public) { scroll-padding-top: calc(var(--g-header-height, 190px) + 16px); }
@media (max-width: 1050px) {
  .gattes-public #g-primary-nav.open { color: var(--g-nav-text); text-shadow: none; }
  .gattes-public .g-header .g-nav-row #g-primary-nav > ul > li > a { color: var(--g-nav-text) !important; }
  .gattes-public #g-primary-nav { max-height: calc(100dvh - var(--g-header-height) - 12px); }
}
@media (max-width: 767px) {
  .gattes-public { --g-header-height: 185px; }
  .g-header-overlay #main-content > .page-title { padding-top: calc(var(--g-header-height) + 76px); }
  .g-header-overlay .g-slide-copy { padding-top: max(230px, calc(var(--g-header-height) + 36px)); }
}
@media (prefers-reduced-motion: reduce) {
  .gattes-public .g-header.g-transparent,
  .gattes-public .g-header .g-nav-row nav > ul > li > a { transition: none; }
}