/** Shopify CDN: Minification failed

Line 165:10 Unexpected "{"
Line 165:19 Expected ":"
Line 166:14 Expected identifier but found whitespace
Line 166:16 Unexpected "{"
Line 166:25 Expected ":"
Line 166:51 Expected ":"
Line 167:17 Expected identifier but found whitespace
Line 167:19 Unexpected "{"
Line 167:28 Expected ":"
Line 167:57 Expected ":"
... and 10 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:hero-banner-slideshow (INDEX:22) */
.hero-banner {
  position: relative;
  margin: 0 auto;
  display: block;
}
.hero-banner--full-width { width: 100%; }
.hero-banner--page-width { max-width: var(--page-width, 1600px); margin: 0 auto; }
.hero-banner--custom-width { max-width: var(--hb-max-width, 1600px); margin: 0 auto; }

.hero-banner__viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: var(--hb-radius, 0px);
  aspect-ratio: var(--hb-mobile-ratio, 1);
}
@media screen and (min-width: 750px) {
  .hero-banner__viewport { aspect-ratio: var(--hb-ratio, 1.78); }
}

.hero-banner__track {
  position: relative;
  width: 100%;
  height: 100%;
}

.hero-banner__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease;
  z-index: 1;
}
.hero-banner__slide.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.hero-banner[data-transition="slide"] .hero-banner__track { display: flex; height: 100%; transition: transform 0.6s ease; }
.hero-banner[data-transition="slide"] .hero-banner__slide { position: relative; flex: 0 0 100%; opacity: 1; visibility: visible; }

.hero-banner__link,
.hero-banner__picture,
.hero-banner__image {
  display: block;
  width: 100%;
  height: 100%;
}
.hero-banner__link { position: absolute; inset: 0; z-index: 1; }
.hero-banner__image { object-fit: var(--hb-fit, contain); object-position: center; }

.hero-banner__overlay {
  position: absolute;
  inset: 0;
  background: #000;
  pointer-events: none;
}

.hero-banner__content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5%;
  gap: 0.75rem;
  color: var(--color-foreground, #fff);
  pointer-events: none;
  z-index: 2;
}
.hero-banner__content--top-left { align-items: flex-start; justify-content: flex-start; text-align: left; }
.hero-banner__content--top-center { align-items: center; justify-content: flex-start; text-align: center; }
.hero-banner__content--top-right { align-items: flex-end; justify-content: flex-start; text-align: right; }
.hero-banner__content--middle-left { align-items: flex-start; text-align: left; }
.hero-banner__content--middle-center { align-items: center; text-align: center; }
.hero-banner__content--middle-right { align-items: flex-end; text-align: right; }
.hero-banner__content--bottom-left { align-items: flex-start; justify-content: flex-end; text-align: left; }
.hero-banner__content--bottom-center { align-items: center; justify-content: flex-end; text-align: center; }
.hero-banner__content--bottom-right { align-items: flex-end; justify-content: flex-end; text-align: right; }

.hero-banner__subheading { font-size: 1rem; letter-spacing: 0.05em; text-transform: uppercase; margin: 0; }
.hero-banner__heading { font-size: clamp(1.75rem, 4vw, 3.5rem); margin: 0; line-height: 1.1; }
.hero-banner__button {
  display: inline-block;
  pointer-events: auto;
  margin-top: 0.5rem;
}

.hero-banner__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.85);
  color: #111;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.hero-banner__arrow--prev { left: 16px; }
.hero-banner__arrow--next { right: 16px; }

.hero-banner__dots {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 5;
}
.hero-banner__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.5);
  cursor: pointer;
  padding: 0;
}
.hero-banner__dot.is-active { background: #fff; width: 20px; border-radius: 4px; }

.hero-banner__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(255,255,255,0.3);
  z-index: 5;
}
.hero-banner__progress-bar {
  display: block;
  height: 100%;
  width: 0%;
  background: #fff;
}

.section-{{ section.id }}-padding {
  padding-top: {{ section.settings.padding_top }}px;
  padding-bottom: {{ section.settings.padding_bottom }}px;
}
@media screen and (max-width: 749px) {
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.5 | round }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.5 | round }}px;
  }
}
/* END_SECTION:hero-banner-slideshow */