/* V100: keep the complete 1245x843 hero photograph visible. */
.hk-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: clamp(480px, 36vw, 620px) !important;
  background-image: none !important;
  background-color: #0c0c0c !important;
}

.hk-hero::before,
.hk-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.hk-hero::before {
  z-index: -2;
  inset: -18px;
  background-image: linear-gradient(rgba(6, 6, 6, .36), rgba(6, 6, 6, .42)), url("/images/site/hero.webp");
  background-position: center;
  background-size: cover;
  filter: blur(14px) saturate(.82);
  transform: scale(1.04);
}

.hk-hero::after {
  z-index: -1;
  background-image: url("/images/site/hero.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  box-shadow: inset 0 0 90px rgba(0, 0, 0, .18);
}

.hk-hero > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 700px) {
  .hk-hero { min-height: 520px !important; }
  .hk-hero::after { background-position: center top; }
}