/* The home owns the colors. Keep the geometry shared with the other pages. */
body[data-st-ruban] > header.header.header--home {
  font: 400 16px/1.7 var(--sans);
  z-index: 55;
}
body[data-st-ruban="photo"] > header.header.header--home {
  position: fixed;
  inset: 0 0 auto;
}
html body[data-st-ruban="plein"] > header.header.header--home {
  position: sticky !important;
  inset-block-start: 0 !important;
}
body[data-st-ruban] .header .menu-button .icon {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
html body[data-st-ruban] .header.header--home #main-nav > a[aria-current] {
  text-decoration-line: underline;
  text-decoration-color: var(--st119-gold);
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}
html body[data-st-ruban] .header.header--home #main-nav > #st136-mobile-book {
  display: none !important;
}
@media (max-width: 767.98px) {
  html body[data-st-ruban] > header.header.header--home { height: 72px !important; }
  html body[data-st-ruban] .header.header--home #main-nav.open > #st136-mobile-book {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-block: 6px;
    border: 1px solid var(--st119-fill);
    border-radius: 30px;
    background: var(--st119-fill);
    color: var(--st119-fill-text) !important;
    text-shadow: none !important;
    font: 600 14px/1.4 var(--sans);
  }
}