.vela-introduction{position:relative;min-height:50vh;color:var(--text-color);background-color:var(--bg-color);overflow:hidden}@media (min-width: 1200px){.vela-introduction{height:var(--height, 800px)}}@media (min-width: 768px) and (max-width: 1199.98px){.vela-introduction{height:var(--medium-height, 600px)}}@media (max-width: 767.98px){.vela-introduction{height:var(--small-height, 350px)}}.vela-introduction__heading{position:absolute;left:0;right:0;max-width:870px;margin:0 auto;line-height:1.2;transform:translateY(-100%);text-align:center}@media (min-width: 1200px){.vela-introduction__heading{font-size:var(--large-fs)}}@media (min-width: 768px) and (max-width: 1199.98px){.vela-introduction__heading{font-size:var(--medium-fs)}}@media (max-width: 767.98px){.vela-introduction__heading{font-size:var(--small-fs)}}.vela-introduction__title{top:-7%;color:var(--text-color);transition:top 1.2s linear 1.6s}.vela-introduction__pretitle{position:absolute;top:0;z-index:1;color:var(--pre-text-color);transition:top 1.2s linear .2s}.vela-introduction__content{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;overflow:hidden;transform:translateY(55%);transition:transform 1.2s linear 1.6s}.vela-introduction__media{display:block;width:100%;height:100%;overflow:hidden;transform:translateY(45%);transition:transform 1.2s linear .2s}.vela-introduction__media .card_wrap{display:block;width:100%;height:100%;transform:scale(.45313);transform-origin:top center;transition:transform 1.2s linear 1.6s}.vela-introduction__media .card__image{position:absolute!important;top:0;left:0;width:100%;height:100%;padding-top:0!important;overflow:hidden}.vela-introduction__media .card__image img{top:0!important;height:100%!important;transform:translateY(0) scale(1.1)!important;object-fit:cover;transition:transform 1.2s linear .2s}.vela-introduction__btn{position:absolute;z-index:3;left:0;right:0;bottom:22%;display:flex;align-items:center;justify-content:center;width:104px;height:104px;margin:30px auto;padding:0;color:var(--text-color);background-color:rgba(var(--pre-text-color-rgb),.3);border:0;border-radius:50%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:all .3s linear 2.9s}@media (max-width: 767.98px){.vela-introduction__btn{width:80px;height:80px;padding:5px;margin:16px auto}}.vela-introduction__btn .icon-intro-spin{animation:spinner-border linear 8s infinite}.vela-introduction__btn .icon-intro-compass-circle{position:absolute;top:50%;left:50%;display:block;width:52px;height:52px;margin-top:-26px;margin-left:-26px}@media (max-width: 767.98px){.vela-introduction__btn .icon-intro-compass-circle{width:40px;height:40px;margin-top:-20px;margin-left:-20px}}.vela-introduction__btn .icon-intro-compass-needle{position:absolute;top:50%;left:50%;display:block;width:14px;height:26px;margin-top:-13px;margin-left:-7px;transform:rotate(-135deg);transition:transform .3s ease-in-out}@media (max-width: 767.98px){.vela-introduction__btn .icon-intro-compass-needle{width:10px;height:24px;margin-top:-12px;margin-left:-5px}}.vela-introduction__btn:hover .icon-intro-compass-needle{transform:rotate(0)}.vela-introduction.state-second .vela-introduction__pretitle{top:48%}.vela-introduction.state-second .vela-introduction__title{top:60%}.vela-introduction.state-second .vela-introduction__content,.vela-introduction.state-second .vela-introduction__media{transform:translateY(0)}.vela-introduction.state-second .vela-introduction__media .card_wrap{transform:scale(1)}.vela-introduction.state-second .vela-introduction__media .card__image img{transform:scale(1)!important}.vela-introduction.state-second .vela-introduction__btn{bottom:0;opacity:1;visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/13/assets/introduction.css.map */