.white-bg-animation{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.white-bg-animation:before{z-index:10;content:"";background-image:linear-gradient(-180deg,#f2eee9 0%,#f2eee900 100%);height:60vh;position:absolute;top:0;left:0;right:0}.white-bg-animation:after{z-index:10;content:"";background-image:linear-gradient(#f2eee900 0%,#f2eee9 100%);height:20vh;position:absolute;bottom:0;left:0;right:0}.squares{justify-content:space-around;height:100%;display:flex;overflow:hidden}.square{background:#e0dbd5;align-self:flex-end;width:1em;height:1em;animation:9.5s linear infinite squares;transform:translateY(100%)}.square:nth-child(2){filter:blur(5px);width:3em;height:1.5em;animation-duration:17s;animation-delay:1s}.square:nth-child(3){filter:blur();width:1em;height:2em;animation-duration:8s;animation-delay:1.5s}.square:nth-child(4){filter:blur(3px);width:1.5em;height:1em;animation-duration:13s;animation-delay:.5s}.square:nth-child(5){filter:blur(2px);width:2em;height:1.25em;animation-duration:11s;animation-delay:4s}.square:nth-child(6){filter:blur(1px);width:2em;height:2.5em;animation-duration:9s;animation-delay:2s}.square:nth-child(7){filter:blur(2.5px);width:2em;height:5em;animation-duration:12s}.square:nth-child(8){filter:blur(6px);width:3em;height:1em;animation-duration:18s;animation-delay:5s}.square:nth-child(9){filter:blur(.5px);width:2em;height:1.5em;animation-duration:9s}.square:nth-child(10){filter:blur(.5px);width:2.4em;height:3em;animation-duration:12s;animation-delay:6s}@keyframes squares{0%{transform:translateY(100%)rotate(-50deg)}to{transform:translateY(-150vh)rotate(20deg)}}
.folded-container{perspective:1500px;filter:drop-shadow(-1rem 1rem 1rem #0000004d);width:100%;height:100%;position:relative}.folded-assembly{top:0;left:calc(-.5 * var(--dx) * 100%);width:100%;height:100%;transform-style:preserve-3d;position:absolute;transform:rotateY(35deg)}.folded-panel{width:100%;height:100%;transform-style:preserve-3d;--mid:calc((var(--p) + var(--k) * .25) * 100%);transform:translate3d(calc(var(--dx) * 100%), 0, calc(var(--dz) * 100%));position:absolute;top:0;left:0}.folded-panel:before,.folded-panel:after{background-image:var(--bg-img);content:"";backface-visibility:hidden;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.folded-panel:before{transform-origin:var(--mid) 50%;clip-path:inset(0 calc(100% - var(--mid)) 0 calc(var(--p) * 100%));filter:brightness(.4);transform:rotateY(-90deg)}.folded-panel:after{clip-path:inset(0 calc(100% - (var(--p) + var(--k)) * 100%) 0 var(--mid))}
.trivision-container{perspective:2000px;width:100%;height:100%;position:relative;container-type:inline-size}.trivision-segment{height:100%;width:calc((100cqi / var(--n)) + 1px);top:0;left:calc(100% / var(--n) * var(--i));transform-style:preserve-3d;position:absolute}.trivision-face{background-size:100cqi 100%;background-position:calc(var(--i) / (var(--n) - 1) * 100%) 50%;width:100%;height:100%;animation:trivision-flip var(--speed,12s) cubic-bezier(.5, 0, .7, 1.5) infinite;animation-delay:calc((var(--speed,12s) * (var(--f) / -3)) - var(--speed,12s) + (var(--i) * .1s));backface-visibility:hidden;position:absolute;top:0;left:0}.trivision-face:first-child{--f:0;background-image:var(--img-1)}.trivision-face:nth-child(2){--f:1;background-image:var(--img-2)}.trivision-face:nth-child(3){--f:2;background-image:var(--img-3)}@keyframes trivision-flip{0%,25%{transform:rotateY(0deg) translateZ(calc((100cqi / var(--n)) * .289)) scaleX(1.02)}33.333%,58.333%{transform:rotateY(120deg) translateZ(calc((100cqi / var(--n)) * .289)) scaleX(1.02)}66.666%,91.666%{transform:rotateY(240deg) translateZ(calc((100cqi / var(--n)) * .289)) scaleX(1.02)}to{transform:rotateY(360deg) translateZ(calc((100cqi / var(--n)) * .289)) scaleX(1.02)}}