/** Shopify CDN: Minification failed

Line 13:0 Unexpected "<"
Line 15:21 Expected identifier but found whitespace
Line 15:23 Unexpected "{"
Line 15:32 Expected ":"
Line 120:0 Unexpected "<"

**/


/* CSS from section stylesheet tags */
<style>
  .masonry-gallery {
    background-color: {{ section.settings.background_color }};
    padding: 3rem 1.5rem;
  }

  .masonry-wrapper {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
  }

  .masonry-text {
    flex: 0 0 25%;
    color: white;
  }

  .masonry-text h2 {
    font-size: 2rem;
    margin-bottom: 0.5rem;
  }

  .masonry-text p {
    font-size: 1rem;
    line-height: 1.5;
  }

  .masonry-container {
    flex: 1;
  }

  .masonry-grid {
    column-count: 3;
    column-gap: 1.5rem;
  }

  .masonry-grid-item {
    break-inside: avoid;
    margin-bottom: 1.5rem;
    overflow: hidden;
  }

  .masonry-grid-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border: none;
  }

  /* Tablet screens */
  @media (max-width: 1024px) {
    .masonry-wrapper {
      flex-direction: column;
    }

    .masonry-container {
      padding: 0 1.5rem;
    }

    .masonry-grid {
      column-count: 2;
      column-gap: 1.25rem;
    }

    .masonry-grid-item {
      margin-bottom: 1.25rem;
    }

    .masonry-text {
      margin-bottom: 2rem;
    }
  }

  /* Mobile screens */
  @media (max-width: 600px) {
    .masonry-gallery {
      padding: 2rem 1rem;
    }

    .masonry-wrapper {
      flex-direction: column;
    }

    .masonry-text {
      text-align: center;
    }

    .masonry-text h2 {
      font-size: 1rem; /* Very small on mobile */
    }

    .masonry-text p {
      font-size: 0.75rem;
    }

    .masonry-grid {
      column-count: 2;
      column-gap: 1rem;
    }

    .masonry-grid-item {
      margin-bottom: 1rem;
    }
  }
</style>