/* DesigningAxis deferred.min.css | 2026-05-30 */
.services{
background:var(--white);}

.services-header{

 display:flex;
justify-content:space-between;
align-items:flex-end;
margin-bottom:4rem;
flex-wrap:wrap;
gap:2rem;
}

.services-grid{

 display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:1.5px;
background:var(--border);
}

.about{
background:var(--cream);}

.about-grid{

 display:grid;
grid-template-columns:1fr 1.1fr;
gap:6rem;
align-items:center;
}

.about-img-wrap{
position:relative;}

.about-accent{

 position:absolute;
top:-1.5rem; left:-1.5rem;
width:60%; height:60%;
border:1px solid var(--gold-lt);
z-index:0;
pointer-events:none;
}

.about-portrait{

 position:relative; z-index:1;
width:100%;
aspect-ratio:3/4;
background:linear-gradient(160deg,#E8D5B0,#C9A96E);
overflow:hidden;
}

.about-portrait img{
width:100%; height:100%; object-fit:cover;}

.portrait-fallback{

 display:none;
position:absolute; inset:0;
align-items:center; justify-content:center;
font-family:var(--serif);
font-size:3.5rem;
color:rgba(26,22,16,0.3);
font-style:italic;
}

.about-badge{

 position:absolute;
bottom:-1.5rem; right:-1.5rem;
z-index:2;
background:var(--dark);
color:var(--white);
padding:1.5rem;
text-align:center;
min-width:130px;
}

.about-badge-num{

 font-family:var(--serif);
font-size:2.5rem;
color:var(--gold);
line-height:1;
}

.about-badge-lbl{

 font-size:0.68rem;
letter-spacing:0.12em;
text-transform:uppercase;
color:rgba(255,255,255,0.55);
margin-top:0.35rem;
line-height:1.4;
}

.pillars{

 display:grid;
grid-template-columns:1fr 1fr;
gap:1rem;
margin-top:2rem;
}

.about-body{

 color:var(--muted);
line-height:1.9;
font-weight:300;
font-size:0.95rem;
margin-bottom:1.25rem;
}

.why{
background:var(--dark);}

.why .section-title{
color:var(--white);}

.why .section-sub{
color:rgba(255,255,255,0.45);}

.why-grid{

 display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:2px;
margin-top:4rem;
background:rgba(255,255,255,0.04);
}

.vastu{
background:var(--cream);}

.vastu-inner{

 display:grid;
grid-template-columns:1fr 1fr;
gap:5rem;
align-items:center;
}

.vastu-benefits{

 list-style:none;
margin-top:1.5rem;
}

.vastu-benefits li{

 padding:0.75rem 0;
border-bottom:1px solid var(--border);
display:flex;
gap:1rem;
font-size:0.88rem;
color:var(--muted);
line-height:1.6;
font-weight:300;
align-items:flex-start;
}

.vastu-benefits li::before{

 content:'✦';
color:var(--gold);
font-size:0.55rem;
margin-top:0.42rem;
flex-shrink:0;
}

.portfolio{
background:var(--white);}

.portfolio-grid{

 display:grid;
grid-template-columns:repeat(3,1fr);
gap:1.5px;
background:var(--border);
}

.portfolio-item.tall{
grid-row:span 2;}

.testimonials{
background:var(--dark);}

.testimonials .section-title{
color:var(--white);}

.testi-grid{

 display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:1.5px;
margin-top:4rem;
background:rgba(255,255,255,0.04);
}

.faq{
background:var(--cream);}

.faq-list{
margin-top:3rem; max-width:800px;}

.contact{
background:var(--white);}

.contact-grid{

 display:grid;
grid-template-columns:1fr 1.3fr;
gap:6rem;
align-items:start;
}

.contact-items{
margin-top:2.5rem;}

@media (max-width:768px){

 .hero{
padding:7rem 5% 4rem;}

 .hero-stats{
display:none;}

 .about-grid{
grid-template-columns:1fr; gap:3rem;}

 .about-accent{
display:none;}

 .about-badge{
bottom:-1rem; right:0;}

 .why-grid{
grid-template-columns:1fr 1fr;}

 .vastu-inner{
grid-template-columns:1fr; gap:3rem;}

 .portfolio-grid{
grid-template-columns:1fr 1fr;}

 .portfolio-item.tall{
grid-row:span 1;}

 .testi-grid{
grid-template-columns:1fr;}

 .services-grid{
grid-template-columns:1fr;}

 .services-header{
flex-direction:column;}

 .contact-grid{
grid-template-columns:1fr; gap:3rem;}

 .pillars{
grid-template-columns:1fr;}

 .section-sub{
max-width:100%;}

 .social-links{
flex-wrap:wrap;}

}

@media (max-width:480px){

 .portfolio-grid{
grid-template-columns:1fr;}

 .why-grid{
grid-template-columns:1fr;}

 .hero-btns{
flex-direction:column;}

}

.reveal{

 opacity:0;
transform:translateY(28px);
transition:opacity 0.65s var(--ease),transform 0.65s var(--ease);
will-change:opacity,transform;
}

.reveal.visible{

 opacity:1;
transform:translateY(0);
}

.services-grid .service-card:nth-child(2){
transition-delay:0.05s;}

.services-grid .service-card:nth-child(3){
transition-delay:0.10s;}

.services-grid .service-card:nth-child(4){
transition-delay:0.15s;}

.services-grid .service-card:nth-child(5){
transition-delay:0.20s;}

.services-grid .service-card:nth-child(6){
transition-delay:0.25s;}

.services-grid .service-card:nth-child(7){
transition-delay:0.30s;}

.services-grid .service-card:nth-child(8){
transition-delay:0.35s;}

.testi-grid .testi-card:nth-child(2){
transition-delay:0.06s;}

.testi-grid .testi-card:nth-child(3){
transition-delay:0.12s;}

.testi-grid .testi-card:nth-child(4){
transition-delay:0.18s;}

.testi-grid .testi-card:nth-child(5){
transition-delay:0.24s;}

.testi-grid .testi-card:nth-child(6){
transition-delay:0.30s;}

@keyframes fadeUp{

 from{
opacity:0; transform:translateY(24px);}

 to{
opacity:1; transform:translateY(0);}

}

.hero-content .label{
animation:fadeUp 0.7s 0.2s both;}

.hero-content h1{
animation:fadeUp 0.7s 0.35s both;}

.hero-content .gold-line{
animation:fadeUp 0.7s 0.5s both;}

.hero-content .hero-tagline{
animation:fadeUp 0.7s 0.6s both;}

.hero-content .hero-btns{
animation:fadeUp 0.7s 0.75s both;}

.hero-stats .stat-card:nth-child(1){
animation:fadeUp 0.7s 0.9s both;}

.hero-stats .stat-card:nth-child(2){
animation:fadeUp 0.7s 1.0s both;}

.hero-stats .stat-card:nth-child(3){
animation:fadeUp 0.7s 1.1s both;}

@media (prefers-reduced-motion:reduce){

 .reveal{

 opacity:1;
transform:none;
transition:none;
}

 .hero-content .label,
 .hero-content h1,
 .hero-content .gold-line,
 .hero-content .hero-tagline,
 .hero-content .hero-btns,
 .hero-stats .stat-card{

 animation:none;
opacity:1;
transform:none;
}

}