.at-hero{background:#152647}
.at-hero::before{
  inset:0;
  background-image:var(--nx-mesh);
  background-size:cover;
  background-position:50% 50%;
  filter:none}
.at-hero::after{
  background:
    radial-gradient(70% 60% at 24% 46%,
      rgba(4,10,20,.34) 0%,
      rgba(4,10,20,.16) 56%,
      rgba(4,10,20,0) 88%),
    linear-gradient(90deg,
      rgba(4,10,20,.30) 0%,
      rgba(4,10,20,.13) 50%,
      rgba(4,10,20,0) 100%)}
@media(max-width:820px){
  .at-hero::before{background-position:50% 50%}
  .at-hero::after{background:linear-gradient(180deg,
    rgba(4,10,20,.24) 0%, rgba(4,10,20,.34) 60%, rgba(4,10,20,.44) 100%)}
}