/* Borough hub pages. Builds on service-page-assets/service-pages.css (sp-* classes). */
.ar-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center;width:min(1240px,calc(100% - 80px));margin-inline:auto;padding-block:24px 64px}
.ar-proof{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:13px;color:var(--sp-muted)}
.ar-proof strong{color:var(--sp-ink);font-weight:600}
.ar-hero-ba figcaption,.ar-case-media figcaption{font-size:12px;color:var(--sp-muted);margin-top:10px}

/* Before/after slider: the after image is clipped from the left edge to the handle. */
.ar-ba{position:relative;overflow:hidden;aspect-ratio:4/3;background:#e6e7df;border-radius:2px;touch-action:pan-y}
.ar-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ar-ba-after{clip-path:inset(0 0 0 var(--pos))}
.ar-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15);transform:translateX(-1px);pointer-events:none}
.ar-ba-handle::after{content:'‹ ›';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#fff;color:var(--sp-ink);font:600 16px/42px 'Poppins',Arial,sans-serif;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.ar-ba-tag{position:absolute;top:12px;padding:4px 10px;font:600 11px/1.4 'Poppins',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:rgba(34,59,50,.82);color:#fff;pointer-events:none}
.ar-ba-tag-before{left:12px}.ar-ba-tag-after{right:12px}
.ar-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.ar-ba input[type=range]:focus-visible{opacity:.01}
.ar-ba:has(input:focus-visible){outline:3px solid #8b9e68;outline-offset:3px}

.ar-towns{list-style:none;margin:0;padding:0;columns:2;column-gap:18px;font-size:14px}
.ar-towns li{break-inside:avoid;padding:3px 0}
.ar-towns a{color:var(--sp-ink);font-weight:500}
.ar-towns span{color:var(--sp-muted);font-size:11px}

.ar-cases{display:grid;gap:64px;margin-top:40px}
.ar-case{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:start}
.ar-case:nth-child(even) .ar-case-media{order:2}
.ar-case-media{display:grid;gap:22px}
.ar-case-copy h3{font:600 26px/1.3 'Playfair Display',Georgia,serif;margin:6px 0 14px}
.ar-case-copy>p{color:var(--sp-muted);margin-bottom:22px}
.ar-facts{margin:0 0 22px;display:grid;gap:0;border-top:1px solid var(--sp-line)}
.ar-facts div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--sp-line);font-size:14px}
.ar-facts dt{color:var(--sp-muted)}.ar-facts dd{margin:0;font-weight:500}

.ar-video{display:grid;grid-template-columns:1fr;gap:28px}
.ar-video>div{max-width:760px}
.ar-video-facade{max-width:1240px}
.ar-video p{color:var(--sp-muted)}
.ar-video-facade{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#111;cursor:pointer;overflow:hidden}
.ar-video-facade img{width:100%;height:100%;object-fit:cover;opacity:.92}
.ar-video-facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ar-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--sp-ink);font-size:26px;line-height:76px;text-align:center;padding-left:5px}
.ar-video-facade:hover .ar-play,.ar-video-facade:focus-visible .ar-play{background:var(--sp-accent)}

.ar-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:36px;border-top:1px solid var(--sp-line)}
.ar-service{padding:20px 24px 20px 0;border-bottom:1px solid var(--sp-line)}
.ar-service h3{font-size:17px;margin-bottom:6px}
.ar-service h3 a{color:var(--sp-ink);text-decoration:none}
.ar-service p{font-size:13px;color:var(--sp-muted);line-height:1.7}
.ar-service p a{color:var(--sp-muted)}

.ar-costs{width:100%;border-collapse:collapse;margin-top:28px;font-size:15px}
.ar-costs th{text-align:left;font:600 11px/1 'Poppins',Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--sp-muted);padding:0 12px 12px 0;border-bottom:1px solid var(--sp-ink)}
.ar-costs td{padding:16px 12px 16px 0;border-bottom:1px solid var(--sp-line);vertical-align:top}
.ar-costs td:nth-child(2){font-weight:600;white-space:nowrap}

@media(max-width:900px){
  .ar-hero,.ar-case,.ar-video{grid-template-columns:1fr;gap:28px}
  .ar-hero{width:calc(100% - 40px)}
  .ar-case:nth-child(even) .ar-case-media{order:0}
  .ar-services{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .ar-services{grid-template-columns:1fr}
  .ar-costs thead{display:none}
  .ar-costs tr{display:grid;padding:12px 0;border-bottom:1px solid var(--sp-line)}
  .ar-costs td{border:0;padding:2px 0}
}
.ar-case-photo{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}