/* ==========================================================================
   Jefa Builders — Responsive
   Breakpoints and reduced-motion. Loaded last so it always wins.
   ========================================================================== */

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .hero-grid{grid-template-columns:1fr}
  .blueprint{order:-1}
  .approach-grid{grid-template-columns:1fr}
  .work-grid{grid-template-columns:1fr;gap:34px}
  .contact-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .nav{display:none}
  .svc-grid{grid-template-columns:1fr}
  .svc{border-right:none;border-bottom:1px solid var(--line-soft)}
  .svc:last-child{border-bottom:none}
  .work-grid{grid-template-columns:1fr;gap:34px}
  .terr-grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  body{font-size:16px}
  .brand img{width:124px}
  .contact-grid{grid-template-columns:1fr}
  .faq-list summary{font-size:17px}
  .pillar{grid-template-columns:1fr;gap:6px}
  .head-inner{height:72px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .dl{stroke-dashoffset:0}
  .lb{opacity:1}
  .rv{opacity:1;transform:none}
  html{scroll-behavior:auto}
}