/* ============================================================
   HOME (front-page.php) — loads only on the front page
   ============================================================ */
.hero{padding:56px 0 40px;text-align:center;}
.hero .kicker{color:var(--blue);font-weight:700;font-size:1.35rem;}
.hero h1{font-size:2.5rem;margin:6px 0 10px;}
.hero .sub{color:var(--muted);margin-bottom:34px;}
.hero-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:900px;margin:0 auto;}
.hero-imgs .ph,.hero-imgs .aa-img{aspect-ratio:4/3;}

/* services cards */
.services-band{background:var(--gray-bg-2);}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:34px;}
.svc-card h4{font-size:1rem;margin:14px 0 8px;}
.svc-card p{font-size:.85rem;color:var(--muted);}
.svc-icon{width:52px;height:52px;color:var(--ink);}

/* two specialists */
.specialists{background:var(--gray-bg);}
.specialists .wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.specialists h2{font-size:2rem;margin-bottom:16px;}
.specialists p{color:var(--muted);font-size:.94rem;}
.spec-people{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.spec-people .person .ph,.spec-people .person .aa-img{aspect-ratio:3/4;border-radius:8px 8px 0 0;}
.spec-people .cap{background:var(--blue);color:#fff;padding:10px;border-radius:0 0 8px 8px;text-align:center;}
.spec-people .cap b{display:block;font-size:.9rem;}
.spec-people .cap small{font-size:.78rem;opacity:.9;}

/* whom we serve */
.serve-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--gray-bg);border-radius:12px;margin-top:30px;overflow:hidden;}
.serve-item{padding:26px 20px;text-align:center;border-right:1px solid #e2e2e2;}
.serve-item:last-child{border-right:none;}
.serve-item svg{width:40px;height:40px;margin-bottom:12px;color:var(--ink);}
.serve-item b{display:block;font-size:.98rem;}
.serve-item small{color:var(--muted);font-size:.8rem;}

/* our work */
.work{background:var(--blue);color:#fff;}
.work h2{text-align:center;font-size:2.2rem;margin-bottom:34px;}
.work h2 .underline-h{border-color:#fff;}
.work-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.work-grid .ph,.work-grid .aa-img{aspect-ratio:3/4;background:linear-gradient(135deg,#0f83bf,#1c8fc4);color:#cfeafc;}
.work .btn-wrap{text-align:center;margin-top:30px;}
.work .btn.dark{background:#111;}
.work .btn.dark:hover{background:#000;}

/* believe */
.believe{text-align:center;}
.believe h2{font-size:2.2rem;margin-bottom:18px;}
.believe blockquote{max-width:720px;margin:0 auto;font-style:italic;color:var(--muted);font-size:1.05rem;}

/* testimonials */
.testi{background:var(--blue);color:#fff;}
.testi h2{font-size:2rem;margin-bottom:30px;}
.testi-list{display:grid;gap:22px;max-width:900px;}
.testi-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:18px;}
.testi-row b{font-size:1rem;}
.testi-row small{opacity:.85;display:block;}
.testi-row q{font-style:italic;opacity:.95;}

@media (max-width:960px){
  .services-grid,.work-grid{grid-template-columns:repeat(3,1fr);}
  .specialists .wrap{grid-template-columns:1fr;}
  .serve-grid{grid-template-columns:repeat(2,1fr);}
  .serve-item:nth-child(2){border-right:none;}
}
@media (max-width:640px){
  .hero-imgs,.services-grid,.work-grid{grid-template-columns:1fr 1fr;}
  .testi-row{grid-template-columns:1fr;}
}