/* Homepage campaign showcase for Advanced Typing Worlds V29. */
.v29-eight-game-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.v29-eight-game-grid .v26-feature-card {
  min-height: 300px;
}

.v29-eight-game-grid .v26-feature-art {
  min-height: 132px;
}

.v29-eight-game-grid .v26-feature-card:nth-child(1) .v26-feature-art { background: linear-gradient(145deg, #fef3c7, #fed7aa); }
.v29-eight-game-grid .v26-feature-card:nth-child(2) .v26-feature-art { background: linear-gradient(145deg, #fce7f3, #e9d5ff); }
.v29-eight-game-grid .v26-feature-card:nth-child(3) .v26-feature-art { background: linear-gradient(145deg, #d1fae5, #cffafe); }
.v29-eight-game-grid .v26-feature-card:nth-child(4) .v26-feature-art { background: linear-gradient(145deg, #dcfce7, #dbeafe); }
.v29-eight-game-grid .v26-feature-card:nth-child(5) .v26-feature-art { background: linear-gradient(145deg, #ffedd5, #fae8ff); }
.v29-eight-game-grid .v26-feature-card:nth-child(6) .v26-feature-art { background: linear-gradient(145deg, #dbeafe, #ede9fe); }
.v29-eight-game-grid .v26-feature-card:nth-child(7) .v26-feature-art { background: linear-gradient(145deg, #f3e8ff, #ffe4e6); }
.v29-eight-game-grid .v26-feature-card:nth-child(8) .v26-feature-art { background: linear-gradient(145deg, #cffafe, #e0e7ff); }

@media (max-width: 1080px) {
  .v29-eight-game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .v29-eight-game-grid { grid-template-columns: 1fr; }
  .v29-eight-game-grid .v26-feature-card { min-height: 270px; }
}