.hero-loop{opacity:0;animation:48s ease-in-out 3s infinite both hero-loop}.hero-mask{-webkit-mask:linear-gradient(#000 0,#000000fd .8%,#000000f7 3%,#000000ed 6.5%,#000000df 11.1%,#000000d0 16.8%,#000000bd 23.4%,#000a 30.7%,#00000094 38.7%,#0000007e 47.1%,#00000068 55.9%,#00000051 64.8%,#0000003b 73.9%,#00000026 82.8%,#00000012 91.6%,#0000) bottom/100% 240px no-repeat,linear-gradient(#000 0,#000) top/100% calc(100% - 240px) no-repeat;mask:linear-gradient(#000 0,#000000fd .8%,#000000f7 3%,#000000ed 6.5%,#000000df 11.1%,#000000d0 16.8%,#000000bd 23.4%,#000a 30.7%,#00000094 38.7%,#0000007e 47.1%,#00000068 55.9%,#00000051 64.8%,#0000003b 73.9%,#00000026 82.8%,#00000012 91.6%,#0000) bottom/100% 240px no-repeat,linear-gradient(#000 0,#000) top/100% calc(100% - 240px) no-repeat}@keyframes hero-loop{0%,2.5%{opacity:1;transform:rotate(0)scale(.9)}12.5%,15%{transform:rotate(-45deg)scale(.9)}25%,27.5%{transform:rotate(-90deg)scale(.9)}37.5%,40%{transform:rotate(-135deg)scale(.9)}50%,52.5%{transform:rotate(-180deg)scale(.9)}62.5%,65%{transform:rotate(-225deg)scale(.9)}72.5%,75%{transform:rotate(-270deg)scale(.9)}85%,87.5%{transform:rotate(-315deg)scale(.9)}to{opacity:1;transform:rotate(-1turn)scale(.9)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:3s ease-in-out forwards fade-in}.mobile-mask{-webkit-mask-image:url(/public/outlines/iphone-mask.svg);mask-image:url(/public/outlines/iphone-mask.svg)}