/* ADS 43.9 — Sustainability directory viewer-readability repair. */
html,
body {
  min-width: 0 !important;
  overflow-x: clip !important;
}

.site-header {
  min-width: 0 !important;
}

.wrap,
.section-wrap {
  width: min(100% - 36px, 1460px) !important;
  min-width: 0 !important;
  max-width: 1460px !important;
}

.grouped-portfolio {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 28px !important;
  align-items: stretch !important;
}

.portfolio-group-heading {
  grid-column: 1 / -1 !important;
}

.grouped-portfolio > .portfolio-card,
.grouped-portfolio > .future-panel,
.grouped-portfolio > a[href="neighborhood-reactor/index.html"],
.grouped-portfolio > a[href="directory/index.html"] {
  grid-column: auto !important;
  height: auto !important;
  min-height: 720px !important;
  max-height: none !important;
  overflow: hidden !important;
}

.grouped-portfolio > .portfolio-card img,
.grouped-portfolio > .future-panel img,
.grouped-portfolio > a[href="neighborhood-reactor/index.html"] img,
.grouped-portfolio > a[href="directory/index.html"] img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: contain !important;
  object-position: center !important;
  flex: 0 0 auto !important;
  background: #061528 !important;
}

.grouped-portfolio .portfolio-card .card-body {
  padding: 24px 26px 26px !important;
  overflow: visible !important;
}

.grouped-portfolio .portfolio-card .mini {
  font-size: .8rem !important;
  line-height: 1.4 !important;
}

.grouped-portfolio .portfolio-card h2,
.grouped-portfolio > a[href="neighborhood-reactor/index.html"] h2,
.grouped-portfolio > a[href="directory/index.html"] h2 {
  font-size: 32px !important;
  line-height: 1.08 !important;
  margin: .45rem 0 .7rem !important;
}

.grouped-portfolio .portfolio-card p,
.grouped-portfolio > a[href="neighborhood-reactor/index.html"] p,
.grouped-portfolio > a[href="directory/index.html"] p {
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  font-size: 1.08rem !important;
  line-height: 1.52 !important;
}

.grouped-portfolio .portfolio-card .open {
  font-size: 1rem !important;
}

@media (max-width: 900px) {
  .wrap,
  .section-wrap {
    width: min(100% - 24px, 1460px) !important;
  }

  .grouped-portfolio {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
  }

  .portfolio-group-heading {
    display: block !important;
  }

  .portfolio-group-heading p {
    max-width: none !important;
    margin-top: 8px !important;
    text-align: left !important;
  }

  .grouped-portfolio > .portfolio-card,
  .grouped-portfolio > .future-panel,
  .grouped-portfolio > a[href="neighborhood-reactor/index.html"],
  .grouped-portfolio > a[href="directory/index.html"] {
    min-height: 0 !important;
  }
}

@media (max-width: 560px) {
  .grouped-portfolio .portfolio-card .card-body {
    padding: 20px !important;
  }

  .grouped-portfolio .portfolio-card h2,
  .grouped-portfolio > a[href="neighborhood-reactor/index.html"] h2,
  .grouped-portfolio > a[href="directory/index.html"] h2 {
    font-size: 28px !important;
  }

  .grouped-portfolio .portfolio-card p,
  .grouped-portfolio > a[href="neighborhood-reactor/index.html"] p,
  .grouped-portfolio > a[href="directory/index.html"] p {
    font-size: 1rem !important;
  }
}