*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}.hero:before{content:"";z-index:1;background:linear-gradient(90deg,#4a090beb 0%,#8d1716c7 45%,#2b100c4d 100%),linear-gradient(#fffaf014,#2b100c7a);position:absolute;inset:0}.heroImage{background-position:100%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}@media (width<=700px){.hero:before{background:linear-gradient(#4a090bf0 0%,#8d1716d1 55%,#2b100c8f 100%),linear-gradient(#fffaf014,#2b100c66)}}