.district-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.district-photo-tile>a{display:block;position:relative;border-radius:18px;overflow:hidden;background:#171A1F;color:white;text-decoration:none}.district-photo-tile picture{display:block;aspect-ratio:1.35;overflow:hidden}.district-photo-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.district-photo-tile>a:hover img{transform:scale(1.035)}.district-photo-tile>a>div{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:23px}.district-photo-tile h3{font-size:24px;margin:0;line-height:1.15;overflow-wrap:anywhere}.district-photo-tile .icon{width:25px;height:25px;flex-shrink:0;color:#F04D5C}.district-tile-number{position:absolute;top:17px;left:17px;display:grid;place-items:center;width:39px;height:39px;background:#C91D2E;border-radius:50%;color:white;font-size:12px;font-weight:600}.district-photo-tile>p{font-size:12px;line-height:1.5;color:#5D626B;margin:12px 3px 0}.district-photo-tile>p a{text-underline-offset:3px}.district-directory .section-heading{margin-bottom:40px}
@media(max-width:1000px){.district-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.district-photo-grid{grid-template-columns:1fr;gap:28px}.district-photo-tile h3{font-size:25px}.district-photo-tile>a>div{padding:21px}.district-photo-tile picture{aspect-ratio:1.5}}
@media(prefers-reduced-motion:reduce){.district-photo-tile img{transition:none}.district-photo-tile>a:hover img{transform:none}}