.hero,.homepage-section{max-width:100%}
.hero h1{font-size:var(--title-size)}
.homepage-grid,.tool-grid,.resource-grid,.feature-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--card-gap-desktop);
}
@media(max-width:1439px){
.homepage-grid,.tool-grid,.resource-grid,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:991px){
.homepage-grid,.tool-grid,.resource-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575px){
.homepage-grid,.tool-grid,.resource-grid,.feature-grid{grid-template-columns:1fr}
}