.tier-graphic{align-items:flex-end;display:flex;flex-flow:row nowrap;gap:32px;padding-top:20px}.tier-graphic h2{color:var(--primary-v86-punchy-orange);margin:0;white-space:nowrap}.tier-graphic .graphic{position:relative}.tier-graphic .graphic-placeholder{display:none}@media not all and (min-resolution:0.001dpcm){.tier-graphic .graphic{display:none}.tier-graphic .graphic-placeholder{display:flex}}.tier-graphic .tier{transform:rotateX(250deg) rotateY(0deg) rotate(-120deg)}.tier-graphic .side{outline:1px solid transparent}.tier-graphic .left{animation-fill-mode:backwards;animation-name:leftfold;animation-timing-function:ease-in-out}.tier-graphic .front,.tier-graphic .left{animation-direction:alternate-reverse;animation-duration:1s}.tier-graphic .front{animation-fill-mode:backwards;animation-name:frontfold;animation-timing-function:ease-in-out}.tier-graphic .top{animation-direction:alternate-reverse;animation-duration:1s;animation-fill-mode:backwards;animation-name:topraise;animation-timing-function:ease-in-out}.tier-graphic .tier-one{--size:60px;bottom:-10px;height:var(--size);left:10px;position:absolute;transform-style:preserve-3d;width:var(--size);z-index:-1}.tier-graphic .tier-one .side{height:100%;left:0;position:absolute;top:0;width:100%}.tier-graphic .tier-one .top{background:#ff7466;left:unset;right:0;transform:translateZ(calc(var(--size)*-1));width:calc(var(--size)/2)}.tier-graphic .tier-one .front{background:#ff5140;transform:rotateY(-90deg);transform-origin:right}.tier-graphic .tier-one .left{background:#bf3d30;left:unset;right:0;transform:rotateX(90deg);transform-origin:bottom;width:calc(var(--size)/2)}.tier-graphic .tier-two{--size:90px;bottom:-10px;height:var(--size);left:30px;position:absolute;transform-style:preserve-3d;width:var(--size);z-index:-2}.tier-graphic .tier-two .side{height:100%;left:0;position:absolute;top:0;width:100%}.tier-graphic .tier-two .top{animation-delay:1s;background:#ff7466;left:unset;right:0;transform:translateZ(calc(var(--size)*-1));width:calc(var(--size)/2)}.tier-graphic .tier-two .front{animation-delay:1s;background:#ff5140;transform:rotateY(-90deg);transform-origin:right}.tier-graphic .tier-two .left{animation-delay:1s;background:#bf3d30;left:unset;right:0;transform:rotateX(90deg);transform-origin:bottom;width:calc(var(--size)/2)}.tier-graphic .tier-three{--size:135px;bottom:-10px;height:var(--size);left:60px;position:absolute;transform-style:preserve-3d;width:var(--size);z-index:-3}.tier-graphic .tier-three .side{height:100%;left:0;position:absolute;top:0;width:100%}.tier-graphic .tier-three .top{animation-delay:2s;background:#ff7466;left:unset;right:0;transform:translateZ(calc(var(--size)*-1));width:calc(var(--size)/2)}.tier-graphic .tier-three .front{animation-delay:2s;background:#ff5140;transform:rotateY(-90deg);transform-origin:right}.tier-graphic .tier-three .left{animation-delay:2s;background:#bf3d30;left:unset;right:0;transform:rotateX(90deg);transform-origin:bottom;width:calc(var(--size)/2)}@keyframes leftfold{0%{opacity:1;transform:rotateX(90deg)}to{opacity:0;transform:rotateX(180deg)}}@keyframes frontfold{0%{opacity:1;transform:rotateY(-90deg)}to{opacity:0;transform:rotateY(-180deg)}}@keyframes topraise{0%{opacity:1}to{opacity:0}}@media screen and (max-width:500px){.tier-graphic .graphic{transform:scale(.5);transform-origin:bottom}.tier-graphic .graphic-placeholder .graphic-three{height:100px;width:100px}}