.hero-banner{position:relative;width:100%;overflow:hidden}.hero-banner__slider{position:relative;width:100%;height:var(--hero-height-mobile, 500px)}.hero-banner__slides{position:relative;width:100%;height:100%}.hero-banner__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}.hero-banner__slide:first-child:last-child,.hero-banner__slide--active{opacity:1;visibility:visible;z-index:1}.hero-banner__link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.hero-banner__media{position:relative;width:100%;height:100%;overflow:hidden}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner__placeholder{width:100%;height:100%;background:rgb(var(--color-background));display:flex;align-items:center;justify-content:center}.hero-banner__placeholder svg{width:100%;height:100%;opacity:.1}.hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(var(--color-foreground));pointer-events:none;z-index:1}.hero-banner__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:2;padding:4rem 0}.hero-banner__content-wrapper{display:flex;flex-direction:column;gap:2rem;max-width:60rem}.hero-banner__content--top-left{align-items:flex-start;justify-content:flex-start}.hero-banner__content--top-center{align-items:center;justify-content:flex-start}.hero-banner__content--top-center .hero-banner__content-wrapper{text-align:center;align-items:center}.hero-banner__content--top-right{align-items:flex-end;justify-content:flex-start}.hero-banner__content--top-right .hero-banner__content-wrapper{text-align:right;align-items:flex-end}.hero-banner__content--middle-left{align-items:flex-start;justify-content:center}.hero-banner__content--middle-center{align-items:center;justify-content:center}.hero-banner__content--middle-center .hero-banner__content-wrapper{text-align:center;align-items:center}.hero-banner__content--middle-right{align-items:flex-end;justify-content:center}.hero-banner__content--middle-right .hero-banner__content-wrapper{text-align:right;align-items:flex-end}.hero-banner__content--bottom-left{align-items:flex-start;justify-content:flex-end}.hero-banner__content--bottom-center{align-items:center;justify-content:flex-end}.hero-banner__content--bottom-center .hero-banner__content-wrapper{text-align:center;align-items:center}.hero-banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}.hero-banner__content--bottom-right .hero-banner__content-wrapper{text-align:right;align-items:flex-end}.hero-banner__subheading{font-size:1.4rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;margin:0;color:rgb(var(--color-foreground));opacity:.9}.hero-banner__heading{font-size:clamp(3.2rem,5vw,6.4rem);font-weight:700;line-height:1.1;margin:0;color:rgb(var(--color-foreground));letter-spacing:-.02em}.hero-banner__button{margin-top:1rem}.hero-banner .button{min-width:20rem;padding:1.6rem 4rem;font-size:1.6rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:all .3s ease}.hero-banner .button:hover{transform:translateY(-2px)}.hero-banner__controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 2rem;z-index:3;pointer-events:none}.hero-banner__arrow{width:4.8rem;height:4.8rem;border:none;background:#ffffffe6;color:rgb(var(--color-foreground));border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-banner__arrow:hover{background:#fff;transform:scale(1.1)}.hero-banner__arrow svg{width:2.4rem;height:2.4rem}.hero-banner__dots{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;gap:1.2rem;z-index:3}.hero-banner__dot{width:1.2rem;height:1.2rem;border:none;background:#ffffff80;border-radius:50%;cursor:pointer;transition:all .3s ease;padding:0}.hero-banner__dot:hover{background:#fffc;transform:scale(1.2)}.hero-banner__dot--active{background:#fff;transform:scale(1.3)}@media screen and (min-width:750px){.hero-banner__slider{height:var(--hero-height-desktop, 700px)}.hero-banner__content{padding:6rem 0}.hero-banner__content-wrapper{gap:2.4rem}.hero-banner__subheading{font-size:1.6rem}.hero-banner__button{margin-top:1.6rem}.hero-banner__controls{padding:0 4rem}.hero-banner__dots{bottom:4rem}}@media screen and (max-width:749px){.hero-banner__content-wrapper{max-width:100%;padding:0 2rem}.hero-banner__heading{font-size:clamp(2.8rem,8vw,4rem)}.hero-banner__arrow{width:4rem;height:4rem}.hero-banner__arrow svg{width:2rem;height:2rem}.hero-banner__dots{bottom:2rem}.hero-banner__dot{width:1rem;height:1rem}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-hero-banner.css.map */