/** Shopify CDN: Minification failed

Line 117:0 Expected "}" to go with "{"

**/
.collage{
   position: relative;
   height:var(--height-mobile);
   overflow-x:clip
 }
  
  @media(min-width: 1024px)
  {
    .collage { 
      height:var(--height-desktop)
    }
  }
  .collage__item {
    position: absolute;
    width:var(--width-mobile);
    top:var(--position-y-mobile);
    left:var(--position-x-mobile);
    opacity: 0;
    transform: translate3d(-50%, 0, 0);
  
  }
body.js-loaded .collage__item {
  opacity: 1;
  transition: opacity 0.2s ease;
}
  @media(min-width: 1024px){
    .collage__item {
      width:var(--width-desktop);
      top:var(--position-y-desktop);
      left: var(--position-x-desktop);
    }
  }
    
  .heading-3 {
  font-size: var(--font-size-desktop); 
}

  .text-left {
    text-align: left;
}
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
}

  .hide-on-mobile {
    display: block;
  }

  .overlay-text {
    font-size: var(--font-size-desktop);
  }

  .overlay-text {
  position: absolute;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%); 
  padding: 10px;
  text-align: center;
}

.collage__item .video-wrapper {
  width: 100%;
  height: auto;
}

.collage__item .video-wrapper video {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 768px) {
  .heading-3 {
    font-size: var(--font-size-mobile);
  }
    .text-left-mobile {
    text-align: left;
}
  .text-center-mobile {
    text-align: center;
  }
  .text-right-mobile {
    text-align: right;
}

  .overlay-text {
    font-size: var(--font-size-mobile); 
  }
   .hide-on-mobile {
      display: none;
    }
}

[data-parallax] {
  transition:none;
  will-change:transform
}
@media(min-width:1024px) {
  [data-parallax][data-parallax="50"][data-parallax-frame],[data-parallax][data-parallax="-50"][data-parallax-frame] {
  margin:-25px 0
}
[data-parallax][data-parallax="50"][data-parallax-frame] .media__image,[data-parallax][data-parallax="50"][data-parallax-frame] .media__video,[data-parallax][data-parallax="-50"][data-parallax-frame] .media__image,[data-parallax][data-parallax="-50"][data-parallax-frame] .media__video {
  inset:-25px 0
}