.elementor-359 .elementor-element.elementor-element-c360fc9{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-359 .elementor-element.elementor-element-5b26906 .gallery-item .gallery-caption{display:none;}.elementor-359 .elementor-element.elementor-element-ce0d7a4 .elementor-wrapper{--video-aspect-ratio:1.77777;}@media(max-width:767px){.elementor-359 .elementor-element.elementor-element-c360fc9{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}}/* Start custom CSS for image-gallery, class: .elementor-element-5b26906 */.hero-gallery .gallery {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr !important;
  grid-template-rows: 1fr 1fr !important;
  gap: 8px !important;
}

.hero-gallery .gallery-item:nth-child(1) {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;  /* spans both rows */
}

.hero-gallery .gallery-item:nth-child(2) { grid-column: 2; grid-row: 1; }
.hero-gallery .gallery-item:nth-child(3) { grid-column: 3; grid-row: 1; }
.hero-gallery .gallery-item:nth-child(4) { grid-column: 2; grid-row: 2; }
.hero-gallery .gallery-item:nth-child(5) { grid-column: 3; grid-row: 2; }

/* Hide images 6+ from view, but keep them in DOM for lightbox */
.hero-gallery .gallery-item:nth-child(n+6) {
  display: none !important;
}

/* Make images fill their grid cells */
.hero-gallery .gallery-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}/* End custom CSS */