.hero{height:100vh;position:relative;overflow:hidden}.hero-img{object-fit:cover;z-index:0}.overlay{z-index:1;background:#00000059;position:absolute;inset:0}.hero-text{z-index:2;color:#fff;text-align:center;width:100%;max-width:900px;padding:0 16px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.hero-text h1{font-size:56px}.hero-text p{opacity:.9;margin-top:10px;font-size:18px}@media (max-width:1024px){.hero-text h1{font-size:44px}.hero-text p{font-size:16px}}@media (max-width:600px){.hero{height:90vh}.hero-text{top:58%}.hero-text h1{font-size:30px;line-height:1.3}.hero-text p{font-size:14px}}
.features{color:#fff;text-align:center;background:#111;grid-template-columns:repeat(4,1fr);gap:16px;padding:18px 5%;font-size:14px;display:grid}.features div{justify-content:center;align-items:center;gap:6px;display:flex}@media (max-width:900px){.features{grid-template-columns:repeat(2,1fr);font-size:13px}}@media (max-width:500px){.features{grid-template-columns:1fr;row-gap:12px;padding:16px 8%;font-size:13px}}
.services{text-align:center}.services .sub{color:#666;max-width:650px;margin:15px auto 50px}.service-row{align-items:center;gap:50px;display:flex}.service-row img{width:45%}@media (max-width:500px){.service-row{flex-direction:column}.service-row img{width:100%}}
.gallery h2{text-align:center;margin-bottom:40px}.HomegridImg{width:330px;height:389px}.grid{opacity:0;grid-template-columns:repeat(4,1fr);gap:20px;transition:all .9s ease-out;display:grid;transform:translate(80px)}.grid.show{opacity:1;transform:translate(0)}.grid img{border-radius:14px;transition:transform .4s}.grid img:hover{transform:scale(1.04)}@media (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid{grid-template-columns:1fr}.HomegridImg{width:100%;height:auto}}
.why{text-align:center;background:#f5f5f5}.cards{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;display:grid}.card{text-align:center;background:#fff;border-radius:14px;padding:30px 20px;transition:transform .3s;box-shadow:0 5px 20px #0000000d}.card:hover{transform:translateY(-6px)}@media (max-width:1024px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.cards{grid-template-columns:1fr}.card{padding:24px 16px}}
.monodesignImg{width:100%;height:auto;margin-top:30px}
.cta{color:#fff;text-align:left;background-color:#141414;padding:70px 8%}.cta h2{margin-bottom:10px;font-size:clamp(1.6rem,3vw,2.4rem)}.cta p{color:#ccc;max-width:600px;font-size:clamp(.95rem,1.5vw,1.1rem)}.ctaBtn{color:#fff;cursor:pointer;background-color:#5c3b23;border:none;border-radius:6px;margin:10px 10px 10px 0;padding:12px 26px;font-size:15px;text-decoration:none;transition:all .3s;display:inline-flex}.ctaBtn:hover{background-color:#7a4c2c;transform:translateY(-2px)}@media (max-width:900px){.cta{padding:60px 6%}}@media (max-width:600px){.cta{text-align:center;padding:50px 16px}.cta p{margin:0 auto}.ctaBtn{display:grid}}