.elementor-18870 .elementor-element.elementor-element-c30cd79{--display:flex;}.elementor-18870 .elementor-element.elementor-element-e159f19{--spacer-size:115px;}.elementor-18870 .elementor-element.elementor-element-f24140d{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;}.elementor-18870 .elementor-element.elementor-element-a3a1921{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-7c65ff5 */.mixed-use {
  margin: 40px auto;
  max-width: 1440px;
}

h1 {
  text-align: center;
  margin-bottom: 50px !important;
}

/* Reset unwanted grid areas */
.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-columns: 1fr 1fr 1fr; /* 3 columns */
  grid-auto-rows: auto;
}

/* 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);
}

/* Layout rules */
.grid-top-left {
  grid-column: 1 / span 2; /* First image spans 2 columns */
  grid-row: 1;
}

.grid-top-middle {
  grid-column: 3; /* Second image in 3rd column */
  grid-row: 1;
}

/* Second row: 3 images across 3 columns */
.grid-tall-right { grid-column: 1; grid-row: 2; }
.grid-wide-bottom { grid-column: 2; grid-row: 2; }
.grid-bottom-left { grid-column: 3; grid-row: 2; }

/* Remaining items just flow normally */
.grid-bottom-middle,
.grid-bottom-right {
  grid-column: auto;
  grid-row: auto;
}

/* Responsive: 2 columns per row on mobile */
@media (max-width: 900px) {
  .grid-container {
    grid-template-columns: 1fr 1fr; /* 2 columns on mobile */
    grid-gap: 10px;
  }
  .grid-top-left,
  .grid-top-middle,
  .grid-tall-right,
  .grid-wide-bottom,
  .grid-bottom-left {
    grid-column: unset !important;
    grid-row: unset !important;
  }
}/* End custom CSS */