.hero{
  min-height:220px;
  background:linear-gradient(135deg, var(--green-primary), var(--green-dark));
  position:relative;
  overflow:hidden;
  border-bottom:3px solid var(--gold-accent);
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(45deg, transparent 45%, rgba(255,255,255,0.09) 45%, rgba(255,255,255,0.09) 55%, transparent 55%),
    linear-gradient(-45deg, transparent 45%, rgba(255,255,255,0.07) 45%, rgba(255,255,255,0.07) 55%, transparent 55%);
  background-size:36px 36px;
  opacity:0.7;
}

.hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:var(--red-accent);
}