/* Two photographic layers share the existing responsive hero crop. */
.hero-photo>.hero-slide{position:absolute;inset:0;width:100%;height:100%;opacity:1;z-index:1}
.hero-photo>.hero-slide.is-incoming{z-index:2;opacity:0;transition:opacity 1.4s ease-in-out}
.hero-photo>.hero-slide.is-incoming.is-visible{opacity:1}
.hero-caption a{min-height:18px}
.hero-caption a [data-hero-label]{margin-left:0}
@media(prefers-reduced-motion:reduce){
  .hero-photo>.hero-slide.is-incoming{display:none;transition:none}
}