.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.section{padding-block:var(--space)}
.section__title{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:.6rem}
.section__sub{max-width:38rem;margin-bottom:2.2rem;color:var(--ink-soft)}
.grid{display:grid;gap:1.4rem}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--2{grid-template-columns:repeat(2,1fr)}
@media (max-width:1080px){.grid--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid--4,.grid--2{grid-template-columns:1fr}}