.hero{--foreground:#fff;--muted:#ffffffd9;--surface:#ffffff24;min-height:100vh;padding:clamp(7rem, 10vw + 4rem, 11rem) var(--container-inline) clamp(3rem, 6vw, 5rem);color:var(--foreground);background-color:#111315;background-image:linear-gradient(#0a0a0a8c,#0a0a0a59),url(/images/alwar-project-indoor-view.jpg);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;align-items:center;display:flex;position:relative}.hero__content{flex-direction:column;align-items:flex-start;gap:1.5rem;max-width:860px;display:flex}.hero__title{max-width:28ch}.hero__text{max-width:80ch}@media (max-width:640px){.hero{min-height:85vh}.hero__content{gap:1.25rem}}
.latest-blog{--surface:#fff;background:#f5f5ef;padding:clamp(4rem,8vw,7rem) clamp(1.25rem,5vw,4rem)}.latest-blog__header{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:760px;margin:0 auto clamp(2.5rem,5vw,4rem);display:flex}.latest-blog__header h2{margin:0}.latest-blog__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);max-width:1400px;margin:0 auto;display:grid}.latest-blog__card{aspect-ratio:9/10;color:#fff;border-radius:24px;flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,2.5vw,2rem);display:flex;position:relative;overflow:hidden}.latest-blog__card:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000004d 0%,#00000026 40%,#0009 100%);position:absolute;inset:0}.latest-blog__category,.latest-blog__content{z-index:2;position:relative}.latest-blog__category{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border-radius:999px;align-self:flex-start;padding:.45rem 1rem;font-size:.9rem;font-weight:600}.latest-blog__title{color:#fff;margin:0;font-size:clamp(1.15rem,1rem + .6vw,1.4rem);font-weight:600;line-height:1.35}.latest-blog__more{border-top:1px solid #ffffff40;align-items:center;gap:.6rem;margin-top:1.5rem;padding-top:1.25rem;font-weight:600;transition:color .2s;display:flex}.latest-blog__more i{height:1em;transition:transform .2s}.latest-blog__card:hover .latest-blog__more{color:var(--accent)}.latest-blog__card:hover .latest-blog__more i{transform:translate(2px,-2px)}@media (max-width:1024px){.latest-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.latest-blog__grid{grid-template-columns:1fr}}
.our-projects{--surface:#f5f5ef;background:#fff;padding:clamp(4rem,8vw,7rem) clamp(1.25rem,5vw,4rem)}.our-projects__header{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:760px;margin:0 auto clamp(3rem,6vw,4.5rem);display:flex}.our-projects__header h2{margin:0}.our-projects__grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1400px;margin:0 auto;display:grid}.our-projects__item{text-align:center;flex-direction:column;align-items:center;padding:0 clamp(1rem,3vw,2.5rem);display:flex}.our-projects__item+.our-projects__item{border-left:1px solid #e5e5e5}.our-projects__image{aspect-ratio:1;background:var(--surface);border-radius:16px;width:min(210px,100%);position:relative;overflow:hidden}.our-projects__title{margin:2.25rem 0 .75rem;font-size:clamp(1.15rem,1rem + .5vw,1.4rem);font-weight:600}.our-projects__text{max-width:32ch;margin:0}@media (max-width:768px){.our-projects__grid{grid-template-columns:1fr;gap:3rem}.our-projects__item+.our-projects__item{border-top:1px solid #e5e5e5;border-left:none;padding-top:3rem}}
.testimonials{--foreground:#fff;--muted:#fffc;--surface:#ffffff14;background-color:#171717;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:14px 14px;padding:clamp(4rem,8vw,7rem) clamp(1.25rem,5vw,4rem)}.testimonials__header{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:760px;margin:0 auto clamp(2.5rem,5vw,4rem);display:flex}.testimonials__header h2,.testimonials__header p{margin:0}.testimonials__carousel{max-width:1400px;margin:0 auto}.testimonials__track{--per-view:3;--gap:clamp(1rem, 2.5vw, 2rem);gap:var(--gap);scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.testimonials__track::-webkit-scrollbar{display:none}.testimonials__card{flex:0 0 calc((100% - (var(--per-view) - 1) * var(--gap)) / var(--per-view));scroll-snap-align:start;background:#2a2a2a;border-radius:24px;flex-direction:column;justify-content:space-between;gap:2rem;padding:.75rem;display:flex}.testimonials__body{padding:clamp(1.5rem,2.5vw,2.25rem) clamp(1.25rem,2.5vw,2.25rem) 0}.testimonials__stars{gap:.5rem;margin-bottom:1.5rem;display:flex}.testimonials__stars svg{width:22px;height:22px;fill:var(--accent)}.testimonials__quote{color:var(--foreground);margin:0;font-size:clamp(1.1rem,1rem + .5vw,1.35rem);font-weight:500;line-height:1.6}.testimonials__author{background:#ffffff14;border-radius:16px;align-items:center;gap:1.1rem;padding:clamp(1.25rem,2.5vw,2rem) clamp(1rem,2vw,1.5rem);display:flex}.testimonials__avatar{background:var(--accent);width:56px;height:56px;color:var(--accent-contrast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:inline-flex}.testimonials__name{color:var(--foreground);font-size:1.15rem;font-weight:600;display:block}.testimonials__role{color:var(--muted);margin-top:.2rem;font-size:.95rem;display:block}@media (max-width:1024px){.testimonials__track{--per-view:2}}@media (max-width:640px){.testimonials__track{--per-view:1}}
.why-choose{width:100%;padding:clamp(4rem, 8vw, 7rem) var(--container-pad);max-width:var(--container-width);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,5vw,5rem);margin:0 auto;display:grid}.why-choose__content{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.why-choose__text{max-width:62ch}.why-choose__applications{width:100%}.why-choose__applications h3{margin-bottom:1rem}.checklist--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 2rem;display:grid}.why-choose__gallery{flex-direction:column;gap:1.5rem;display:flex}.why-choose__arch{aspect-ratio:5/5;background:var(--surface);border-radius:999px 999px 0 0;width:100%;position:relative;overflow:hidden}.why-choose__row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.why-choose__thumb{aspect-ratio:1;background:var(--surface);border-radius:20px;position:relative;overflow:hidden}.why-choose__slide{opacity:0;transition:opacity .8s}.why-choose__slide--active{opacity:1}.why-choose__dots{z-index:1;justify-content:center;gap:.5rem;display:flex;position:absolute;bottom:1.25rem;left:0;right:0}@media (max-width:900px){.why-choose,.checklist--grid{grid-template-columns:1fr}}
