.hero-animation{min-height:360px;overflow:visible;position:relative;width:100%}.hero-animation,.hero-animation .step{align-items:center;display:flex;justify-content:center}.hero-animation .step{inset:0;position:absolute}.hero-animation .hero-img{height:auto;max-width:480px;opacity:1;transition:transform 1.8s ease,opacity 1.2s ease;width:100%;z-index:3}.hero-animation .circle-expand{background:radial-gradient(circle,rgba(160,230,220,.5),rgba(160,230,220,.15));border:2px solid rgba(160,230,220,.9);border-radius:50%;height:0;opacity:0;position:absolute;transform:translateZ(0);width:0;z-index:2}.hero-animation .small-circle{opacity:0;transform:scale(1);transition:opacity .6s ease,transform 1.8s ease;width:200px;z-index:4}@keyframes circleFileShrink{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.hero-animation .final-logo{opacity:0;transform:scale(.4);transition:opacity 1s ease,transform 1.4s ease;width:180px;z-index:5}@keyframes circleExpandThenShrink{0%{height:0;opacity:0;width:0}30%{border-width:2px;height:650px;opacity:.5;width:650px}60%{border-width:2px;height:650px;opacity:.5;width:650px}to{border-width:1px;height:0;opacity:0;width:0}}@keyframes shrinkAndFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.25)}}