/* Priority 8: third canonical work and six-idea Collection map. */
.active-idea-grid.six-up,
.idea-grid.six-up {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.active-idea-grid.six-up .active-idea-card:nth-child(3n),
.idea-grid.six-up .idea-card:nth-child(3n) {
  border-right: 0;
}
.active-idea-grid.six-up .active-idea-card:nth-child(-n+3),
.idea-grid.six-up .idea-card:nth-child(-n+3) {
  border-bottom: 1px solid var(--line);
}
.active-idea-grid.six-up .active-idea-card:nth-child(4),
.idea-grid.six-up .idea-card:nth-child(4) {
  padding-left: 0;
}
@media (max-width: 900px) {
  .active-idea-grid.six-up,
  .idea-grid.six-up {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .active-idea-grid.six-up .active-idea-card,
  .idea-grid.six-up .idea-card {
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding-left: 30px;
  }
  .active-idea-grid.six-up .active-idea-card:nth-child(odd),
  .idea-grid.six-up .idea-card:nth-child(odd) {
    padding-left: 0;
  }
  .active-idea-grid.six-up .active-idea-card:nth-child(even),
  .idea-grid.six-up .idea-card:nth-child(even) {
    border-right: 0;
  }
  .active-idea-grid.six-up .active-idea-card:nth-last-child(-n+2),
  .idea-grid.six-up .idea-card:nth-last-child(-n+2) {
    border-bottom: 0;
  }
}
@media (max-width: 800px) {
  .active-idea-grid.six-up,
  .idea-grid.six-up {
    grid-template-columns: 1fr;
  }
  .active-idea-grid.six-up .active-idea-card,
  .idea-grid.six-up .idea-card,
  .active-idea-grid.six-up .active-idea-card:nth-child(odd),
  .idea-grid.six-up .idea-card:nth-child(odd) {
    padding-left: 30px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .active-idea-grid.six-up .active-idea-card:first-child,
  .idea-grid.six-up .idea-card:first-child {
    padding-left: 0;
  }
  .active-idea-grid.six-up .active-idea-card:last-child,
  .idea-grid.six-up .idea-card:last-child {
    border-bottom: 0;
  }
}

/* Keep the longer third-work feature title and contact path inside narrow screens. */
@media (max-width: 800px) {
  .home-feature-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .home-feature-copy {
    width: 100%;
    min-width: 0;
  }
  .home-utility .text-link {
    overflow-wrap: anywhere;
  }
}
@media (max-width: 800px) {
  .utility-grid {
    grid-template-columns: 1fr;
  }
  .utility-card,
  .utility-card:first-child {
    min-height: 0;
    padding: 28px 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .utility-card:last-child {
    border-bottom: 0;
  }
}