.bleed-canvas{width:100vw;height:100%;position:absolute}section{container-type:inline-size;height:100vh;display:grid;place-items:center;background:0 0}.diamond{height:20%;position:absolute;right:10%;top:15%}.diamond2{width:20vmin;position:absolute;top:15%;left:5%;rotate:-20deg}.money{width:15vmin;position:absolute;bottom:0;right:45%;rotate:20deg}.money2{width:15vmin;position:absolute;bottom:0;right:40%;rotate:20deg}.banknote{width:20vmin;position:absolute;bottom:0;right:35%;rotate:20deg}.banknote2{width:20vmin;position:absolute;bottom:-3%;right:52%;rotate:20deg}.rpHero{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);height:60vmin}.rpleft{position:absolute;bottom:0;left:0;height:60vmin;z-index:10}.rpright{position:absolute;bottom:0;right:0;height:60vmin;z-index:10}@media (max-width:768px){.rpleft{height:60vmin}.rpHero{height:60vmin}.rpright{height:60vmin}}@supports (animation-timeline:scroll()){section{view-timeline-name:--section}:is(.diamond,.rpright,.rpleft,.rpHero){-webkit-animation:slide both linear;animation:slide both linear;animation-timeline:--section;animation-range:exit 0 exit 45%}.diamond{--x:50%;--y:-50%;--opacity:0}.rpleft{--x:-100%;--y:100%;--opacity:0}.rpHero{--y:-100%;--opacity:0}.rpright{--x:100%;--y:100%;--opacity:0}@-webkit-keyframes slide{to{translate:var(--x,0) var(--y,0);opacity:var(--opacity,1);scale:var(--scale,1)}}@keyframes slide{to{translate:var(--x,0) var(--y,0);opacity:var(--opacity,1);scale:var(--scale,1)}}section:nth-of-type(4) .box:nth-of-type(2) p{-webkit-animation:slide both linear;animation:slide both linear;animation-range:cover 15% cover 75%;animation-timeline:view();--opacity:0;--y:-10%}section:nth-of-type(5)::before{translate:-50% 10%;opacity:0;-webkit-animation:slide both linear;animation:slide both linear;animation-range:entry 0 entry 25%;animation-timeline:--section;--opacity:1;--y:0;--x:-50%}@-webkit-keyframes slip{to{scale:1;translate:-5% 0}}@keyframes slip{to{scale:1;translate:-5% 0}}.diamond2{-webkit-animation:roll both linear;animation:roll both linear;animation-timeline:--section;animation-range:exit}.money{-webkit-animation:rollol both linear;animation:rollol both linear;animation-timeline:--section;animation-range:exit}.money2{-webkit-animation:roll both linear;animation:roll both linear;animation-timeline:--section;animation-range:exit}.banknote{-webkit-animation:rollout both linear;animation:rollout both linear;animation-timeline:--section;animation-range:exit}.banknote2{-webkit-animation:rollover both linear;animation:rollover both linear;animation-timeline:--section;animation-range:exit}@-webkit-keyframes roll{to{rotate:720deg;translate:500% 0}}@keyframes roll{to{rotate:720deg;translate:500% 0}}@-webkit-keyframes rollout{to{rotate:320deg;translate:-500% 0}}@keyframes rollout{to{rotate:320deg;translate:-500% 0}}@-webkit-keyframes rollover{to{rotate:420deg;translate:100% 0}}@keyframes rollover{to{rotate:420deg;translate:100% 0}}@-webkit-keyframes rollol{to{rotate:420deg;translate:-500% 0}}@keyframes rollol{to{rotate:420deg;translate:-500% 0}}}#movingGradient{animation:gradientAnimation 10s infinite}.video-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden}.video-bg video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.6)}.frvgsBlur{filter:blur(10px)}.frvgsShadow1{background:#ea3d89;box-shadow:0 .1rem .2rem rgba(0,0,0,.2),0 .1rem .5rem rgba(0,0,0,.3),0 .2rem 1.5rem rgba(0,0,0,.4)}.diagonal-section{clip-path:polygon(0 10%,100% 0,100% 90%,0 100%);background-color:oklch(var(--b3))}table{width:100%;border-collapse:collapse}td,th{border:1px solid #000;padding:8px;text-align:left}th{background-color:oklch(var(--p));color:oklch(var(--pc))}.key{display:inline-block;background-color:oklch(var(--p));color:oklch(var(--pc));padding:5px 10px;font-family:monospace;border-radius:4px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15)}