/** Shopify CDN: Minification failed

Line 20:15 Unexpected "{"
Line 20:24 Expected ":"
Line 20:31 Unexpected "{"
Line 28:15 Unexpected "{"
Line 28:24 Expected ":"
Line 36:15 Unexpected "{"
Line 36:24 Expected ":"
Line 44:15 Unexpected "{"
Line 44:24 Expected ":"
Line 48:17 Unexpected "{"
... and 23 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* ---- SCOPED, NO THEME COLLISIONS ---- */
#CustomBanner-{{ section.id }} {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  margin: 0; padding: 0;
}

#CustomBanner-{{ section.id }} .cb-grid {
  display: grid;
  grid-template-columns: 1fr;           /* mobile: 1 col */
  width: 100%;
  height: 100%;
  gap: 0;
}

#CustomBanner-{{ section.id }} .cb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;                         /* hidden by default; we toggle per breakpoint */
}

/* MOBILE: show only first image */
#CustomBanner-{{ section.id }} .cb-img--1 { display: block; }

/* MEDIUM ≥750px: 2 columns, show 1 & 2 */
@media (min-width: 750px) {
  #CustomBanner-{{ section.id }} .cb-grid { grid-template-columns: repeat(2, 1fr); }
  #CustomBanner-{{ section.id }} .cb-img--2 { display: block; }
}

/* LARGE ≥1200px: 3 columns, show 1, 2 & 3 */
@media (min-width: 1200px) {
  #CustomBanner-{{ section.id }} .cb-grid { grid-template-columns: repeat(3, 1fr); }
  #CustomBanner-{{ section.id }} .cb-img--3 { display: block; }
}

/* Optional: center overlay content */
#CustomBanner-{{ section.id }} .cb-content {
  position: absolute; inset: 0;
  display: grid; place-items: center;
  text-align: center; color: #fff;
  pointer-events: none; /* pass clicks to links under if needed */
}
#CustomBanner-{{ section.id }} .cb-content .cb-button { pointer-events: auto; } /* re-enable clicks on button */

/* ==== SPAWN EFFECT (fade + scale with stagger) ==== */
#CustomBanner-{{ section.id }} .cb-img {
  opacity: 0;
  transition:
    opacity 520ms ease-out,
    transform 700ms cubic-bezier(.22,.61,.36,1);
  will-change: opacity, transform;
}

/* Stagger by image order */
#CustomBanner-{{ section.id }} .cb-img--1 { transition-delay: 0ms; }
#CustomBanner-{{ section.id }} .cb-img--2 { transition-delay: 120ms; }
#CustomBanner-{{ section.id }} .cb-img--3 { transition-delay: 240ms; }

/* When visible, play the effect */
#CustomBanner-{{ section.id }}.cb-visible .cb-img {
  opacity: 1;
  transform: none;
}

/* Respect users who prefer less motion */
@media (prefers-reduced-motion: reduce) {
  #CustomBanner-{{ section.id }} .cb-img {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}