.elementor-18800 .elementor-element.elementor-element-812f430{--display:flex;}.elementor-18800 .elementor-element.elementor-element-e410a08{--spacer-size:115px;}.elementor-18800 .elementor-element.elementor-element-9973086{--display:flex;}.elementor-18800 .elementor-element.elementor-element-22a0d19{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;}.elementor-18800 .elementor-element.elementor-element-f37ef3f{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-f37ef3f */.mixed-use {
  margin: 40px auto;
  max-width: 1440px;
}

h1 {
  text-align: center;
  margin-bottom: 50px !important;
}
.grid-tall-right,
.grid-bottom-left,
.grid-wide-bottom,
.grid-bottom-middle{
        grid-area: unset!important;
}

/* Grid container */
.grid-container {
  display: grid;
  grid-gap: 15px;
  grid-template-areas:
    "top-left top-middle tall-right"
    "wide-bottom wide-bottom tall-right"
    "bottom-left bottom-middle bottom-right";
  grid-template-columns: 1fr 1fr 1fr;
}


/* Grid items */
.grid-item {
  position: relative;
  overflow: hidden;
  background: #ccc;
}

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

.grid-title {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 6px rgba(0,0,0,0.6);
}

/* Grid areas */
.grid-top-left { grid-area: top-left; }
.grid-top-middle { grid-area: top-middle; }
.grid-tall-right { grid-area: tall-right; }
.grid-wide-bottom { grid-area: wide-bottom; }
.grid-bottom-left { grid-area: bottom-left; }
.grid-bottom-middle { grid-area: bottom-middle; }
.grid-bottom-right { grid-area: bottom-right; }

/* Responsive: 2 columns per row on mobile */
@media(max-width: 900px) {
  .grid-container {
    grid-template-columns: 1fr 1fr; /* 2 columns per row */
    grid-template-areas: none;      /* remove strict areas */
    grid-gap: 10px;
  }
  .grid-top-middle,
  .grid-top-left{
      grid-area:unset!important;
  }
  .grid-container.reverse {
    padding: 10px 0;
}
}/* End custom CSS */