/* Header only. Geometry, page sections and the approved palette stay unchanged. */
body#sr-design.sr-risa-125.sr-standard-126.sr-header-136 #nav {
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body#sr-design.sr-risa-125.sr-standard-126.sr-header-136.sr-header-over-hero:not(.sr-menu-open) #nav:not(.nav--scrolled) {
  background-color: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

body#sr-design.sr-risa-125.sr-standard-126.sr-header-136:not(.sr-header-over-hero) #nav,
body#sr-design.sr-risa-125.sr-standard-126.sr-header-136 #nav.nav--scrolled,
body#sr-design.sr-risa-125.sr-standard-126.sr-header-136.sr-menu-open #nav {
  background-color: #111 !important;
  border-bottom-color: #ffffff26 !important;
  box-shadow: 0 6px 24px #00000014 !important;
}

/* Extend the same hero photograph behind the fixed header.
   Keep the title, actions and every following section at their original positions. */
body#sr-design.sr-reference-124.sr-risa-125.sr-standard-126.sr-header-136 #main-content :is(.ec-hero,.page-hero) {
  margin-top: -80px !important;
  height: calc(clamp(560px,72svh,680px) + 80px) !important;
  padding-top: 80px !important;
}
@media (max-width: 800px) {
  body#sr-design.sr-reference-124.sr-risa-125.sr-standard-126.sr-header-136 #main-content :is(.ec-hero,.page-hero) {
    margin-top: -64px !important;
    height: 604px !important;
    padding-top: 64px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body#sr-design.sr-risa-125.sr-standard-126.sr-header-136 #nav {
    transition: none !important;
  }
}