.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2xl)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2xl)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2xl)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-2xl)}.grid-auto-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl)}.grid-auto-lg{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-2xl)}.grid-gap-sm{gap:var(--space-md)}.grid-gap-md{gap:var(--space-xl)}.grid-gap-lg{gap:var(--space-2xl)}.grid-gap-xl{gap:var(--space-3xl)}.grid-layout{display:grid;grid-template-columns:1fr 400px;gap:50px}.grid-layout--reverse{grid-template-columns:400px 1fr}.grid-layout--narrow{grid-template-columns:1fr 320px}.grid-layout--wide{grid-template-columns:1fr 480px}.grid-equal-height{display:grid;grid-auto-rows:1fr}@media (max-width:1199px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-layout,.grid-layout--reverse,.grid-layout--narrow,.grid-layout--wide{grid-template-columns:1fr;gap:var(--space-2xl)}}@media (max-width:991px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.grid-2{gap:var(--space-xl)}}@media (max-width:767px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:var(--space-lg)}.grid-auto,.grid-auto-sm,.grid-auto-lg{gap:var(--space-lg)}}