/* V55/V71 — smart header */
.site-header{
  will-change:transform;
  transform:translate3d(0,0,0);
  transition:
    transform .28s cubic-bezier(.22,.8,.24,1),
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    backdrop-filter .28s ease!important;
}

/* While the hero/video is behind the header, the visible bar stays transparent. */
.site-header:not(.past-hero),
.site-header.scrolled:not(.past-hero){
  background:linear-gradient(180deg,rgba(7,12,16,.12) 0%,rgba(7,12,16,.045) 55%,rgba(7,12,16,0) 100%)!important;
  border-bottom-color:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* After the hero, a revealed header becomes a compact dark-glass bar. */
.site-header.past-hero,
.site-header.past-hero.scrolled{
  background:rgba(7,14,19,.91)!important;
  border-bottom-color:rgba(199,162,91,.16)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(18px) saturate(132%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(132%)!important;
}

/* Hidden state used while scrolling down. */
.site-header.header-hidden{
  transform:translate3d(0,-115%,0)!important;
  pointer-events:none!important;
}

/* An open hamburger menu always owns the header and keeps it visible. */
body.menu-open .site-header,
body.menu-open .site-header.header-hidden{
  transform:translate3d(0,0,0)!important;
  pointer-events:auto!important;
  background:rgba(7,14,19,.97)!important;
  border-bottom-color:rgba(199,162,91,.18)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px) saturate(132%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(132%)!important;
}

@media(max-width:900px){
  .site-header{
    transition:
      transform .24s cubic-bezier(.22,.8,.24,1),
      background .24s ease,
      border-color .24s ease,
      box-shadow .24s ease,
      backdrop-filter .24s ease!important;
  }

  .site-header:not(.past-hero),
  .site-header.scrolled:not(.past-hero){
    background:linear-gradient(180deg,rgba(5,10,14,.10) 0%,rgba(5,10,14,.03) 56%,rgba(5,10,14,0) 100%)!important;
    border-bottom-color:rgba(255,255,255,.045)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .site-header.past-hero,
  .site-header.past-hero.scrolled{
    background:rgba(7,14,19,.94)!important;
    border-bottom-color:rgba(199,162,91,.15)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(17px) saturate(128%)!important;
    -webkit-backdrop-filter:blur(17px) saturate(128%)!important;
  }

  .site-header.header-hidden{
    transform:translate3d(0,-120%,0)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .site-header{transition:none!important}
}