.scroll-card-reveal-container{width:100%;height:100%}.scroll-card-reveal-container section{position:relative;width:100vw;height:100vh;background-color:#90d5ff}.scroll-card-reveal-container h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;text-align:center;font-size:3.5rem;font-weight:600;line-height:1.1;letter-spacing:-.02em;max-width:90%}.scroll-card-reveal-container .hero h1,.scroll-card-reveal-container h1{font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important}.scroll-card-reveal-container .card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:360px;perspective:1000px}.scroll-card-reveal-container .flip-card-back>p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:24px;font-weight:500}.scroll-card-reveal-container .card-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;animation:floating 1.5s ease-in-out infinite}.scroll-card-reveal-container #card-1 .card-wrapper{animation-delay:0}.scroll-card-reveal-container #card-2 .card-wrapper{animation-delay:.2s}.scroll-card-reveal-container #card-3 .card-wrapper{animation-delay:.4s}.scroll-card-reveal-container #card-4 .card-wrapper{animation-delay:.6s}.scroll-card-reveal-container #card-5 .card-wrapper{animation-delay:.8s}.scroll-card-reveal-container #card-6 .card-wrapper{animation-delay:1s}.scroll-card-reveal-container .flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.scroll-card-reveal-container .flip-card-back,.scroll-card-reveal-container .flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:.8em;overflow:hidden}.scroll-card-reveal-container .flip-card-back{padding:1em;background-color:#fff;transform:rotateY(180deg)}.scroll-card-reveal-container .flip-card-back .back-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}@keyframes floating{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-60%)}to{transform:translate(-50%,-50%)}}@media (max-width:768px){.scroll-card-reveal-container .card{width:180px;height:270px}.scroll-card-reveal-container h1{font-size:8vw}.scroll-card-reveal-container .card p{font-size:18px}}@media (max-width:480px){.scroll-card-reveal-container .card{width:150px;height:225px}.scroll-card-reveal-container h1{font-size:10vw}.scroll-card-reveal-container .card p{font-size:16px}}