/* =========================================================
   PIONEER PIX — Local landing page template
   Shared by lakewood-ranch / sarasota / bradenton / venice
   Built on the Paper & Ink system in site.css
   ========================================================= */
:root{--btn-radius:12px;--chip-radius:10px;}

/* ---- hero ---- */
.loc-hero{padding:clamp(46px,6vw,82px) 0 clamp(30px,4vw,52px);}
.loc-hero .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,58px);align-items:center;}
.loc-hero h1{font-size:clamp(34px,4.6vw,58px);margin:16px 0 22px;}
.loc-hero .lede{max-width:48ch;margin-bottom:30px;}
.loc-hero .cta{display:flex;gap:14px;flex-wrap:wrap;}
.loc-hero-img{width:100%;height:clamp(340px,42vw,500px);}

/* ---- trust strip ---- */
.trust{display:flex;gap:0;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;}
.trust .t{flex:1;padding:24px 26px;border-right:1px solid var(--line-soft);}
.trust .t:last-child{border-right:0;}
.trust .t .k{font-family:var(--serif);font-size:25px;}
.trust .t .v{font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.4;}

/* ---- serving section (neighborhoods) ---- */
.serve-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,5vw,66px);align-items:center;}
.serve-img{width:100%;height:clamp(320px,38vw,460px);}
.nbhds{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.nbhd-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;margin-top:26px;}
.nbhd-list li{display:flex;gap:12px;align-items:flex-start;}
.nbhd-list .dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;margin-top:7px;}
.nbhd-list b{display:block;font-family:var(--spectral);font-size:16px;font-weight:600;}
.nbhd-list span{font-size:13.5px;color:var(--muted);line-height:1.5;}

/* ---- services grid (reused from home) ---- */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px;}
.svc .ph{height:180px;border-bottom:1px solid var(--line);}
.svc .bd{padding:22px 24px 26px;}
.svc .eb{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;}
.svc .eb .d{width:9px;height:9px;border-radius:50%;}
.svc h3{font-size:21px;margin:10px 0 9px;}
.svc p{font-size:14px;color:var(--muted);line-height:1.55;}

/* ---- why choose (checks) ---- */
.why-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(34px,5vw,68px);align-items:center;}
.why-img{width:100%;height:clamp(320px,36vw,440px);}

/* ---- local gallery strip ---- */
.gal-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:40px;}
.gal-strip image-slot{flex:0 1 calc((100% - 36px)/3);aspect-ratio:3/2;height:auto;}

/* ---- nearby locations cross-links ---- */
.loc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px;}
.loc-card{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px;transition:.2s ease;}
.loc-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -28px rgba(21,23,28,.45);}
.loc-card .eb{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);}
.loc-card h3{font-size:22px;margin:10px 0 8px;}
.loc-card p{font-size:14px;color:var(--muted);line-height:1.55;}
.loc-card .go{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--sans);
  font-weight:600;font-size:13.5px;color:var(--blue);}
.loc-card:hover .go .arr{transform:translateX(3px);}
.loc-card .go .arr{transition:transform .18s ease;}

/* ---- cta band ---- */
.cta-band{background:var(--navy);color:#fff;border-radius:24px;padding:clamp(40px,5vw,64px);
   display:grid;grid-template-columns:1.3fr auto;gap:34px;align-items:center;}
.cta-band h2{color:#fff;font-size:clamp(28px,3.4vw,44px);}
.cta-band p{color:#c2c8d8;font-family:var(--spectral);font-size:17px;margin-top:12px;max-width:52ch;}
.cta-band .areas{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}

@media(max-width:900px){
  .loc-hero .hero-grid,.serve-grid,.why-grid{grid-template-columns:1fr;}
  .loc-hero-img{order:-1;}
  .serve-img{order:-1;}
  .svc-grid{grid-template-columns:1fr 1fr;}
  .gal-strip image-slot{flex-basis:calc((100% - 18px)/2);}
  .loc-cards{grid-template-columns:1fr;}
  .trust{flex-wrap:wrap;}.trust .t{flex:1 1 50%;border-bottom:1px solid var(--line-soft);}
  .cta-band{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .svc-grid{grid-template-columns:1fr;}
  .gal-strip image-slot{flex-basis:100%;}
  .nbhd-list{grid-template-columns:1fr;}
}