.layout--threecol {
  display: grid;
  gap: 1.25rem;
}

@media (max-width: 767px) {
  .layout--threecol {
    grid-template-columns: 1fr !important;
  }
}

.layout--threecol--4-4-4 { grid-template-columns: 4fr 4fr 4fr; }
.layout--threecol--3-6-3 { grid-template-columns: 3fr 6fr 3fr; }
.layout--threecol--2-8-2 { grid-template-columns: 2fr 8fr 2fr; }
.layout--threecol--6-3-3 { grid-template-columns: 6fr 3fr 3fr; }
.layout--threecol--3-3-6 { grid-template-columns: 3fr 3fr 6fr; }