/* Isolated local review. Never applies to the approved <=600px mobile hero. */
@media(min-width:601px){
  html .hero .hero-art{
    inset:0;
    background-size:var(--desktop-scene-width,100%) 135%,var(--desktop-scene-width,100%) 135%,auto 135%;
    background-position:100% 0%;
    background-repeat:no-repeat;
  }
  html .hero .hero-content{padding-top:12px;padding-bottom:36px}
}
@media(min-width:1151px){
  html .hero .hero-content{padding-top:16px;padding-bottom:38px}
}
@media(min-width:1600px){
  html .hero .hero-content{padding-top:19px;padding-bottom:44px}
}
/* Move the actual scene toward the content; keep the existing edge fade narrow. */
@media(min-width:1281px){
  html .hero .hero-art{
    inset-inline:calc((100% - 1280px)/2);
    mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 64px),transparent 100%);
  }
}
/* Wide desktops: move the unscaled physical scene beside the fixed-width content. */
@media(min-width:1600px){
  html .hero .hero-art{
    inset-inline:calc((100% - 848px)/2);
  }
}