.hero{background-image:linear-gradient(90deg,rgba(250,252,248,.9) 0%,rgba(250,252,248,.72) 34%,rgba(250,252,248,.08) 59%,rgba(250,252,248,0) 72%),url('images/hero-premium.webp');background-position:center;background-color:#96bee0}
.hero-copy{color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.35)}
.hero .eyebrow{color:var(--brand-dark)}
@media(max-width:600px){
  .hero{position:relative;background-position:68% center}
  .hero:before{background:linear-gradient(0deg,rgba(250,252,248,.96) 5%,rgba(250,252,248,.72) 52%,rgba(250,252,248,0) 78%)}
}