.hero-custom{min-height:70vh!important;max-height:70vh!important;height:70vh!important;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.hero-custom .banner__box{background:transparent!important;padding:2rem 1.5rem!important;border:none!important;box-shadow:none!important;max-width:100%!important;width:100%!important}.hero-custom .banner__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;padding:0!important;z-index:2}.hero-custom:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}.hero-custom .banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-text-wrapper{text-align:center;margin-bottom:2rem}.hero-custom .banner__heading{color:#fff;margin:0;text-align:center}.hero-custom h2.banner__heading{color:rgb(var(--color-base-accent-1));line-height:1.4;min-height:4rem;position:relative;margin-top:.5rem}.rotating-word{display:inline-block;opacity:0;position:absolute;left:50%;transform:translate(-50%);animation:rotateWord 10s infinite;white-space:nowrap}.rotating-word:nth-child(1){animation-delay:0s}.rotating-word:nth-child(2){animation-delay:2s}.rotating-word:nth-child(3){animation-delay:4s}.rotating-word:nth-child(4){animation-delay:6s}.rotating-word:nth-child(5){animation-delay:8s}@keyframes rotateWord{0%,20%{opacity:1;transform:translate(-50%)}25%,to{opacity:0;transform:translate(-50%,-20px)}}.hero-custom .button{display:block;margin:3rem auto 0;max-width:fit-content;animation:bounce 2s infinite;padding:1.25rem 1.5rem;box-shadow:0 0 20px #ff913799,0 0 40px #d4af374d}.hero-custom .button:hover{animation:none}@keyframes bounce{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}@keyframes bounce{0%,to{transform:translate(0)}25%{transform:translate(8px)}50%{transform:translate(0)}75%{transform:translate(-8px)}}.drip-transition{position:absolute;bottom:-2px;left:0;width:100%;height:150px;z-index:2;pointer-events:none}.drip-transition svg{width:100%;height:100%}@media screen and (max-width: 749px){.hero-custom{min-height:70vh!important;max-height:70vh!important}.hero-custom .banner__content{width:85%}.drip-transition{height:100px}.rotating-word{font-size:.75em}}@media screen and (max-width: 480px){.rotating-word{font-size:.79em}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-section.css.map */