.vs-hero--banner{min-height:0;height:auto;aspect-ratio:var(--vs-hero-ar,3.005);background:#6e6e6e}.template-index .vs-hero.vs-hero--banner{min-height:0;height:auto;aspect-ratio:var(--vs-hero-ar,3.005);max-height:min(640px,72vh)}.vs-hero--banner .vs-hero__media img{object-position:center}.template-index .vs-hero.vs-hero--banner .vs-hero__media:after{display:none}.template-index .vs-header.is-over:before{display:none}.template-index .vs-header:not(.is-scrolled):after{content:"";position:absolute;left:0;right:0;top:0;height:165%;pointer-events:none;z-index:0;background:linear-gradient(to bottom,#0000009e,#0000004d 42%,#0000)}.template-index .vs-header:not(.is-scrolled) .vs-nav__link,.template-index .vs-header:not(.is-scrolled) .vs-iconbtn,.template-index .vs-header:not(.is-scrolled) .vs-burger{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.6)}.template-index .vs-header:not(.is-scrolled) .vs-nav__link:hover,.template-index .vs-header:not(.is-scrolled) .vs-nav__link:focus-visible{color:#e8d3a0!important}.template-index .vs-hero.vs-hero--banner .vs-hero__inner{max-width:none;margin-inline:0;padding-inline:5.6%;padding-block:clamp(18px,3.4vw,48px);align-items:flex-end;justify-content:flex-start}.template-index .vs-hero.vs-hero--banner .vs-hero__content{max-width:none;text-align:left;align-items:flex-start}.template-index .vs-hero.vs-hero--banner .vs-hero__cta{justify-content:flex-start}.vs-hero .vs-hero__cta .vs-btn--light{background:#0d0d0d;color:#fff;border:1px solid rgba(255,255,255,.34);box-shadow:none;transition:background .22s var(--vs-ease),color .22s var(--vs-ease),border-color .22s var(--vs-ease)}.vs-hero .vs-hero__cta .vs-btn--light:hover,.vs-hero .vs-hero__cta .vs-btn--light:focus-visible{background:#fff;color:#0d0d0d;border-color:#fff}.vs-hero .vs-hero__cta .vs-btn--ghost:hover,.vs-hero .vs-hero__cta .vs-btn--ghost:focus-visible{background:#fff;color:#0d0d0d;border-color:#fff}@media(prefers-reduced-motion:reduce){.vs-hero .vs-hero__cta .vs-btn--light{transition:none}}.vs-hero--carousel .vs-hero__slides{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;transition:transform .55s var(--vs-ease);will-change:transform}.vs-hero--carousel .vs-hero__slide{position:relative;flex:0 0 100%;width:100%;height:100%;overflow:hidden}.vs-hero__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#00000057;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s var(--vs-ease),background .2s var(--vs-ease)}.vs-hero--carousel:hover .vs-hero__nav,.vs-hero__nav:focus-visible{opacity:1}.vs-hero__nav:hover{background:#0000009e;border-color:#fff}.vs-hero__nav svg{width:18px;height:18px}.vs-hero__nav--prev{left:clamp(10px,1.6vw,22px)}.vs-hero__nav--prev svg{transform:rotate(180deg)}.vs-hero__nav--next{right:clamp(10px,1.6vw,22px)}@media(hover:none){.vs-hero__nav{display:none}}.vs-hero__dots{position:absolute;left:50%;bottom:clamp(6px,1.2vw,16px);transform:translate(-50%);z-index:4;display:flex;gap:2px;align-items:center;padding:2px 6px;border-radius:999px;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vs-hero__dot{position:relative;width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}.vs-hero__dot:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:999px;border:1px solid rgba(255,255,255,.85);background:transparent;transition:background .2s var(--vs-ease),width .2s var(--vs-ease)}.vs-hero__dot.is-on:before{background:#fff;width:20px}.vs-hero__dot:focus-visible{outline:2px solid #fff;outline-offset:-2px;border-radius:999px}@media(prefers-reduced-motion:reduce){.vs-hero--carousel .vs-hero__slides{transition:none}.vs-hero__dot:before{transition:none}}@media(max-width:767px){.vs-hero--banner,.template-index .vs-hero.vs-hero--banner{aspect-ratio:auto;max-height:none;display:block;height:auto}.vs-hero--banner .vs-hero__media{position:relative;inset:auto}.vs-hero--banner .vs-hero__media img{height:auto;object-fit:contain}.template-index .vs-hero.vs-hero--banner .vs-hero__inner{display:none}.vs-hero--carousel .vs-hero__slides{position:relative;inset:auto;height:auto;align-items:flex-start}.vs-hero--carousel .vs-hero__slide{height:auto}.vs-hero__dots{bottom:6px}.vs-hero__dot{width:20px;height:20px}.vs-hero__dot:before{width:6px;height:6px}.vs-hero__dot.is-on:before{width:17px}.template-index .vs-header{position:static!important;background:var(--vs-white);border-bottom-color:var(--vs-hairline)}.template-index .vs-header.is-over:before,.template-index .vs-header:not(.is-scrolled):after{display:none}.template-index .vs-header .vs-header__logo-img--cream{opacity:0}.template-index .vs-header .vs-header__logo-img--black{opacity:1}.template-index .vs-header .vs-nav__link,.template-index .vs-header .vs-iconbtn,.template-index .vs-header .vs-burger,.template-index .vs-header:not(.is-scrolled) .vs-nav__link,.template-index .vs-header:not(.is-scrolled) .vs-iconbtn,.template-index .vs-header:not(.is-scrolled) .vs-burger{color:var(--vs-ink)!important;text-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/vs-hero-banner.css.map */