body.new-photos-page {
  --hero-focus-x: 50%;
  --hero-mobile-focus-x: 88.5%;
  --hero-focus-y: 80.5%;
}

body.new-photos-page .hero {
  height: 100vh;
  min-height: 680px;
}

body.new-photos-page .hero > img {
  object-position: var(--hero-focus-x) var(--hero-focus-y);
  filter: saturate(1.08) contrast(1.03) brightness(1.03);
}

body.new-photos-page .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(ellipse at 84% 72%, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.08) 18%, rgba(255,255,255,0) 38%);
}

body.new-photos-page .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(7,16,14,0.70) 0%, rgba(7,16,14,0.50) 24%, rgba(7,16,14,0.16) 46%, rgba(7,16,14,0) 66%),
    radial-gradient(ellipse at 17% 78%, rgba(7,16,14,0.42) 0%, rgba(7,16,14,0.24) 32%, rgba(7,16,14,0) 62%);
}

body.new-photos-page .gallery-grid {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 220px;
}

body.new-photos-page .gallery-item {
  aspect-ratio: auto;
}

body.new-photos-page .gallery-item.is-featured {
  grid-column: span 2;
  grid-row: span 2;
  aspect-ratio: auto;
}

body.new-photos-page .gallery-item img {
  object-position: center center;
}

body.new-photos-page .gallery-item img.focus-freefall {
  object-position: center 25%;
}

body.new-photos-page .gallery-item img.focus-exit-line {
  object-position: center 15%;
}

body.new-photos-page .gallery-item img.focus-plane-formation {
  object-position: center 56%;
}

body.new-photos-page .gallery-item img.focus-sky-cluster {
  object-position: center 30%;
}

@media (min-width: 561px) {
  body.new-photos-page.new-photos-light .hero-content {
    width: min(960px, calc(100% - 80px));
    align-items: center;
    text-align: center;
    padding-bottom: clamp(52px, 8vh, 78px);
  }

  body.new-photos-page.new-photos-light .hero-name {
    max-width: none;
    font-size: clamp(58px, 7vw, 98px);
  }

  body.new-photos-page.new-photos-light .hero-name em {
    display: inline;
    padding-left: 0.18em;
  }

  body.new-photos-page.new-photos-light .hero-title {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  body.new-photos-page.new-photos-light .hero-ctas {
    justify-content: center;
  }
}

@media (max-width: 560px) {
  body.new-photos-page .hero {
    height: 100svh;
    min-height: 720px;
  }

  body.new-photos-page .hero > img {
    object-position: var(--hero-mobile-focus-x) var(--hero-focus-y);
  }

  body.new-photos-page .hero::after {
    background:
      linear-gradient(90deg, rgba(7,16,14,0.58), rgba(7,16,14,0.12) 58%, rgba(7,16,14,0)),
      radial-gradient(ellipse at 36% 76%, rgba(7,16,14,0.34), rgba(7,16,14,0) 62%);
  }

  body.new-photos-page .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 150px;
  }

  body.new-photos-page .gallery-item.is-featured {
    grid-column: 1 / -1;
    grid-row: span 2;
  }
}