/* hero-tweak.css
   Overrides to adjust the Home hero background composition and brightness.
   Goal: keep the nice bottom fade-to-black, but make the TOP closer to the original art brightness. */

.heroMedia{
  /* Move focal point further right */
  background-position: 78% center;

  /* Much closer to the original file brightness (less aggressive than before) */
  filter: brightness(1.08) saturate(1.04) contrast(1.04);
}

/* Keep the bottom cinematic fade, but lighten the top area */
.heroShade{
  background:
    radial-gradient(1100px 620px at 78% 12%, rgba(0,0,0,0.00), rgba(0,0,0,0.08) 90%),
    linear-gradient(180deg,
      rgba(0,0,0,0.02) 0%,
      rgba(0,0,0,0.04) 95%,
      rgba(0,0,0,0.08) 100%);
}

/* On smaller screens we keep a safer crop */
@media (max-width: 900px){
  .heroMedia{ background-position: 66% center; }
}