.kf-lineup-grid-page{
  padding:48px 0 64px;
}
.kf-lineup-grid-page__title{
  font-family:var(--kf-font-display);
  text-transform:uppercase;
  letter-spacing:0.01em;
  font-size:clamp(2.5rem, 6vw, 4rem);
  margin-bottom:32px;
}

.kf-lineup-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));
  gap:24px;
}
.kf-lineup-grid__item{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  text-decoration:none;
  color:var(--kf-black);
}
.kf-lineup-grid__image{
  width:100%;
  aspect-ratio:4/5;
  background-size:cover;
  background-position:center;
  border-radius:4px;
  margin-bottom:10px;
}
.kf-lineup-grid__name{
  font-family:var(--kf-font-label);
  font-size:0.9rem;
  line-height:1.2;
}
.kf-lineup-grid__item:hover .kf-lineup-grid__name{
  color:var(--kf-red);
}

@media (max-width:480px){
  .kf-lineup-grid{
    grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));
    gap:16px;
  }
}