/* Named destination photographs, with captions outside the image. */
@layer editorial {
body .art-hero.has-hero-image .destination-hero-photo picture,
body .art-hero.has-hero-image .destination-hero-photo img {
  aspect-ratio:4/3!important;
  border-radius:0!important;
}
body .art-hero.has-hero-image .destination-hero-photo picture { overflow:hidden!important; }
body .art-hero.has-hero-image .destination-hero-photo img {
  height:100%!important;
  object-fit:cover!important;
  object-position:var(--photo-desktop-position,50% 50%)!important;
}
body .destination-hero-photo figcaption {
  margin:.65rem 0 0!important;
  font-size:14px!important;
  line-height:1.5!important;
  color:#4c5c55!important;
  overflow-wrap:anywhere;
}
body .destination-hero-photo .destination-photo-description,
body .destination-hero-photo .destination-photo-credit { display:block; }
body .destination-hero-photo .destination-photo-credit { margin-top:.25rem; font-size:14px; }
body .destination-hero-photo a { color:inherit!important; text-decoration:underline; text-decoration-color:#a1b4aa; text-underline-offset:3px; }
body .destination-hero-photo a:hover { color:#193e2d!important; text-decoration-color:currentColor; }
body .art-hero.destination-panorama {
  grid-template-columns:1fr!important;
  gap:1.5rem!important;
}
body .art-hero.destination-panorama .art-hero-inner { max-width:900px!important; margin:0!important; }
body .art-hero.destination-panorama .destination-hero-photo picture,
body .art-hero.destination-panorama .destination-hero-photo img { aspect-ratio:3/1!important; }
@media(max-width:800px) {
  body .art-hero.has-hero-image .destination-hero-photo picture,
  body .art-hero.has-hero-image .destination-hero-photo img { aspect-ratio:16/10!important; }
  body .art-hero.has-hero-image .destination-hero-photo img { object-position:var(--photo-mobile-position,50% 50%)!important; }
}
}
