/* Light theme helpers */
:root{--ring:0 0 0 4px rgba(2,132,199,.2)}
a:focus,button:focus{outline:none; box-shadow: var(--ring);}
img{max-width:100%; height:auto; display:block;}


/* Hero background: uses your hero.jpg (or hero.svg) with a dark scrim for contrast */
.hero{
  position: relative;
  background-image: url('../img/hero.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #e5e7eb;
}

/* Dark-to-clear overlay that fades into the page below */
.hero-overlay{
  position: absolute; inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.55) 0%,
    rgba(0,0,0,0.45) 50%,
    rgba(255,255,255,0.0) 72%,
    rgba(255,255,255,1.0) 100%
  );
  pointer-events: none;
}