.rec-hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.rec-hero-text{max-width:60ch}
.rec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.rec-card{display:flex;flex-direction:column;gap:var(--space-3)}
.rec-filters{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.rec-feature-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.rec-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.rec-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.rec-archive{max-width:70ch}
.rec-quote{max-width:50ch;margin-inline:auto;text-align:center}
.rec-newsletter{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.rec-newsletter form{display:flex;gap:var(--space-3)}

@media(max-width:1000px){
.rec-hero-grid{grid-template-columns:1fr}
.rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rec-feature-item{grid-template-columns:1fr}
.rec-platforms{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
.rec-grid{grid-template-columns:1fr}
.rec-platforms{grid-template-columns:1fr}
.rec-scores{grid-template-columns:1fr}
.rec-newsletter form{flex-direction:column}
}