/* ═══════════════════════════════════════════════════
   NOVATERRA — IMAGE & VISUAL STYLES
═══════════════════════════════════════════════════ */

/* Hero bg */
.hero-img-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.hero-img-bg img{width:100%;height:100%;object-fit:cover;opacity:.15;display:block;}
.hero-img-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,13,26,.97) 0%,rgba(6,13,26,.75) 55%,rgba(6,13,26,.4) 100%);}

/* Page hero bg */
.page-hero{position:relative;overflow:hidden;}
.page-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;}
.page-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.14;display:block;}
.page-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(6,13,26,1) 0%,rgba(6,13,26,.55) 100%);}
.page-hero > *:not(.page-hero-bg){position:relative;z-index:1;}

/* Section bg */
.sec-bg{position:relative;overflow:hidden;}
.sec-bg-img{position:absolute;inset:0;z-index:0;pointer-events:none;}
.sec-bg-img img{width:100%;height:100%;object-fit:cover;opacity:.06;display:block;}
.sec-bg > .section-inner{position:relative;z-index:1;}

/* Image wrappers */
.img-wrap{position:relative;overflow:hidden;}
.img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.img-wrap:hover img{transform:scale(1.04);}
.img-dimmer{position:absolute;inset:0;background:rgba(6,13,26,.45);pointer-events:none;}
.img-gradient-b{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,13,26,.92) 0%,rgba(6,13,26,.3) 55%,transparent 100%);pointer-events:none;}
.img-gradient-r{position:absolute;inset:0;background:linear-gradient(to right,rgba(6,13,26,.85) 0%,transparent 60%);pointer-events:none;}

/* Project card with bg image */
.proj-card-img{
  position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center;
  transition:transform .6s ease;
}
.proj-card:hover .proj-card-img{transform:scale(1.04);}
.proj-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,13,26,.95) 0%,rgba(6,13,26,.6) 50%,rgba(6,13,26,.3) 100%);z-index:1;}
.proj-card > *:not(.proj-card-img):not(.proj-card-overlay){position:relative;z-index:2;}

/* Team photo */
.team-photo{width:100%;height:220px;object-fit:cover;object-position:top;display:block;filter:grayscale(20%) contrast(1.05);}
.team-photo-wrap{position:relative;overflow:hidden;border-bottom:1px solid var(--border);}
.team-photo-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(6,13,26,.5) 0%,transparent 60%);}

/* Blog card images */
.blog-thumb{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.85);}
.blog-thumb-wrap{position:relative;overflow:hidden;}
.blog-thumb-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(6,13,26,.7) 0%,rgba(6,13,26,.2) 100%);}

/* Vision card image accent */
.vision-img-strip{height:5px;width:100%;object-fit:cover;margin-bottom:1.5rem;opacity:.6;}

/* Story visual */
.story-img-box{position:relative;border:1px solid var(--border);overflow:hidden;}
.story-img-box img{width:100%;height:360px;object-fit:cover;display:block;opacity:.7;}
.story-img-box::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,13,26,.5) 0%,transparent 60%);}
.story-img-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;z-index:2;}

/* Dholera feature image */
.dholera-img{height:280px;object-fit:cover;width:100%;display:block;opacity:.75;}

/* NRI image */
.nri-img{width:100%;height:380px;object-fit:cover;display:block;border:1px solid var(--border);opacity:.8;}

/* Contact office map */
.contact-img{width:100%;height:320px;object-fit:cover;display:block;opacity:.7;}

/* Testi avatar image */
.testi-avatar img{width:100%;height:100%;object-fit:cover;border-radius:0;}

/* Floating label on image */
.img-label{
  position:absolute;bottom:1rem;left:1rem;z-index:3;
  background:rgba(6,13,26,.88);border:1px solid var(--border);
  padding:.5rem 1rem;backdrop-filter:blur(8px);
  font-family:'Space Mono',monospace;font-size:.62rem;
  letter-spacing:.12em;color:var(--gold);
}
