/* Shared treatment for the supplied v128 procedure and landing-page heroes. */
.site .hero .hero-art.page-hero-fade{
  background:transparent!important;
  overflow:hidden!important;
}
.site .hero .hero-art.page-hero-fade .site-art-img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.25) 4%,rgba(0,0,0,.78) 10%,#000 17%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.25) 4%,rgba(0,0,0,.78) 10%,#000 17%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
}

/* Artwork fills the complete right-hand side of selected hero sections. */
.site .hero .hero-art.page-hero-fade.page-hero-full-height{
  align-self:stretch!important;
  height:auto!important;
  min-height:100%!important;
}
.site .hero .hero-art.page-hero-fade.page-hero-full-height .site-art-img{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:850px){
  .site .hero .hero-art.page-hero-fade.page-hero-full-height{min-height:320px!important}
}

/* Reconstruction templates use hero-art-slot for the same visual position. */
.site .hero .hero-art-slot.page-hero-fade{
  align-self:stretch!important;
  height:auto!important;
  min-height:100%!important;
  margin-left:0!important;
  overflow:hidden!important;
  background:transparent!important;
}
.site .hero .hero-art-slot.page-hero-fade .site-art-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.25) 4%,rgba(0,0,0,.78) 10%,#000 17%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.25) 4%,rgba(0,0,0,.78) 10%,#000 17%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
}
@media(max-width:850px){
  .site .hero .hero-art-slot.page-hero-fade{min-height:320px!important}
}

/* Full-height reconstruction heroes without a fade. */
.site .hero .hero-art-slot.page-hero-full-height:not(.page-hero-fade){
  align-self:stretch!important;
  height:auto!important;
  min-height:100%!important;
  margin-left:0!important;
  overflow:hidden!important;
  background:transparent!important;
}
.site .hero .hero-art-slot.page-hero-full-height:not(.page-hero-fade) .site-art-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
@media(max-width:850px){
  .site .hero .hero-art-slot.page-hero-full-height:not(.page-hero-fade){min-height:320px!important}
}