#top {
  background: #071b31;
}

.ae-header-logo {
  display: block;
  width: 168px;
  height: 44px;
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 639px) {
  .ae-header-logo {
    width: 138px;
    height: 40px;
  }
}

#top .hero-composite-mobile,
#top .hero-composite-desktop {
  visibility: hidden;
}

#top::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -20;
  background-image: url("/assets/acropolis-composite-desktop.webp");
  background-repeat: no-repeat;
  background-position: center bottom;
  /* Show only the lower photograph, enlarged to fill the hero. */
  background-size: auto 200%;
  pointer-events: none;
}

@media (max-width: 639px) {
  #top::before {
    background-image: url("/assets/acropolis-composite-mobile.webp");
    background-size: auto 200%;
  }
}