.hero-banner{position:relative;height:100vh;width:100%;overflow:hidden}.hero-banner__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.hero-banner__buttons{position:absolute;bottom:0;left:0;right:0;display:flex;border-top:1px solid rgba(255,255,255,.7);z-index:1}.hero-banner__buttons>*{flex-basis:100%}.hero-banner__btn{display:block;padding:1.875rem;text-align:center;text-transform:uppercase;font-weight:700;font-size:15px;letter-spacing:.08em;line-height:1.2;color:#fff;text-decoration:none;background-color:#ffffff26;border-right:1px solid rgba(255,255,255,.7);transition:background-color .45s ease,color .45s ease;cursor:pointer}.hero-banner__btn:last-child{border-right:none}.hero-banner__btn:hover{background-color:transparent;color:#fff}@media(max-width:767px){.hero-banner{height:70vh}.hero-banner__buttons{flex-direction:column;border-top:1px solid rgba(0,0,0,.15)}.hero-banner__btn{text-align:left;font-size:12px;letter-spacing:.12em;color:#000;background-color:#fff;border-right:none;border-bottom:1px solid rgba(0,0,0,.15)}.hero-banner__btn:hover{background-color:#f5f5f5;color:#000}}@keyframes mbFooterLift{0%{transform:translateY(0);text-shadow:0 0 0 rgba(0,217,255,0)}45%{transform:translateY(-4px);text-shadow:0 0 26px rgba(0,217,255,1)}to{transform:translateY(-4px);text-shadow:0 4px 18px rgba(0,217,255,.6)}}.footer li a,.footer-block__item a,.footer-block li a,footer li a{display:inline-block;transition:transform .6s ease,color .6s ease,text-shadow .6s ease;will-change:transform}.footer li:hover a,.footer-block__item:hover a,.footer-block li:hover a,footer li:hover a{animation:mbFooterLift 1.8s ease forwards!important;color:#00d9ff}@media(prefers-reduced-motion:reduce){.footer li:hover a,.footer-block__item:hover a,.footer-block li:hover a,footer li:hover a{animation:none!important;transform:none;color:#00d9ff}}*,*:before,*:after,html,body,a,button,[role=button],input,textarea,select,label,.footer li a,.header a{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36" viewBox="0 0 200 220"><polygon points="100,8 185,55 185,165 100,212 15,165 15,55" fill="none" stroke="%2300D9FF" stroke-width="10" opacity="0.7"/><polygon points="100,40 158,72 158,148 100,180 42,148 42,72" fill="none" stroke="%231F3A93" stroke-width="18"/></svg>') 17 18,auto!important}a:hover,button:hover,[role=button]:hover{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="36" viewBox="0 0 200 220"><polygon points="100,8 185,55 185,165 100,212 15,165 15,55" fill="none" stroke="%2300D9FF" stroke-width="14" opacity="1"/><polygon points="100,40 158,72 158,148 100,180 42,148 42,72" fill="none" stroke="%2300D9FF" stroke-width="18"/></svg>') 17 18,pointer!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hero-banner-Claude.css.map */