.hero::after{

content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

background:

linear-gradient(
180deg,
rgba(0,0,0,0.4) 0%,
rgba(0,0,0,0.7) 100%
);

pointer-events:none;

}

.heroCopy h1{

letter-spacing:0.04em;

text-shadow:

0 3px 10px rgba(0,0,0,0.6);

}

.heroCopy p{

margin-top:1em;

font-size:1.2rem;

opacity:0.9;

}