/* VASUNDHARA — INDORЕ–MALWA DOSSIER SYSTEM
   Shared presentation layer for the operating-cell dossier pages.
   Content remains page-owned; this file provides one coherent editorial shell.
*/
body.ii-indore-page{
  margin:0;
  background:#f3f0e9;
  color:#17252d;
  font-family:Arial,sans-serif;
  line-height:1.7;
  overflow-x:hidden;
}
body.ii-indore-page > div.nav{
  position:relative;
  z-index:20;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.45rem .8rem;
  width:100%;
  box-sizing:border-box;
  margin:0;
  padding:12px clamp(18px,4vw,64px);
  background:#102028;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 24px rgba(12,24,30,.08);
}
body.ii-indore-page > div.nav a{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:.35rem .58rem;
  color:#dbe4e5;
  text-decoration:none;
  font:700 .59rem/1 Arial,sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:nowrap;
  border:1px solid transparent;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
body.ii-indore-page > div.nav a:hover,
body.ii-indore-page > div.nav a:focus-visible{
  color:#f0c879;
  background:rgba(255,255,255,.05);
  border-color:rgba(240,200,121,.25);
}
body.ii-indore-page > main.wrap{
  width:100%;
  max-width:none;
  margin:0;
  padding:0 0 8rem;
  box-sizing:border-box;
}
body.ii-indore-page .vh-hero.vh-inserted{
  position:relative;
  min-height:min(70svh,720px);
  margin:0;
  padding:clamp(7rem,12vw,11rem) clamp(22px,7vw,110px) clamp(4rem,7vw,6.5rem);
  display:flex;
  align-items:flex-end;
  box-sizing:border-box;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 78% 24%,rgba(201,154,82,.2),transparent 28%),
    linear-gradient(125deg,#0d1a21,#29434b);
}
body.ii-indore-page .vh-hero.vh-inserted::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(6,13,17,.82),rgba(6,13,17,.35) 65%,rgba(6,13,17,.08));
  pointer-events:none;
}
body.ii-indore-page .vh-hero-inner{
  position:relative;
  z-index:1;
  width:min(1200px,100%);
  margin:0 auto;
}
body.ii-indore-page .vh-kicker{
  margin:0 0 1.15rem;
  color:#e1b873;
  font:800 .62rem/1 Arial,sans-serif;
  letter-spacing:.25em;
  text-transform:uppercase;
}
body.ii-indore-page .vh-hero h1{
  max-width:1000px;
  margin:0;
  color:#fff;
  font:400 clamp(3.4rem,7.4vw,7.8rem)/.88 Georgia,serif;
  letter-spacing:-.055em;
}
body.ii-indore-page > main.wrap > p:first-of-type{
  width:min(1200px,calc(100% - clamp(44px,14vw,220px)));
  margin:0 auto;
  padding:2.8rem 0 2.2rem;
  color:#5f6d73;
  font:400 clamp(1.05rem,1.6vw,1.3rem)/1.65 Georgia,serif;
  border-bottom:1px solid rgba(23,37,45,.12);
}
body.ii-indore-page .grid{
  width:min(1200px,calc(100% - clamp(44px,14vw,220px)));
  margin:2.4rem auto 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:rgba(23,37,45,.14);
  border:1px solid rgba(23,37,45,.14);
}
body.ii-indore-page .grid .card{
  min-width:0;
  min-height:210px;
  margin:0;
  padding:1.55rem 1.45rem 1.65rem;
  background:#fffdf9;
  border:0;
  box-sizing:border-box;
  box-shadow:none;
}
body.ii-indore-page .grid .card:nth-child(2n){background:#faf7f0}
body.ii-indore-page .grid .card h3{
  margin:0 0 .7rem;
  color:#a47843;
  font:800 .58rem/1.2 Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
body.ii-indore-page .grid .card p{
  margin:0;
  color:#53636a;
  font-size:.88rem;
  line-height:1.7;
}
body.ii-indore-page > main.wrap > h2,
body.ii-indore-page > main.wrap > section{
  width:min(1200px,calc(100% - clamp(44px,14vw,220px)));
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
body.ii-indore-page > main.wrap > h2{
  margin-top:clamp(5rem,9vw,8rem);
  margin-bottom:1.1rem;
  color:#17252d;
  font:400 clamp(2.4rem,4.5vw,5rem)/.95 Georgia,serif;
  letter-spacing:-.04em;
}
body.ii-indore-page > main.wrap > h2 + p{
  margin-top:0;
  color:#5f6d73;
}
body.ii-indore-page > main.wrap > section{
  position:relative;
  margin-top:1px;
  padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,3.5vw,3.5rem);
  background:#fffdf9;
  border-top:1px solid rgba(23,37,45,.11);
}
body.ii-indore-page > main.wrap > section:nth-of-type(even){background:#faf7f0}
body.ii-indore-page > main.wrap > section:first-of-type{
  margin-top:2rem;
  border-top:2px solid #c99a52;
}
body.ii-indore-page > main.wrap > section h2{
  max-width:850px;
  margin:0 0 .85rem;
  color:#17252d;
  font:400 clamp(1.8rem,3.2vw,3.35rem)/1 Georgia,serif;
  letter-spacing:-.035em;
}
body.ii-indore-page > main.wrap > section p{
  max-width:820px;
  margin:.45rem 0 0;
  color:#596970;
  line-height:1.75;
}
body.ii-indore-page > main.wrap > section .ey{
  margin:0 0 .75rem;
  color:#a47843;
  font:800 .58rem/1 Arial,sans-serif;
  letter-spacing:.2em;
  text-transform:uppercase;
}
body.ii-indore-page > main.wrap > section strong{color:#33474f}
@media(max-width:1050px){
  body.ii-indore-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body.ii-indore-page > div.nav{padding:10px 14px;overflow-x:auto;flex-wrap:nowrap}
  body.ii-indore-page > div.nav a{flex:0 0 auto}
  body.ii-indore-page .vh-hero.vh-inserted{min-height:62svh;padding:7.5rem 22px 3.5rem}
  body.ii-indore-page .vh-hero h1{font-size:clamp(3.1rem,14vw,5.3rem)}
  body.ii-indore-page > main.wrap > p:first-of-type,
  body.ii-indore-page .grid,
  body.ii-indore-page > main.wrap > h2,
  body.ii-indore-page > main.wrap > section{width:calc(100% - 28px)}
  body.ii-indore-page .grid{grid-template-columns:1fr}
  body.ii-indore-page .grid .card{min-height:0}
  body.ii-indore-page > main.wrap > h2{margin-top:4rem}
  body.ii-indore-page > main.wrap > section{padding:2rem 1.15rem}
}
