/* MAXNOW v37 — fix only the two marked hero issues:
   1) lower trophy/crown below header
   2) mask left vertical image seam naturally */

@media (min-width:1000px){
  .hero{
    /* lower the focal point without changing hero dimensions */
    background-position:center 61% !important;
  }

  /* Smooth dark overlay across the left-to-image transition.
     Pointer-events none keeps all buttons functional. */
  .hero::after{
    content:"";
    position:absolute;
    z-index:1;
    pointer-events:none;
    top:0;
    bottom:0;
    left:0;
    width:47%;
    background:linear-gradient(
      90deg,
      rgba(3,10,18,.58) 0%,
      rgba(3,10,18,.42) 48%,
      rgba(3,10,18,.18) 72%,
      rgba(3,10,18,0) 100%
    );
  }

  .hero-content{
    z-index:2 !important;
  }
}

@media (max-width:999px){
  .hero{
    background-position:58% 61% !important;
  }
}

@media (max-width:520px){
  .hero{
    background-position:62% 62% !important;
  }
}