.elementor-18892 .elementor-element.elementor-element-d1a093e{--display:flex;}.elementor-18892 .elementor-element.elementor-element-5378176{--spacer-size:115px;}.elementor-18892 .elementor-element.elementor-element-30d0e88{--display:flex;}.elementor-18892 .elementor-element.elementor-element-15ab271{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;}.elementor-18892 .elementor-element.elementor-element-e24d72a{--display:flex;}.elementor-18892 .elementor-element.elementor-element-619905e{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-e24d72a */.mixed-use {
  margin: 40px auto;
  max-width: 1440px;
}

.grid-container {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr; /* Always 3 columns desktop */
}

/* Reset */
.grid-item {
  position: relative;
  overflow: hidden;
  background: #ccc;
  grid-column: auto;
}
.grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* --------------------
   NORMAL GRID PATTERN
   -------------------- */
/* Odd rows → (2col + 1col) */
.grid-container:not(.reverse) .grid-item:nth-child(4n+1) {
  grid-column: 1 / span 2; /* wide across col 1-2 */
}
.grid-container:not(.reverse) .grid-item:nth-child(4n+2) {
  grid-column: 3 / 4; /* narrow col 3 */
}

/* Even rows → (1col + 2col) */
.grid-container:not(.reverse) .grid-item:nth-child(4n+3) {
  grid-column: 1 / 2; /* narrow col 1 */
}
.grid-container:not(.reverse) .grid-item:nth-child(4n+4) {
  grid-column: 2 / span 2; /* wide across col 2-3 */
}

/* --------------------
   REVERSE GRID PATTERN
   -------------------- */
/* Odd rows → (1col + 2col) */
.grid-container.reverse .grid-item:nth-child(4n+1) {
  grid-column: 1 / 2; /* narrow col 1 */
}
.grid-container.reverse .grid-item:nth-child(4n+2) {
  grid-column: 2 / span 2; /* wide col 2-3 */
}

/* Even rows → (2col + 1col) */
.grid-container.reverse .grid-item:nth-child(4n+3) {
  grid-column: 1 / span 2; /* wide col 1-2 */
}
.grid-container.reverse .grid-item:nth-child(4n+4) {
  grid-column: 3 / 4; /* narrow col 3 */
}
.grid-container.reverse {
    padding: 15px 0;
}
/* --------------------
   MOBILE (stack 1x1)
   -------------------- */
@media (max-width: 900px) {
  .grid-container {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
  .grid-item {
    grid-column: unset !important;
  }
}/* End custom CSS */