/* Header commun : à charger après les styles de chaque page. */
.site-header.is-scroll-ready {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 10;
  transition: padding 600ms ease, background-color 600ms ease, color 600ms ease, min-height 600ms ease;
}
.site-header.is-scroll-ready img {
  transition: transform 600ms ease, filter 600ms ease, margin-bottom 600ms ease;
  transform-origin: left center;
}
.site-header.is-scrolled {
  min-height: calc(24px + clamp(78px, 6vw, 110px) * 109 / 230);
  padding: 12px 7.2%;
  background-color: rgba(255, 255, 255, .94);
  color: #57694b;
}
.site-header.is-scrolled img {
  transform: scale(.75);
  filter: brightness(0) opacity(.72);
}
.site-header.is-scrolled nav, .site-header.is-scrolled .navigation {
  align-items: center;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: .545625rem;
  font-weight: 400;
  letter-spacing: .0691125rem;
  line-height: 1.5;
  gap: clamp(18px, 1.7vw, 34px);
}
.site-header.is-scrolled nav a { display: inline-block; padding-block: 8px; }
@media (max-width: 1050px) {
  .site-header.is-scrolled { padding-inline: 5%; }
}
@media (max-width: 600px) {
  .site-header.is-scrolled { padding: 8px 20px; min-height: 83.0234375px; gap: 6px; }
  .site-header.is-scrolled img { margin-bottom: 6px; transform-origin: center; }
  .site-header.is-scrolled nav, .site-header.is-scrolled .navigation {
    font-size: .4546875rem; letter-spacing: .05153125rem; gap: 20px;
  }
  .site-header.is-scrolled .header-logo { margin-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header.is-scroll-ready, .site-header.is-scroll-ready img { transition: none; }
}