.fade-enter-active[data-v-8eaf1973],.fade-leave-active[data-v-8eaf1973]{transition:opacity .3s ease-out}.fade-enter-from[data-v-8eaf1973],.fade-leave-to[data-v-8eaf1973]{opacity:0}.perspective-container[data-v-13e0ee28]{height:500px;margin-bottom:0;overflow:hidden;width:100%;z-index:10}.hero-mockup[data-v-13e0ee28],.perspective-container[data-v-13e0ee28]{pointer-events:none;position:relative}.hero-mockup[data-v-13e0ee28]{border-radius:12px;box-shadow:0 25px 50px -12px #0003;margin:16px auto 0;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent);width:94%}@media(min-width:768px){.perspective-container[data-v-13e0ee28]{height:1120px;margin-bottom:-250px;overflow:visible;perspective:4000px;perspective-origin:100% 0;transform-style:preserve-3d}.hero-mockup[data-v-13e0ee28]{backface-visibility:hidden;box-shadow:0 50px 100px -20px #00000040,0 30px 60px -30px #00000059;margin:50px 15% -200px 5%;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in,xor;mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent),linear-gradient(180deg,#000 70%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent),linear-gradient(180deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent),linear-gradient(180deg,#000 85%,transparent);-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;transform:translate(2%) scale(1.2) rotateX(47deg) rotateY(31deg) rotate(-36deg);transform-origin:50% 50%;transform-style:preserve-3d;transition:transform 3.5s cubic-bezier(.5,0,.35,1),mask-size 3.5s cubic-bezier(.5,0,.35,1),-webkit-mask-size 3.5s cubic-bezier(.5,0,.35,1),margin 3.5s cubic-bezier(.5,0,.35,1);width:80%}.hero-mockup.is-flat[data-v-13e0ee28]{margin:50px 10% -200px;mask-size:200% 200%;-webkit-mask-size:200% 200%;transform:translate(0) scale(1) rotateX(2deg) rotateY(0) rotate(0)}}