/* Stock hero photos (added Oct 2026). Photo sits behind the dark hero band; text stays on top. */
.hero--photo .hero-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.55;
  z-index: 0;
  pointer-events: none;
}
.hero--photo::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(14,22,32,0.94) 0%, rgba(14,22,32,0.70) 45%, rgba(14,22,32,0.15) 100%);
}
.hero--photo::before { z-index: 2; }
.hero--photo .hero-inner { z-index: 3; }
@media (max-width: 720px) {
  .hero--photo .hero-photo { opacity: 0.4; }
  .hero--photo::after { background: linear-gradient(180deg, rgba(14,22,32,0.78), rgba(14,22,32,0.9)); }
}

/* Home page service cards with photos (added Oct 2026) */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc-card{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:border-color .15s ease,transform .15s ease}
.svc-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.svc-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.svc-card img{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover}
.svc-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex-grow:1}
.svc-body h3{font-size:1.2rem;margin:0}
.svc-body p{margin:0;color:var(--text-muted);font-size:.92rem;flex-grow:1}
.svc-body .more{color:var(--accent);font-weight:600;font-size:.88rem}
.teaser{display:flex;align-items:center;justify-content:space-between;gap:32px}
.teaser h2{margin-top:8px}
.teaser p{color:var(--text-muted);max-width:640px;margin-bottom:0}
.teaser .btn{flex-shrink:0}
@media (max-width:860px){.svc-grid{grid-template-columns:repeat(2,1fr)}.teaser{flex-direction:column;align-items:flex-start}}
@media (max-width:560px){.svc-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.svc-card{transition:none}.svc-card:hover{transform:none}}

/* Header nav: 7 links (Home + Handyman added Oct 2026) — keep on one line, switch to scroll nav sooner */
.brand,nav.header-links a{white-space:nowrap}
nav.header-links{gap:20px}
@media (max-width:1180px){
  nav.header-links{display:none}
  .page-nav-mobile{display:flex;gap:20px;overflow-x:auto;padding-bottom:12px;font-size:.88rem;font-weight:500;scrollbar-width:none}
  .page-nav-mobile a{text-decoration:none;color:var(--text-muted);white-space:nowrap}
  .page-nav-mobile a[aria-current="page"]{color:var(--text);font-weight:600}
}
@media (max-width:420px){.brand{font-size:.98rem;gap:6px}.header-inner{gap:8px}}