.hero-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--blue-700) 0%,rgba(0,53,148,.4) 100%);z-index:0;pointer-events:none}.section-angled-content .container{position:relative;z-index:1}.community-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:1rem}@media(min-width:768px){.community-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:200px}}@media(min-width:992px){.community-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:250px}}.community-grid-item{position:relative;overflow:hidden;border-radius:var(--r-md);box-shadow:var(--shadow-1);background-color:var(--surface-2)}.community-grid-item.wide{grid-column:span 2}.community-grid-item.tall{grid-row:span 2}.community-grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.community-grid-item:hover img{transform:scale(1.05)}.community-overlay{position:absolute;inset:0;background-color:#003594d9;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s var(--ease)}.community-grid-item:hover .community-overlay{opacity:1}.community-overlay-content{color:var(--text);text-align:center;transform:translateY(15px);transition:transform .3s var(--ease)}.community-grid-item:hover .community-overlay-content{transform:translateY(0)}