.hero-banner-section{position:relative;overflow:hidden}.hero-banner{position:relative;width:100%;min-height:700px;display:flex;align-items:flex-start}.hero-banner__slides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1s ease}.hero-banner__slide.is-active{opacity:1}.hero-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-banner__content{position:absolute;z-index:2;left:170px;top:80%;transform:translateY(-50%);display:flex;flex-direction:column;gap:30px;align-items:center}.hero-banner__logo-wrapper{display:block}.hero-banner__logo{width:var(--logo-width-desktop);height:var(--logo-height-desktop);object-fit:contain;display:block}.hero-banner__button{background:var(--color-purple);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-white);border:2px solid rgba(255,255,255,.5);padding:12px 36px;border-radius:50px;font-family:var(--font-primary);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:all .3s ease;cursor:pointer;display:inline-block;text-align:center;white-space:nowrap;height:auto;line-height:1;margin-top:auto}.hero-banner__button:hover{background:#fff6;transform:translateY(-3px)}.hero-banner__button--desktop{display:inline-block}.hero-banner__button--mobile{display:none}.hero-banner__dots{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3}.hero-banner__dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:background .3s ease,transform .3s ease;padding:0}.hero-banner__dot.is-active{background:#fff;transform:scale(1.3)}@media(max-width:749px){.hero-banner{height:40vh;min-height:450px}.hero-banner__content{position:absolute;z-index:2;left:-27px;top:20px;transform:none;display:flex;flex-direction:column;gap:0;align-items:flex-start}.hero-banner__logo{width:var(--logo-width-mobile);height:var(--logo-height-mobile)}.hero-banner__button--desktop{display:none}.hero-banner__button--mobile{display:inline-block;position:absolute;z-index:2;left:50%;transform:translate(-50%);bottom:5%}}.hero-banner__image--mobile{display:none}@media(max-width:749px){.hero-banner__image--desktop{display:none}.hero-banner__image--mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-banner.css.map */