/*
 * BERTA — glass header, performance-safe edition.
 * Geometry, spacing and typography are intentionally untouched.
 */
.site-header {
  background-color: rgba(7, 7, 7, 0) !important;
  border-bottom-color: rgba(239, 227, 202, 0) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0) !important;
  backdrop-filter: blur(0) saturate(1);
  -webkit-backdrop-filter: blur(0) saturate(1);
  transition:
    background-color 760ms cubic-bezier(.22,.61,.36,1),
    border-color 760ms cubic-bezier(.22,.61,.36,1),
    box-shadow 760ms cubic-bezier(.22,.61,.36,1),
    backdrop-filter 900ms cubic-bezier(.22,.61,.36,1),
    -webkit-backdrop-filter 900ms cubic-bezier(.22,.61,.36,1) !important;
  transform: translateZ(0);
}

/* main.css owns .is-scrolled; keep it visually transparent until our glass state begins. */
.site-header.is-scrolled:not(.is-glass),
.site-header:not(.is-glass) {
  background-color: rgba(7, 7, 7, 0) !important;
  border-bottom-color: rgba(239, 227, 202, 0) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0) !important;
  backdrop-filter: blur(0) saturate(1) !important;
  -webkit-backdrop-filter: blur(0) saturate(1) !important;
}

.site-header.is-glass,
.site-header.is-scrolled.is-glass {
  color: var(--berta-cream) !important;
  background-color: rgba(7, 7, 7, .56) !important;
  border-bottom-color: rgba(239, 227, 202, .055) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .055) !important;
  backdrop-filter: blur(13px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(13px) saturate(1.06) !important;
}

/* Old decorative header experiments must never render. */
.mineral-header-art,
.couture-header-art,
.couture-reveal-line,
.couture-reveal-thread {
  display: none !important;
}

body.menu-open .site-header,
body.menu-open .site-header.is-scrolled,
body.menu-open .site-header.is-glass {
  background-color: rgba(7, 7, 7, .90) !important;
  border-bottom-color: rgba(239, 227, 202, .07) !important;
  backdrop-filter: blur(14px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.04) !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .site-header.is-glass,
  .site-header.is-scrolled.is-glass {
    background-color: rgba(7, 7, 7, .86) !important;
  }
}

@media (max-width: 768px) {
  .site-header.is-glass,
  .site-header.is-scrolled.is-glass {
    background-color: rgba(7, 7, 7, .62) !important;
    backdrop-filter: blur(9px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(9px) saturate(1.04) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header {
    transition-duration: 0.01ms !important;
  }
}