.container { width: min(var(--container-max), calc(100% - var(--container-padding) * 2)); margin-inline: auto;}.section { padding-block: var(--space-2xl);}.section__header { text-align: center; margin-bottom: var(--space-3xl);}.grid--2 { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-2xl); align-items: center;}.grid--3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg);}.grid--auto-fit { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--space-lg);}@media (max-width: 900px) { .grid--2, .grid--3, .grid--auto-fit { grid-template-columns: 1fr; } .section { padding-block: var(--space-2xl); }}