.header__container,
.header__spacer {
  background-color: rgb(255,255,255,0) !important;
  transition: background-color 0.3s;
}

.scrolled .header__shadow {
  opacity: 1;
}

.section-hero {
  margin-top: calc(-1 * var(--header-height)) !important;
  padding-top: calc(96px + var(--header-height)) !important;
}

.header .header__menu-button-bar {
  opacity: 0;
  transition: opacity 0.3s, margin-right 0.3s;
  margin-right: -284px;
}

.scrolled .header__container {
  background-color: rgb(255, 255, 255, 1) !important;
}

.scrolled .header__menu-button-bar {
  opacity: 1;
  margin-right: 0;p
}