/* ============================================================
   LOCATION PAGES
   Sits on top of dh.css and service.css. Only the blocks that
   are specific to a location page live here.
   ============================================================ */

/* ---------- services offered in this area ---------- */
.loc-svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.loc-svc{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px 22px;
  border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.loc-svc .si{width:46px;height:46px;flex:none;border-radius:var(--r);display:grid;place-items:center;
  background:var(--blue-xxl);color:var(--blue-d)}
.loc-svc .si svg{width:22px;height:22px}
.loc-svc h3{font-size:1rem;margin:0;line-height:1.3}
.loc-svc .loc-in{display:block;font-size:.8rem;font-weight:700;color:var(--blue-d);margin-top:2px}
.loc-svc p{margin:0;font-size:.88rem;line-height:1.6;color:var(--ink-2)}
.loc-svc .tlink{margin-top:auto;padding-top:6px}
@media(max-width:1080px){.loc-svc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.loc-svc-grid{grid-template-columns:1fr}}

/* ---------- nearby areas, the silo ring ---------- */
.loc-near-wrap{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.loc-near{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:100px;
  background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);
  font-family:'Archivo',sans-serif;font-size:.86rem;font-weight:700;color:var(--navy-2);
  transition:border-color .15s ease, transform .15s ease, color .15s ease}
.loc-near svg{width:14px;height:14px;color:var(--blue);transition:transform .15s ease}
.loc-near:hover{border-color:var(--blue);color:var(--blue-d);transform:translateY(-1px)}
.loc-near:hover svg{transform:translateX(2px)}
.loc-up{margin:20px 0 0;font-size:.93rem;color:var(--ink-2)}
.loc-up a{color:var(--blue-d);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* ---------- body copy carried over from the live pages ---------- */
.location-page .sec .wrap.narrow{max-width:860px}
.location-page .sec h2{margin:0 0 16px}
.location-page .sec h3{font-size:1.08rem;margin:26px 0 8px}
.location-page .sec p{margin:0 0 14px;line-height:1.75}
.location-page .sec .ticks{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:9px}
.location-page .sec .ticks li{position:relative;padding-left:26px;line-height:1.7}
.location-page .sec .ticks li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:14px;
  border-radius:50%;background:var(--blue-xxl);
  box-shadow:inset 0 0 0 2px var(--blue)}

/* ---------- hero ---------- */
.loc-hero .hero-sub{max-width:40rem}