/* Chenxin hero banner background: cleaned portrait asset, added after build output. */
header.relative.overflow-hidden {
  isolation: isolate;
  min-height: clamp(560px, 78vh, 860px);
  background:
    linear-gradient(90deg, rgba(2, 6, 23, 0.96) 0%, rgba(2, 6, 23, 0.82) 36%, rgba(2, 6, 23, 0.46) 66%, rgba(2, 6, 23, 0.70) 100%),
    url("/assets/hero-banner-clean.webp") center right / cover no-repeat #020617;
}

header.relative.overflow-hidden::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(circle at 72% 34%, rgba(255, 255, 255, 0.08), transparent 32%);
}

header.relative.overflow-hidden > .absolute.inset-0 {
  z-index: 2;
  opacity: 0.18;
}

header.relative.overflow-hidden > .relative.z-10 {
  position: relative;
  z-index: 10;
}

@media (max-width: 767px) {
  header.relative.overflow-hidden {
    min-height: 720px;
    background-position: 62% center;
  }
}