/* ===== HERO ===== */
.hero{
  position:relative;
  min-height:clamp(620px,82vh,760px);
  display:flex;
  align-items:center;
  justify-content:center;
  background:url('/wp-content/uploads/2026/05/san-bong-khanh-phat-thi-cong.jpg') center/cover no-repeat;
  overflow:hidden;
}.hero-copy{
  position:relative;z-index:2;
  width:min(100%,1080px);
  max-width:1080px;
  margin:0 auto;
  padding:112px 24px 52px;
  text-align:center;
}.hero h1{
  color:#fff;
  font-size:clamp(34px,4.8vw,60px);
  line-height:1.12;
  font-weight:900;
  max-width:1080px;
  margin:0 auto 20px;
  letter-spacing:-0.5px;
  text-shadow:0 2px 20px rgba(0,0,0,.15);
}.hero-lead{
  color:rgba(255,255,255,.85);
  font-size:clamp(16px,1.5vw,18px);
  line-height:1.7;
  margin-bottom:28px;
  max-width:940px;
  margin-left:auto;margin-right:auto;
}
/* ===== AGENCY ===== */
.agency{
  background:
    linear-gradient(135deg,rgba(10,107,47,.95),rgba(0,76,36,.95)),
    url('/wp-content/uploads/2026/05/san-bong-khanh-phat-thi-cong.jpg') center/cover;
  color:#fff;
  text-align:center;
  position:relative;
}
/* ===== FINAL CTA ===== */
.final-cta{
  background:
    linear-gradient(135deg,rgba(0,40,18,.9),rgba(0,60,28,.82)),
    url('/wp-content/themes/khanhphat-theme/assets/img/home/07-375ac78c.jpg') center/cover;
  color:#fff;
  padding:80px 0;
  position:relative;
  text-align:center;
}/* ===== RESPONSIVE ===== */
@media(max-width:1100px){
  .hero{min-height:clamp(560px,78vh,700px)}
  .hero-copy{padding:104px 24px 44px}
}
@media(max-width:720px){.hero-copy{padding:92px 20px 34px}.hero-badge{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);justify-content:center}.products-grid,.services-grid,.projects-grid,.testimonials-grid,.news-grid,.why-grid,.faq-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.final-cta{padding:56px 0}.wave-divider{height:40px}
}
/* ===== HOMEPAGE COMMITMENT CARDS ===== */
body.home .why-card{
  padding:22px 18px!important;
  border-radius:18px!important;
}body.home .why-icon{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  margin-bottom:12px!important;
}body.home .why-icon svg{
  width:20px!important;
  height:20px!important;
}body.home .why-num{
  font-size:clamp(17px,1.35vw,22px)!important;
  line-height:1.22!important;
  letter-spacing:-.2px!important;
  margin-bottom:8px!important;
}body.home .why-desc{
  font-size:13px!important;
  line-height:1.5!important;
  margin-top:0!important;
  color:rgba(255,255,255,.68)!important;
}
@media(max-width:1100px){body.home .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
}
@media(max-width:720px){body.home .why-grid{grid-template-columns:1fr!important;gap:14px!important;}body.home .why-card{padding:18px 16px!important;text-align:left!important;display:grid!important;grid-template-columns:42px 1fr!important;column-gap:14px!important;align-items:start!important;}body.home .why-icon{margin:0!important;}body.home .why-num{font-size:17px!important;margin:0 0 5px!important;}body.home .why-desc{grid-column:2!important;font-size:13px!important;}
}/* ===== HOMEPAGE HERO WIDTH TUNING ===== */
body.home .hero-copy{
  width:min(100%,1080px);
  max-width:1080px;
}body.home .hero h1{
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
}body.home .hero-lead{
  max-width:940px;
}
@media(max-width:1100px){body.home .hero-copy{max-width:960px;}body.home .hero-lead{max-width:860px;}
}
@media(max-width:720px){body.home .hero-copy,body.home .hero h1,body.home .hero-lead{
    width:100%;
    max-width:100%;
  }
}/* ===== HOMEPAGE HERO HEIGHT TUNING ===== */
body.home .hero{
  min-height:clamp(620px,82vh,760px);
}body.home .hero-copy{
  padding-top:112px;
  padding-bottom:52px;
}
@media(max-width:1100px){body.home .hero{min-height:clamp(560px,78vh,700px);}body.home .hero-copy{padding-top:104px;padding-bottom:44px;}
}
@media(max-width:720px){body.home .hero{min-height:auto;}body.home .hero-copy{padding-top:92px;padding-bottom:34px;}
}