/* Cinematic AKB wall-logo photography for the Home hero. */
.hero {
  background: #090909;
}

.hero::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: -18px;
  pointer-events: none;
  background:
    linear-gradient(90deg, #090909 0%, rgba(9, 9, 9, .94) 25%, rgba(9, 9, 9, .56) 53%, rgba(9, 9, 9, .22) 78%, rgba(9, 9, 9, .68) 100%),
    linear-gradient(180deg, #090909 0%, transparent 15%, transparent 74%, #090909 100%),
    radial-gradient(ellipse 92% 104% at 68% 48%, transparent 38%, rgba(9, 9, 9, .28) 67%, #090909 100%),
    url("assets/hero/akb-wall-logo.png") center / cover no-repeat;
  filter: blur(2px) saturate(.82) contrast(1.06) brightness(.76);
  transform: translateX(2%) scale(1.025);
  transform-origin: center;
}

.hero-portrait {
  display: none;
}

.hero-content {
  position: relative;
  z-index: 1;
}

.scroll-cue {
  z-index: 1;
}

@media (max-width: 850px) {
  .hero::before {
    background:
      linear-gradient(90deg, rgba(9, 9, 9, .9) 0%, rgba(9, 9, 9, .62) 58%, rgba(9, 9, 9, .4) 100%),
      linear-gradient(180deg, #090909 0%, transparent 15%, transparent 70%, #090909 100%),
      radial-gradient(ellipse 110% 98% at 65% 44%, transparent 28%, rgba(9, 9, 9, .34) 68%, #090909 100%),
      url("assets/hero/akb-wall-logo.png") 58% center / cover no-repeat;
    filter: blur(2px) saturate(.78) contrast(1.04) brightness(.66);
  }
}