/* v1.5 — balanced desktop hero.
   The wide artwork contains the original scene intact on the right and a dark extension on the left.
   On narrower desktop widths only that extension is cropped, never the book or globe. */
@media (min-width:821px){
  html body .hero{
    --hero-left:max(300px, calc((100vw - 1400px) / 2 + 340px));
    --hero-right:max(0px, calc((100vw - 1400px) / 2));
    height:438px !important;
    overflow:hidden !important;
  }
  html body .hero .hero-art{
    top:62px !important;
    bottom:auto !important;
    left:var(--hero-left) !important;
    right:auto !important;
    width:calc(100vw - var(--hero-left) - var(--hero-right)) !important;
    max-width:none !important;
    height:375px !important;
    object-fit:cover !important;
    object-position:right center !important;
  }
  html body .hero::after{
    background:linear-gradient(90deg,
      #020202 0%,
      #020202 24%,
      rgba(2,2,2,.96) 29%,
      rgba(2,2,2,.76) 37%,
      rgba(2,2,2,.28) 48%,
      transparent 60%) !important;
  }
}