.flip-box{perspective:1000px;cursor:pointer;background-color:#0000;width:25vmax;height:30vmax}.flip-box-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s;position:relative}.flip-box:hover .flip-box-inner{transform:rotateY(180deg)}.flip-box-front,.flip-box-back{backface-visibility:hidden;border-radius:1.5rem;width:100%;height:100%;position:absolute}.flip-box-front{color:#000;background-color:#bbb;overflow:hidden}.flip-box-front img{object-fit:cover;width:100%;height:100%;display:block}.flip-box-back{-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff69;border:1px solid #fff3;justify-content:center;align-items:center;padding:2rem;display:flex;transform:rotateY(180deg)}.flip-box-content{width:100%}.flip-box-content h3{color:#fff;text-shadow:2px 2px 4px #00000080;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.flip-box-content p{color:#fff;opacity:.95;text-shadow:1px 1px 2px #00000080;font-size:1.2vmax;line-height:1.2}.flip-box:hover{transition:transform .3s}@media (max-width:1280px){.flip-box{width:28vmax;height:33vmax}.flip-box-content h3{font-size:1.8rem}}@media (max-width:768px){.flip-box{width:70vw;height:85vw}.flip-box:hover{transform:translateY(-3vw)}.flip-box-back{padding:1.5rem}.flip-box-content h3{margin-bottom:.8rem;font-size:1.5rem}.flip-box-content p{font-size:.9rem}}@media (max-width:520px){.flip-box{width:80vw;height:95vw}.flip-box:hover{transform:translateY(-4vw)}.flip-box-back{padding:1.2rem}.flip-box-content h3{margin-bottom:.6rem;font-size:1.3rem}.flip-box-content p{font-size:.85rem;line-height:1.5}}@media screen and (max-width:768px){.h-cus{min-height:180vh}}