@keyframes bounce{0%{transform:translateY(0) translate(-50%)}50%{transform:translateY(10px) translate(-50%)}to{transform:translateY(0) translate(-50%)}}.scene{background-color:var(--text-color)}.scene .canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:20}.scene canvas{opacity:0;pointer-events:none;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.scene .is-loaded canvas,.scene .isLoaded canvas{opacity:1}.gradient-wrap{z-index:10}.gradient-wrap,.gradient-wrap canvas{height:100%;left:0;position:absolute;top:0;width:100%}.fluid{background-color:#4d68c1;display:grid;grid-template-columns:1fr;position:relative;z-index:10}.fluid>img{grid-column-start:1;grid-row-start:1;height:100vh;left:0;mix-blend-mode:soft-light;top:0;transition-duration:.3s;transition-timing-function:cubic-bezier(.61,1,.88,1);width:100vw}.fluid>img.fluid-3{mix-blend-mode:color-dodge;opacity:1}