.brainroot-hero-banner{position:relative;overflow:hidden;min-height:60vh;background-color:var(--hero-background-color)}.brainroot-hero-banner__content{position:relative;z-index:3;min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px}.brainroot-hero-banner__marquee{position:absolute;top:20px;left:0;right:0;z-index:10;overflow:hidden;height:40px}.brainroot-hero-banner__marquee-content{display:flex;justify-content:flex-start;align-items:center;height:40px;overflow:hidden}.brainroot-hero-banner__marquee-track{display:flex;align-items:center;gap:var(--marquee-gap, 16px);animation:marquee-infinite 20s linear infinite;white-space:nowrap;will-change:transform}.brainroot-hero-banner__marquee-image{height:40px;width:auto;object-fit:contain;flex-shrink:0}@keyframes marquee-infinite{0%{transform:translate(0)}to{transform:translate(var(--marquee-distance, -100%))}}.brainroot-hero-banner__main-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:40px;width:100%;max-width:1440px;margin-top:60px}.brainroot-hero-banner__content-block{max-width:50%;text-align:left;color:#fff}.brainroot-hero-banner__content-block.size-normal .brainroot-hero-banner__title{color:var(--title-color, #ff5bd3);font-family:"ABC Gravity",var(--font-abc-gravity, inherit);font-size:80px;font-style:normal;font-weight:900;line-height:80%;letter-spacing:.8px}.brainroot-hero-banner__content-block.size-normal .brainroot-hero-banner__description{color:#fff;font-family:Helvetica Now Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.18px}.brainroot-hero-banner__content-block.size-large .brainroot-hero-banner__title{color:var(--title-color, #deff15);font-family:"ABC Gravity",var(--font-abc-gravity, inherit);font-stretch:ultra-compressed!important;font-size:120px;font-style:normal;font-weight:900;line-height:80%;letter-spacing:1.2px}.brainroot-hero-banner__content-block.size-large .brainroot-hero-banner__description{color:#fff;font-family:Helvetica Now Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:22px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.22px}.brainroot-hero-banner__title{text-transform:uppercase;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.brainroot-hero-banner__description{margin-bottom:24px;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.3)}.brainroot-hero-banner__description p:last-child{margin-bottom:0}.brainroot-hero-banner__buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;flex-direction:row!important}.brainroot-hero-banner__button{text-transform:none!important;letter-spacing:0;font-weight:500}.brainroot-hero-banner__button-container{display:inline-block}.brainroot-hero-banner__button-container.primary .brainroot-hero-banner__button,.brainroot-hero-banner .dynamic-section-button .btn:not(.btn--secondary){width:auto!important;padding:16px 40px!important;height:45px!important;flex-shrink:0;border-radius:30px!important;background:#fff!important;color:#000!important;border:none!important;font-size:16px;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:auto!important;max-width:none!important}.brainroot-hero-banner__button-container.secondary .brainroot-hero-banner__button,.brainroot-hero-banner .dynamic-section-button .btn.btn--secondary{width:auto!important;padding:16px 40px!important;height:45px!important;flex-shrink:0;border-radius:30px!important;background:transparent!important;color:#fff!important;border:1px solid #fff!important;font-size:16px;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:auto!important;max-width:none!important}.brainroot-hero-banner__button-container.primary .brainroot-hero-banner__button:hover,.brainroot-hero-banner .dynamic-section-button .btn:not(.btn--secondary):hover{background:#ffffffe6!important;color:#000!important}.brainroot-hero-banner__button-container.secondary .brainroot-hero-banner__button:hover,.brainroot-hero-banner .dynamic-section-button .btn.btn--secondary:hover{background:#fff!important;color:#000!important;border-color:#fff!important}.brainroot-hero-banner__image-block{max-width:692px;width:100%}.brainroot-hero-banner__image-wrapper,.brainroot-hero-banner__image-wrapper .responsive-image-wrapper{width:100%}.brainroot-hero-banner__image-wrapper img,.brainroot-hero-banner__image-wrapper .responsive-image-wrapper img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.brainroot-hero-banner__image-placeholder{width:100%;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.3)}.brainroot-hero-banner__image-placeholder svg{width:64px;height:64px;opacity:.5}@media (max-width: 1023px){.brainroot-hero-banner{min-height:80vh}.brainroot-hero-banner__content{min-height:80vh;padding:40px 15px}.brainroot-hero-banner__marquee{top:15px;height:32px}.brainroot-hero-banner__marquee-content,.brainroot-hero-banner__marquee-image{height:32px}.brainroot-hero-banner__main-content{gap:60px;margin-top:40px}.brainroot-hero-banner__content-block{max-width:100%}.brainroot-hero-banner__image-block{order:-1}.brainroot-hero-banner__content-block.size-normal .brainroot-hero-banner__description{font-size:16px;letter-spacing:.16px}.brainroot-hero-banner__content-block.size-large .brainroot-hero-banner__description{font-size:20px;letter-spacing:.2px}.brainroot-hero-banner__buttons{flex-direction:row!important;flex-wrap:wrap;gap:12px}}@media (min-width: 1024px){.brainroot-hero-banner__content-block{width:560px;max-width:50%}.brainroot-hero-banner__image-block{width:600px;max-width:50%}.brainroot-hero-banner__main-content{flex-direction:row;justify-content:center;align-items:center}.brainroot-hero-banner__content-block:first-child{text-align:left;margin-right:auto}.brainroot-hero-banner__content-block:first-child .brainroot-hero-banner__buttons{justify-content:flex-start}.brainroot-hero-banner__image-block:first-child+.brainroot-hero-banner__content-block{text-align:left;margin-left:auto}.brainroot-hero-banner__image-block:first-child+.brainroot-hero-banner__content-block .brainroot-hero-banner__buttons{justify-content:flex-start}.brainroot-hero-banner__content-block.size-normal .brainroot-hero-banner__title{font-size:120px;letter-spacing:1.2px;line-height:80%}.brainroot-hero-banner__content-block.size-large .brainroot-hero-banner__title{font-size:180px;letter-spacing:1.8px;line-height:80%}}.brainroot-hero-banner.show-on-scroll [data-animate]:not(.brainroot-hero-banner__image-block--animated){opacity:1;transform:translateY(0)}.brainroot-hero-banner [data-animate].brainroot-hero-banner__image-block--animated{opacity:0;transition:opacity .8s ease}.brainroot-hero-banner.show-on-scroll [data-animate].brainroot-hero-banner__image-block--animated{opacity:1}.brainroot-hero-banner [data-animate-order="3"]{transition-delay:.1s}.brainroot-hero-banner [data-animate-order="4"]{transition-delay:.2s}.brainroot-hero-banner [data-animate-order="5"]{transition-delay:.3s}.brainroot-hero-banner [data-animate-order="6"]{transition-delay:.4s}.brainroot-hero-banner [data-animate-order="7"]{transition-delay:.5s}.brainroot-hero-banner .placeholder-noblocks{position:relative;z-index:3;text-align:center;color:#fff;padding:100px 20px;font-size:18px}.brainroot-hero-banner__image-block--animated .brainroot-hero-banner__image-wrapper{animation-duration:var(--animation-duration, 15s);animation-iteration-count:infinite;animation-fill-mode:both;will-change:transform,opacity;backface-visibility:hidden}.brainroot-hero-banner__image-block--bounce .brainroot-hero-banner__image-wrapper{animation-name:hero-bounce;animation-timing-function:ease-in-out}@keyframes hero-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.brainroot-hero-banner__image-block--float .brainroot-hero-banner__image-wrapper{animation-name:hero-float;animation-timing-function:ease-in-out}@keyframes hero-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.03)}}.brainroot-hero-banner__image-block--wobble .brainroot-hero-banner__image-wrapper{animation-name:hero-wobble;transform-origin:center center;animation-timing-function:ease-in-out}@keyframes hero-wobble{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}.brainroot-hero-banner__image-block--pulse .brainroot-hero-banner__image-wrapper{animation-name:hero-pulse;animation-timing-function:ease-in-out}@keyframes hero-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.brainroot-hero-banner__image-block--animated .brainroot-hero-banner__image-wrapper img{transition:none}.brainroot-hero-banner__image-block--float .brainroot-hero-banner__image-wrapper{filter:drop-shadow(0 8px 20px rgba(0,0,0,.12)) drop-shadow(0 3px 6px rgba(0,0,0,.15))}.brainroot-hero-banner__image-block--bounce .brainroot-hero-banner__image-wrapper{filter:drop-shadow(0 6px 15px rgba(0,0,0,.1)) drop-shadow(0 2px 4px rgba(0,0,0,.12))}.brainroot-hero-banner__image-block--wobble .brainroot-hero-banner__image-wrapper{filter:drop-shadow(0 4px 10px rgba(0,0,0,.08)) drop-shadow(0 2px 4px rgba(0,0,0,.1))}.brainroot-hero-banner__image-block--pulse .brainroot-hero-banner__image-wrapper{filter:drop-shadow(0 3px 8px rgba(0,0,0,.08)) drop-shadow(0 1px 3px rgba(0,0,0,.1));transition:filter .3s ease}.brainroot-hero-banner__image-block--animated:hover .brainroot-hero-banner__image-wrapper{animation-play-state:paused;transition:transform .4s cubic-bezier(.4,0,.2,1)}.brainroot-hero-banner__image-block--animated .brainroot-hero-banner__image-wrapper{animation-delay:var(--animation-delay, .5s)}.brainroot-hero-banner__image-block--animated:nth-of-type(1) .brainroot-hero-banner__image-wrapper{--animation-delay: .2s}.brainroot-hero-banner__image-block--animated:nth-of-type(2) .brainroot-hero-banner__image-wrapper{--animation-delay: .8s}.brainroot-hero-banner__image-block--animated:nth-of-type(3) .brainroot-hero-banner__image-wrapper{--animation-delay: 1.4s}@media (prefers-reduced-motion: reduce){.brainroot-hero-banner__image-block--animated .brainroot-hero-banner__image-wrapper{animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-brainroot-hero-banner.css.map */