/* Final header state: transparent on the hero, soft graphite after scrolling. */
@media (min-width: 901px) {
  html:not(.ab-header-scrolled)[data-abelle-site="true"] #header.ab-nav-v2:not(.ab-header-solid) > .header {
    border-bottom-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html.ab-header-scrolled[data-abelle-site="true"] #header.ab-nav-v2:not(.ab-header-solid) > .header {
    border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
    background: rgba(72, 78, 80, .78) !important;
    box-shadow: 0 10px 30px rgba(17, 20, 21, .10) !important;
    -webkit-backdrop-filter: blur(13px) saturate(110%) !important;
    backdrop-filter: blur(13px) saturate(110%) !important;
  }
}

@media (max-width: 900px) {
  html[data-abelle-site="true"] #header.ab-nav-v2,
  html.ab-header-scrolled[data-abelle-site="true"] #header.ab-nav-v2 {
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html:not(.ab-header-scrolled)[data-abelle-site="true"] #header.ab-nav-v2 {
    background: linear-gradient(180deg, rgba(34, 37, 38, .24) 0%, rgba(34, 37, 38, .08) 72%, transparent 100%) !important;
  }

  html.ab-header-scrolled[data-abelle-site="true"] #header.ab-nav-v2 {
    border-bottom-color: rgba(255, 255, 255, .10) !important;
    background: rgba(48, 51, 52, .38) !important;
    box-shadow: 0 8px 24px rgba(18, 20, 21, .08) !important;
    -webkit-backdrop-filter: blur(8px) saturate(105%) !important;
    backdrop-filter: blur(8px) saturate(105%) !important;
  }

  html[data-abelle-site="true"] #header.ab-nav-v2 #logo img {
    opacity: 1 !important;
    filter: brightness(0) invert(1) drop-shadow(0 1px 5px rgba(20, 18, 16, .38)) !important;
    transform: translateZ(0);
    backface-visibility: hidden;
  }

  html:not(.ab-header-scrolled)[data-abelle-site="true"] #header.ab-nav-v2 > .header {
    border-bottom-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html.ab-header-scrolled[data-abelle-site="true"] #header.ab-nav-v2 > .header {
    border-bottom-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html[data-abelle-site="true"] #header.ab-nav-v2 #nav_mo.ab-mobile-nav {
    background: rgba(43, 48, 50, .985) !important;
    box-shadow: 18px 0 42px rgba(12, 15, 16, .22) !important;
    -webkit-backdrop-filter: blur(10px) saturate(104%) !important;
    backdrop-filter: blur(10px) saturate(104%) !important;
  }

  html[data-abelle-site="true"] #header.ab-nav-v2 #nav_mo .ab-mobile-nav-head {
    border-bottom-color: rgba(255, 255, 255, .12) !important;
    background: rgba(36, 41, 43, .995) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}