.news-toolbar{padding:35px 0 20px}
.news-toolbar input{width:100%;max-width:420px;height:46px;border:1px solid #dfe3e6;border-radius:9px;padding:0 13px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:80px}
.news-card{border:1px solid #e5e7ea;border-radius:16px;padding:24px}
.news-card h2{font-size:22px}
.news-card p{color:#69717a}
.article-page{padding-top:65px;padding-bottom:90px;max-width:900px}
.article-date{color:#69717a}
.article-image{aspect-ratio:16/7;background:#f0f2f3;border-radius:18px;margin:30px 0}
.article-body{font-size:18px}
.project-filters{display:flex;gap:8px;flex-wrap:wrap;padding:35px 0 20px}
.filter{border:1px solid #dfe3e6;background:#fff;border-radius:9px;padding:10px 15px;cursor:pointer}
.filter.active{background:#f28b22;color:#fff;border-color:#f28b22}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:80px}
.project-card{border:1px solid #e5e7ea;border-radius:16px;overflow:hidden;background:#fff}
.project-image{aspect-ratio:4/3;background:#f0f2f3;display:grid;place-items:center;color:#9299a0;font-weight:700}
.project-card-body{padding:20px}
.project-card-body h2{font-size:21px}
.project-detail{padding-top:60px;padding-bottom:90px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}
.gallery-grid>div{aspect-ratio:4/3;background:#f0f2f3;border-radius:12px}
.contact-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:35px;padding:55px 0 85px}
.quote-form,.contact-info{border:1px solid #e5e7ea;border-radius:18px;padding:30px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.quote-form label{display:block;font-weight:800;margin-bottom:18px}
.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe3e6;border-radius:9px;padding:12px;font:inherit}
.quote-form textarea{resize:vertical}
.whatsapp-btn{display:inline-flex;background:#17191c;color:#fff;padding:13px 18px;border-radius:10px;font-weight:800}
.contact-note{margin-top:30px;background:#f7f8f9;padding:18px;border-radius:12px}
@media(max-width:850px){
 .news-grid,.project-grid{grid-template-columns:1fr 1fr}
 .contact-layout{grid-template-columns:1fr}
}
@media(max-width:600px){
 .news-grid,.project-grid,.gallery-grid,.form-grid{grid-template-columns:1fr}
}
