body.home-page.nav-scrolled:not(.mobile-menu-open) .brand-panel {
  position: fixed;
  top: 0;
  right: auto;
  left: 0;
  z-index: 1210;
  display: grid;
  width: var(--header-menu-column);
  height: var(--header-menu-height);
  min-height: 0;
  place-items: center start;
  overflow: visible;
  padding: 0 0 0 clamp(28px, 4vw, 56px);
  border: 0;
  border-bottom: 1px solid rgba(226, 198, 181, 0.58);
  background: var(--paper);
  box-shadow: none;
}

body.home-page.nav-scrolled:not(.mobile-menu-open) .brand-panel::before,
body.home-page.nav-scrolled:not(.mobile-menu-open) .brand-panel::after {
  display: none;
}

body.home-page.nav-scrolled:not(.mobile-menu-open) .brand-panel img {
  position: relative;
  top: auto;
  left: auto;
  width: clamp(64px, 5.4vw, 86px);
  max-width: none;
  height: auto;
  margin: 0;
  opacity: 1;
  filter: none;
  transform: none;
}

@media (min-width: 1081px) {
  body.home-page.nav-scrolled:not(.mobile-menu-open) .site-nav {
    left: var(--header-menu-column);
  }

  html[lang="fr"] body.home-page.mockup-home-page.nav-scrolled:not(.mobile-menu-open) .site-nav {
    left: var(--header-menu-column);
  }
}

@media (max-width: 1080px) {
  body.home-page.nav-scrolled:not(.mobile-menu-open) .brand-panel {
    left: clamp(32px, 5vw, 54px);
    width: 118px;
    height: var(--sticky-nav-offset, var(--header-menu-height));
    padding: 0;
    border-bottom: 0;
    background: transparent;
  }

  body.home-page.nav-scrolled:not(.mobile-menu-open) .brand-panel img {
    width: 62px;
  }
}

@media (max-width: 599px) {
  body.home-page.nav-scrolled:not(.mobile-menu-open) .brand-panel {
    left: 20px;
    width: 56px;
    height: var(--sticky-nav-offset, 72px);
  }

  body.home-page.nav-scrolled:not(.mobile-menu-open) .brand-panel img {
    width: 50px;
  }
}