.hero-banner-grid{grid-template-columns:1fr;gap:.5rem;display:grid}@media (min-width:640px){.hero-banner-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}}@media (min-width:768px){.hero-banner-grid{gap:.75rem}}@media (min-width:1024px){.hero-banner-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.hero-banner-grid{gap:1rem}}.hero-banner-item{aspect-ratio:3/2;background:var(--border-light,#f0f0f0);border-radius:.5rem;overflow:hidden}.hero-banner-item img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}