/* 2xN — Location landing page (loads after service-detail.css). Reusable for every /website-design-<town> page. */
.loc-crumbs{margin:0 0 22px}
.loc-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--text-on-dark-muted)}
.loc-crumbs li{display:flex;align-items:center;gap:8px}
.loc-crumbs li+li::before{content:"/";opacity:.5}
.loc-crumbs a{color:var(--text-on-dark-muted);text-decoration:none}
.loc-crumbs a:hover{color:#fff}
.loc-crumbs [aria-current]{color:#fff}
.sd-hero__deck--loc{font-size:clamp(19px,1.8vw,22px);color:#fff;max-width:46ch}
.sd-feat__title a{color:inherit;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size 200ms ease}
.sd-feat__title a:hover{background-size:100% 1px;color:var(--purple-bright)}
.section--light .sd-feat__title a:hover{color:var(--purple-deep)}
.loc-standalone{font-size:clamp(19px,1.7vw,22px);line-height:1.55;margin:36px 0 0;padding:0 44px;color:var(--text-on-light-muted);text-wrap:pretty}
.loc-standalone strong{color:var(--text-on-light);font-weight:600}
@media (max-width:640px){.loc-standalone{padding:0}}
.loc-features-head{max-width:640px;margin:0 0 48px}
.loc-diffs .sd-diff:last-child:nth-child(odd){grid-column:1/-1}
.loc-areas{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 28px;padding:0}
.loc-areas li{padding:10px 18px;border-radius:999px;font-size:15px;font-weight:600;background:var(--card-light);border:1px solid var(--border-light);color:var(--text-on-light)}
.loc-areas li.is-home{background:var(--purple);border-color:var(--purple);color:#fff}
.section--dark .loc-areas li{background:var(--bg-dark-2);border-color:rgba(255,255,255,.08);color:#fff}
.loc-meet{font-size:16px;line-height:1.7;margin:0;color:var(--text-on-light-muted)}
.section--dark .loc-meet{color:var(--text-on-dark-muted)}
.loc-work{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px}
.loc-work__img{aspect-ratio:16/10;border-radius:var(--radius-lg);overflow:hidden;background:var(--card-light);border:1px solid var(--border-light);margin-bottom:18px}
.loc-work__img img{width:100%;height:100%;object-fit:cover;display:block}
.loc-work__title{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;color:var(--text-on-light)}
.loc-work__body{font-size:15px;line-height:1.65;margin:0;color:var(--text-on-light-muted)}
.loc-cta-direct{display:flex;flex-wrap:wrap;gap:10px 28px;margin:24px 0 0;padding:0;list-style:none;font-size:16px;font-weight:600}
.loc-cta-direct a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.loc-cta-direct a:hover{opacity:.8}