/** Shopify CDN: Minification failed

Line 13:18 Unexpected "{"
Line 13:27 Expected ":"
Line 13:33 Unexpected ","

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:collection-hero-dynamic (INDEX:23) */
#shopify-section-{{ section.id }},
  .shopify-section:has(> .hero-carousel) {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
  }

  .hero-carousel {
    position: relative;
    display: block;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    overflow: hidden;
  }

  .hero-carousel__track {
    position: relative;
    height: var(--hero-carousel-height, 60vh);
    min-height: 280px;
    width: 100%;

    @media screen and (max-width: 749px) {
      height: var(--hero-carousel-height-mobile, 50vh);
    }
  }

  .hero-carousel__slide {
    position: absolute;
    inset: 0;
    opacity: 1;
    z-index: 2;
  }

  .hero-carousel__media {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    background-color: #1a1a1a;
  }

  .hero-carousel__media-layer {
    position: absolute;
    inset: 0;
  }

  .hero-carousel__image,
  .hero-carousel__video,
  .hero-carousel__placeholder,
  .hero-carousel__placeholder-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .hero-carousel__image--poster {
    z-index: 0;
  }

  .hero-carousel__video {
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
  }

  .hero-carousel__video.is-loaded {
    opacity: 1;
  }

  .hero-carousel__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
  }

  .hero-carousel__content-grid {
    position: absolute;
    inset: 0;
    z-index: 3;
    max-width: var(--page-width, var(--normal-page-width, 1200px));
    margin-inline: auto;
    padding: clamp(20px, 4vw, 64px);
    pointer-events: none;
  }

  .hero-carousel__content {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 36rem;
    pointer-events: auto;
    padding: var(--content-padding, 0);
    background-color: var(--content-bg-color, transparent);
    border-radius: var(--content-border-radius, 0);
    border: var(--content-border-width, 0) solid var(--content-border-color, transparent);
  }

  .hero-carousel__content[data-v='top'] {
    top: var(--content-margin, 32px);
  }

  .hero-carousel__content[data-v='bottom'] {
    bottom: var(--content-margin, 32px);
  }

  .hero-carousel__content[data-h='left'] {
    left: var(--content-margin, 32px);
    text-align: left;
    align-items: flex-start;
  }

  .hero-carousel__content[data-h='center'] {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    align-items: center;
  }

  .hero-carousel__content[data-h='right'] {
    right: var(--content-margin, 32px);
    text-align: right;
    align-items: flex-end;
  }

  .hero-carousel__heading {
    margin: 0;
    color: var(--content-color, #ffffff);
    font-family: var(--heading-font-family, inherit);
    font-weight: var(--heading-font-weight, inherit);
    font-size: var(--heading-size, clamp(1.75rem, 4vw, 2.75rem));
    line-height: 1.15;
    text-wrap: balance;
  }

  .hero-carousel__subheading {
    margin: 0;
    color: var(--content-color, #ffffff);
    font-family: var(--subheading-font-family, inherit);
    font-weight: var(--subheading-font-weight, inherit);
    font-size: var(--subheading-size, clamp(0.9rem, 1.4vw, 1.125rem));
    line-height: 1.5;
    max-width: 34rem;
  }

  .hero-carousel__content-grid > .hero-carousel__video-controls {
    position: absolute;
    bottom: 16px;
    right: 16px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 12px;
    pointer-events: auto;
  }

  .hero-carousel__slide:has(.hero-carousel__content[data-h='right'])
    .hero-carousel__content-grid
    > .hero-carousel__video-controls {
    right: auto;
    left: 16px;
  }

  .hero-carousel__video-control {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    cursor: pointer;
    backdrop-filter: blur(4px);
    transition: background 0.2s ease;

    svg {
      width: 18px;
      height: 18px;
    }

    &:hover {
      background: rgba(0, 0, 0, 0.7);
    }
  }

  .hero-carousel__video-control--mute .icon-unmuted,
  .hero-carousel__video-control--mute.is-unmuted .icon-muted {
    display: none;
  }

  .hero-carousel__video-control--mute.is-unmuted .icon-unmuted {
    display: block;
  }

  .hero-carousel__video-control--play .icon-play,
  .hero-carousel__video-control--play.is-paused .icon-pause {
    display: none;
  }

  .hero-carousel__video-control--play.is-paused .icon-play {
    display: block;
  }

  @media screen and (max-width: 749px) {
    .hero-carousel__content {
      max-width: 90%;
    }

    .hero-carousel__heading {
      font-size: var(--heading-size-mobile, 24px);
    }

    .hero-carousel__subheading {
      font-size: var(--subheading-size-mobile, 14px);
    }

    .hero-carousel__content[data-h='center'] {
      left: 50%;
      transform: translateX(-50%);
    }
  }
/* END_SECTION:collection-hero-dynamic */