/* Our Offices: city cards with landmark photos (home + contact pages) */
.pdce-offices{padding:70px 0 60px;background:#f6f8fc}
.pdce-offices-head{max-width:760px;margin:0 auto 34px;text-align:center}
.pdce-offices .pdce-offices-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#e93127}
.pdce-offices .pdce-offices-eyebrow::before,.pdce-offices .pdce-offices-eyebrow::after{content:"";width:28px;height:2px;background:currentColor}
.pdce-offices h2.pdce-offices-title{margin:0 0 10px;padding:0;font-size:38px;font-weight:700;line-height:1.2;color:#14213d;text-transform:none}
.pdce-offices .pdce-offices-lead{margin:0;font-size:16px;line-height:1.7;color:#5f6b7d}
.pdce-offices-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.pdce-city{position:relative;display:block;flex:0 0 calc((100% - 6 * 16px) / 7);aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#14213d;box-shadow:0 8px 22px rgba(20,33,61,.12);isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}
.pdce-city img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.pdce-city::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,33,61,0) 35%,rgba(20,33,61,.55) 62%,rgba(20,33,61,.94) 100%)}
.pdce-city:hover,.pdce-city:focus-visible{transform:translateY(-4px);box-shadow:0 16px 32px rgba(20,33,61,.22)}
.pdce-city:hover img,.pdce-city:focus-visible img{transform:scale(1.08)}
.pdce-city:focus-visible{outline:3px solid #e93127;outline-offset:3px}
.pdce-city-body{position:absolute;left:0;right:0;bottom:0;padding:12px 12px 13px}
.pdce-city-name{display:flex;align-items:center;gap:6px;font-size:17px;font-weight:600;line-height:1.2;color:#fff}
.pdce-city-name i{color:#ff5a4f;font-size:15px}
.pdce-city-area{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:rgba(255,255,255,.82)}
.pdce-offices-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;margin-top:26px;font-size:14px;color:#5f6b7d}
.pdce-offices-foot a.pdce-offices-cta{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:8px;background:#e93127;color:#fff;font-weight:600;transition:background-color .15s ease}
.pdce-offices-foot a.pdce-offices-cta:hover{background:#14213d;color:#fff}
.pdce-offices-credits{max-width:900px;margin:18px auto 0;font-size:11px;line-height:1.6;color:#8a94a6;text-align:center}
.pdce-offices-credits summary{cursor:pointer;display:inline-block}
.pdce-offices-credits a{color:#8a94a6;text-decoration:underline}
@media (max-width:1199px){.pdce-city{flex-basis:calc((100% - 3 * 16px) / 4);aspect-ratio:4/3}}
@media (max-width:767px){.pdce-offices{padding:50px 0 44px}.pdce-offices h2.pdce-offices-title{font-size:28px}.pdce-offices-grid{gap:12px}.pdce-city{flex-basis:calc((100% - 2 * 12px) / 3);aspect-ratio:4/5}}
@media (max-width:520px){.pdce-city{flex-basis:calc((100% - 12px) / 2);aspect-ratio:1/1}.pdce-city-name{font-size:15px}.pdce-city-area{font-size:11px}}
@media (prefers-reduced-motion:reduce){.pdce-city,.pdce-city img{transition:none}}