/** Shopify CDN: Minification failed

Line 19:18 Unexpected "{"
Line 19:27 Expected ":"
Line 20:15 Expected identifier but found whitespace
Line 20:17 Unexpected "{"
Line 20:26 Expected ":"
Line 20:50 Expected ":"
Line 21:18 Expected identifier but found whitespace
Line 21:20 Unexpected "{"
Line 21:29 Expected ":"
Line 21:56 Expected ":"
... and 10 more hidden warnings

**/


/* CSS from section stylesheet tags */
#shopify-section-{{ section.id }}.paralax-image-section.margin-top-bottom {
    margin-top: {{ section.settings.topMargin }}px;
    margin-bottom: {{ section.settings.bottomMargin }}px;
  }
  
  @media screen and (max-width: 749px) {
    #shopify-section-{{ section.id }}.paralax-image-section.margin-top-bottom {
      margin-top: {{ section.settings.topMarginMobile }}px;
      margin-bottom: {{ section.settings.bottomMarginMobile }}px;
    }
  }
  
  .paralax-image-section {
    min-height: 100vh;
    display: flow-root;
  }
  
  .parallax {
    perspective: 100px;
    height: 100vh;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  .parallax__layer {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    will-change: transform; /* Optimize for animations */
    transition: transform 0.1s cubic-bezier(0.25, 0.1, 0.25, 1); /* Smooth easing */
  }
  
  .parallax__layer img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .parallax__cover {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 2000px;
    z-index: 2;
  }