.activities-hero{align-items:center;background-color:none;display:flex;height:76svh;justify-content:center;overflow:hidden;position:absolute;width:100vw;z-index:3}.radialgrad{background:radial-gradient(ellipse at center,#fff 20%,hsla(0,0%,100%,0) 60%);bottom:-4svh;height:140%;left:-150%;pointer-events:none;position:absolute;width:400%;z-index:-2}.phone-stack{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.phone{position:absolute;transition:transform 1s ease,opacity 1s ease;width:50vw;z-index:2}.phone1{z-index:1}.phone2{z-index:2}.phone3{z-index:3}.phone4{z-index:2}.phone5{z-index:1}.fanned-out .phone1{transform:rotate(-45deg) translate(-22vw,-6vh)}.fanned-out .phone1,.fanned-out .phone2{opacity:1;transition:transform .6s ease-in-out,opacity .6s ease}.fanned-out .phone2{transform:rotate(-22deg) translate(-12vw,-3vh)}.fanned-out .phone3{transform:rotate(0deg) translateY(-2vh)}.fanned-out .phone3,.fanned-out .phone4{opacity:1;transition:transform .6s ease-in-out,opacity .6s ease}.fanned-out .phone4{transform:rotate(22deg) translate(12vw,-3vh)}.fanned-out .phone5{opacity:1;transform:rotate(45deg) translate(22vw,-6vh);transition:transform .6s ease-in-out,opacity .6s ease}@media (min-width:428px){.phone{width:32vw}}@media (min-width:834px){.activities-hero{align-items:center;background-color:none;display:flex;height:100vh;justify-content:center;overflow:hidden;position:absolute;width:100vw;z-index:3}.phone{width:20vw}.fanned-out .phone1{transform:rotate(-45deg) translate(-22vw,-15vh)}.fanned-out .phone1,.fanned-out .phone2{opacity:1;transition:transform .6s ease-in-out,opacity .6s ease}.fanned-out .phone2{transform:rotate(-22deg) translate(-12vw,-5vh)}.fanned-out .phone3{transform:rotate(0deg) translateY(-2vh)}.fanned-out .phone3,.fanned-out .phone4{opacity:1;transition:transform .6s ease-in-out,opacity .6s ease}.fanned-out .phone4{transform:rotate(22deg) translate(12vw,-5vh)}.fanned-out .phone5{opacity:1;transform:rotate(45deg) translate(22vw,-15vh);transition:transform .6s ease-in-out,opacity .6s ease}.radialgrad{background:radial-gradient(ellipse at center,#fff 20%,hsla(0,0%,100%,0) 60%);bottom:-34svh;height:100vh;left:0;pointer-events:none;position:absolute;width:100%;z-index:-2}}