.hero-veil{--veil-side:60px;--veil-below:70px;--veil-blur:40px;position:relative}.hero-veil:before{content:"";z-index:-1;box-shadow:0 0 0 var(--veil-side) #002647, 0 calc(var(--veil-below) - var(--veil-side)) 0 var(--veil-side) #002647;opacity:.6;filter:blur(var(--veil-blur));pointer-events:none;background:#002647;position:absolute;inset:0}@media (min-width:900px){.hero-veil{--veil-side:90px;--veil-below:90px;--veil-blur:55px}}