.range{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
@media(max-width:860px){.range{grid-template-columns:repeat(2,1fr);}}
.range__card{display:flex;flex-direction:column;gap:12px;}
.range__card .media{aspect-ratio:1;}
.range__card:hover .media{filter:brightness(1.05) saturate(1.05);}
.range__card:hover{text-decoration:none;}
.range__name{
  display:flex;justify-content:space-between;align-items:baseline;
  font-family:var(--display);font-weight:600;font-size:1.1rem;
}
.range__name span:last-child{font-family:var(--sans);font-weight:500;font-size:.85rem;}