/* Wide source artwork now fills the hero; card subjects stay smaller inside the photos. */
@media(min-width:561px){
  main>.hero{background-image:none!important;background-color:#2e2923!important}
  main>.hero:before{
    inset:0!important;
    background-image:var(--hero-bg)!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    transform:none!important;
    border-radius:0!important;
  }
  main>.hero:not(.changing):before{transform:none!important}
}

@media(max-width:560px){
  main>.hero{
    background-image:var(--hero-bg)!important;
    background-color:#2e2923!important;
    background-size:cover!important;
    background-position:center!important;
  }
  main>.hero .hero-image{inset:0!important;width:100%!important;min-width:100%!important;height:100%!important;border-radius:0!important}
  main>.hero .hero-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}
}