.cube-section{--cube-size:220px;--cube-frame:#a02e93;--cube-cap:#23b3dc;--cube-pitch:0deg;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;align-items:center;background:url(cube-bg-1.jpg) 50%/cover no-repeat;border-bottom:15px solid var(--cube-frame);border-top:15px solid var(--cube-frame);color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:Roboto,sans-serif;gap:30px 40px;justify-content:space-evenly;padding:30px 15px 20px}.cube-section--alt{--cube-frame:#5dcc2a;background-image:url(cube-bg-2.jpg);border-bottom:none}.cube-section__copy{background:#fff;border:1px solid #000;border-radius:20px;max-width:560px;padding:15px 30px 20px;text-align:center}.cube-section__copy h2{font-size:30px;font-weight:500;line-height:1.1;margin:10px 0 15px}.cube-section__copy p{font-size:14px;line-height:1.45;margin:0}.cube-section__stage{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0;padding:0}.cube-section__hint,.cube-section__stage{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.cube-section__hint{-webkit-box-pack:center;-ms-flex-pack:center;color:#fff;font-size:14px;font-weight:700;gap:8px;justify-content:center;line-height:1.35;margin:0;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.6)}.cube-section__hint i{font-size:20px;-webkit-transform:rotate(15deg);transform:rotate(15deg)}.cube-section__hint .cube-section__hint-touch{display:none}@media (hover:none){.cube-section__hint .cube-section__hint-pointer{display:none}.cube-section__hint .cube-section__hint-touch{display:inline}}.cube-stage{-webkit-tap-highlight-color:transparent;cursor:-webkit-grab;cursor:grab;height:var(--cube-size);margin:24px 0 calc(var(--cube-size)*.66);-webkit-perspective:calc(var(--cube-size)*2.16);perspective:calc(var(--cube-size)*2.16);-webkit-perspective-origin:50% -16%;perspective-origin:50% -16%;position:relative;-ms-touch-action:pan-y;touch-action:pan-y;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:var(--cube-size)}.cube-stage.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.cube{height:100%;position:relative;-webkit-transform:rotateX(var(--cube-pitch)) rotateY(var(--cube-yaw,0deg));transform:rotateX(var(--cube-pitch)) rotateY(var(--cube-yaw,0deg));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%;will-change:transform}.cube__face{backface-visibility:hidden;-webkit-backface-visibility:hidden;left:0;overflow:hidden;position:absolute;top:0}.cube__face,.cube__face img{display:block;height:100%;width:100%}.cube__face img{-o-object-fit:cover;object-fit:cover;pointer-events:none}.cube__face:after{background:rgba(0,0,0,var(--shade,0));content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.cube__face:focus-visible{outline:4px solid #f7931e;outline-offset:-4px}.cube__face--front{-webkit-transform:rotateY(0deg) translateZ(calc(var(--cube-size)/2));transform:rotateY(0deg) translateZ(calc(var(--cube-size)/2))}.cube__face--right{-webkit-transform:rotateY(90deg) translateZ(calc(var(--cube-size)/2));transform:rotateY(90deg) translateZ(calc(var(--cube-size)/2))}.cube__face--back{-webkit-transform:rotateY(180deg) translateZ(calc(var(--cube-size)/2));transform:rotateY(180deg) translateZ(calc(var(--cube-size)/2))}.cube__face--left{-webkit-transform:rotateY(-90deg) translateZ(calc(var(--cube-size)/2));transform:rotateY(-90deg) translateZ(calc(var(--cube-size)/2))}.cube__face--bottom,.cube__face--top{background:var(--cube-cap)}.cube__face--top{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(40%,hsla(0,0%,100%,0)),to(hsla(0,0%,100%,.22)));background-image:linear-gradient(0deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.22));-webkit-transform:rotateX(90deg) translateZ(calc(var(--cube-size)/2));transform:rotateX(90deg) translateZ(calc(var(--cube-size)/2))}.cube__face--bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.35)),to(rgba(0,0,0,.35)));background-image:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35));-webkit-transform:rotateX(-90deg) translateZ(calc(var(--cube-size)/2));transform:rotateX(-90deg) translateZ(calc(var(--cube-size)/2))}@media (max-width:991px){.cube-section{--cube-size:200px}}@media (max-width:820px){.cube-section{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:0;padding:20px 0 0}.cube-section__copy{border:none;border-radius:0;max-width:none;padding:0 20px 25px}.cube-section__copy h2{font-size:28px}.cube-section__stage{padding:0 0 20px}.cube-stage{margin:16px 0 calc(var(--cube-size)*.66)}}@media (max-width:480px){.cube-section{--cube-size:175px}}@media (prefers-reduced-motion:reduce){.cube{will-change:auto}}