.contacts-hero{background-image:url(/images/hero/city-hall.jpg);background-size:cover;background-position:50%;height:250px;position:relative;margin-bottom:3rem}.contacts-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.7));display:flex;align-items:center;justify-content:center}.contacts-hero h1{color:white;font-size:3rem;margin:0;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.contacts-layout{display:grid;grid-template-columns:1fr 400px;grid-gap:3rem;gap:3rem;padding-bottom:5rem}.contacts-main{display:flex;flex-direction:column;gap:2rem}.contact-card{background:white;border-radius:12px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:box-shadow .3s ease}.contact-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.12)}.contact-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--light-gray)}.contact-card-header svg{color:var(--water-blue);flex-shrink:0}.contact-card-header h2{font-size:1.5rem;color:var(--text-primary);margin:0;font-weight:700}.contact-card-header h3{font-size:1.25rem;color:var(--text-primary);margin:0;font-weight:600}.primary-contact{background:linear-gradient(135deg,var(--water-blue) 0,#1873cc 100%);color:white;border:none}.primary-contact .contact-card-header{border-bottom-color:rgba(255,255,255,.2)}.primary-contact .contact-card-header h2,.primary-contact .contact-card-header svg{color:white}.main-phone{font-size:2.5rem;font-weight:700;color:white;text-decoration:none;display:block;transition:transform .2s ease}.main-phone:hover{transform:scale(1.05)}.hours-text{font-size:1.125rem;color:var(--text-primary);line-height:1.6;margin:0}.address-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.contact-card address{font-style:normal;font-size:1.125rem;line-height:1.8;color:var(--text-primary)}.map-card{padding:2rem}.map-container{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.map-container iframe{display:block}.contacts-sidebar .contact-card{position:-webkit-sticky;position:sticky;top:2rem}.department-list{display:flex;flex-direction:column;gap:1.25rem}.department-item{padding-bottom:1.25rem;border-bottom:1px solid var(--light-gray)}.department-item:last-child{padding-bottom:0;border-bottom:none}.department-name{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.department-phone{color:var(--water-blue);text-decoration:none;font-size:1.0625rem;transition:color .2s ease}.department-phone:hover{color:#1873cc;text-decoration:underline}@media (max-width:1024px){.contacts-layout{grid-template-columns:1fr}.contacts-sidebar .contact-card{position:static}}@media (max-width:768px){.contacts-hero{height:180px}.contacts-hero h1{font-size:2rem}.contacts-layout{gap:2rem;padding-bottom:3rem}.contacts-main{gap:1.5rem}.contact-card{padding:1.5rem}.main-phone{font-size:2rem}.address-grid{grid-template-columns:1fr;gap:1.5rem}.map-container iframe{height:300px}}