.custom-hero-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;aspect-ratio:17 / 9}.custom-hero-banner h1{margin:0;font-family:Squartiqa4F,sans-serif;font-size:round(16vw,1px);display:flex;align-items:flex-start;line-height:1;position:absolute;top:5%;z-index:1;background:linear-gradient(135deg,#323841,#3a4f7a,#5c84d7);background-clip:text;-webkit-background-clip:text;color:transparent;background-position:0;background-size:300% 100%;transform:translateY(15vw) scale(1.1);filter:blur(5px);opacity:0;animation:appear 2s ease forwards}.custom-hero-banner h1 sup{font-size:2vw;margin-top:1.5vw}.custom-hero-banner img{width:45vw;position:relative;z-index:2;transform:translate(-5vw) scale(.9);opacity:0;animation:bikeSlideIn .6s ease forwards;animation-delay:1.4s}@media (max-width: 768px){.custom-hero-banner h1{transform:none;filter:blur(0px);opacity:1;animation:none}.custom-hero-banner img{width:85vw;opacity:1;transform:none;animation:none}}@keyframes appear{0%{transform:translateY(15vw) scale(1.1);filter:blur(5px);opacity:0}65%{transform:translateY(15vw) scale(1);filter:blur(0px);opacity:1}to{transform:translateY(3vw) scale(1);filter:blur(0px);opacity:1}}@keyframes bikeSlideIn{0%{transform:translate(-5vw) scale(.9);filter:blur(5px);opacity:0}to{transform:translate(-2vw) scale(1);filter:blur(0px);opacity:1}}.no-interaction{-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-hero-banner.css.map */