/* Film directions: flowing film-like light instead of another square grid. */
.home-page .home-products:before{inset:-18% -10%;background:radial-gradient(ellipse 58% 34% at 18% 28%,rgba(80,143,119,.11),transparent 68%),radial-gradient(ellipse 48% 28% at 82% 76%,rgba(118,169,148,.1),transparent 72%),linear-gradient(118deg,transparent 18%,rgba(255,255,255,.46) 38%,rgba(109,163,141,.07) 51%,transparent 70%);background-size:auto;mask-image:none;transform:rotate(-3deg);animation:film-light-drift 11s ease-in-out infinite alternate}
.home-page .home-products:after{right:-12%;top:-18%;width:58%;height:72%;border:1px solid rgba(33,101,79,.09);border-radius:50%;box-shadow:0 0 0 48px rgba(33,101,79,.025),0 0 0 102px rgba(33,101,79,.014);transform:rotate(-14deg);animation:film-ellipse-breathe 9s ease-in-out infinite}
@keyframes film-light-drift{from{transform:translate3d(-2%,1%,0) rotate(-3deg);opacity:.68}to{transform:translate3d(4%,-2%,0) rotate(1deg);opacity:1}}
@keyframes film-ellipse-breathe{0%,100%{transform:rotate(-14deg) scale(.96);opacity:.55}50%{transform:rotate(-9deg) scale(1.05);opacity:.9}}
@media(max-width:700px){.home-page .home-products:after{right:-40%;width:96%;height:58%}}
@media(prefers-reduced-motion:reduce){.home-page .home-products:before,.home-page .home-products:after{animation:none}}