.ii-page{--ii-ink:#17232d;--ii-body:#5f6d73;--ii-paper:#f4f0e8;--ii-white:#fffdf9;--ii-night:#111d24;--ii-night2:#213b45;--ii-gold:#b9894b;--ii-line:rgba(23,35,45,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ii-page{margin:0;background:var(--ii-paper);color:var(--ii-ink);overflow-x:hidden}
.ii-page .topbar{position:absolute!important;top:0;left:0;right:0;z-index:30;width:100%!important;max-width:none!important;background:linear-gradient(180deg,rgba(8,15,20,.82),transparent)!important;border:0!important;box-shadow:none!important;color:#fff}
.ii-page .topbar a,.ii-page .topbar span,.ii-page .topbar small{color:#fff!important}
.ii-wrap{width:min(1480px,calc(100% - 64px));margin:0 auto}
.ii-hero{position:relative;width:100%;aspect-ratio:1.618/1;min-height:min(78vh,900px);display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#15232b}
.ii-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:saturate(.88)}
.ii-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,15,.88) 0%,rgba(5,11,15,.58) 45%,rgba(5,11,15,.18) 100%),linear-gradient(0deg,rgba(3,7,10,.78),transparent 62%);z-index:1}
.ii-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 55%,rgba(217,173,99,.12) 75%,transparent 100%);z-index:1;pointer-events:none}
.ii-hero-inner{position:relative;z-index:2;width:min(1480px,calc(100% - 64px));margin:0 auto;padding:150px 0 70px}
.ii-eyebrow{font:800 .62rem/1 Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#e1b873;margin:0 0 20px}
.ii-hero h1{font:400 clamp(4.4rem,8.2vw,8.8rem)/.84 Georgia,serif;letter-spacing:-.055em;max-width:980px;margin:0 0 28px;color:#fff}
.ii-hero-copy{max-width:760px;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.72;color:rgba(255,255,255,.9);margin:0}
.ii-hero-meta{display:flex;flex-wrap:wrap;margin-top:34px;border-top:1px solid rgba(255,255,255,.26);padding-top:18px;gap:0}
.ii-hero-stat{padding:0 26px;border-left:1px solid rgba(255,255,255,.25)}
.ii-hero-stat:first-child{padding-left:0;border-left:0}
.ii-hero-stat b{display:block;font:400 1.25rem Georgia,serif;color:#fff}
.ii-hero-stat span{display:block;margin-top:5px;font:700 .52rem/1.2 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.ii-nav{display:flex;overflow:auto;background:var(--ii-night);border-bottom:1px solid rgba(255,255,255,.12)}
.ii-nav a{flex:1 0 auto;padding:16px 22px;text-align:center;text-decoration:none;color:#edf1f1;font:700 .57rem/1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.ii-nav a:hover{background:#1b2b33;color:#e0b46d}
.ii-section{width:100%;padding:clamp(5rem,8vw,8rem) 0;background:var(--ii-white)}
.ii-section.alt{background:var(--ii-paper)}
.ii-section.dark{background:radial-gradient(circle at 82% 16%,rgba(184,137,75,.18),transparent 28%),linear-gradient(125deg,var(--ii-night),var(--ii-night2));color:#fff}
.ii-section-head{display:grid;grid-template-columns:.42fr 1.3fr .9fr;gap:clamp(2rem,5vw,6rem);align-items:end;margin-bottom:4rem}
.ii-kicker{font:800 .6rem/1 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8c683d}
.ii-section-head h2{font:400 clamp(2.9rem,5vw,5.8rem)/.92 Georgia,serif;letter-spacing:-.045em;margin:0;color:var(--ii-ink)}
.ii-section.dark .ii-section-head h2{color:#fff}
.ii-section-head p{margin:0;max-width:560px;color:#66747a;line-height:1.72}
.ii-section.dark .ii-section-head p{color:#d1dcde}
.ii-intro{max-width:820px;color:#5d6a70;line-height:1.75;font-size:1rem;margin:0 0 3rem}
.ii-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--ii-line);border-left:1px solid var(--ii-line);background:var(--ii-line)}
.ii-library-card{display:grid;grid-template-rows:auto 1fr;min-width:0;text-decoration:none;color:inherit;background:var(--ii-white);border-right:1px solid var(--ii-line);border-bottom:1px solid var(--ii-line);overflow:hidden}
.ii-library-card:nth-child(2n){background:#faf7f0}
.ii-library-card:hover .ii-card-image{transform:scale(1.035)}
.ii-card-image-wrap{aspect-ratio:1.58/1;overflow:hidden;background:#d9d4ca}
.ii-card-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;color:transparent;font-size:0}
.ii-card-body{display:flex;flex-direction:column;min-height:270px;padding:1.45rem 1.55rem 1.5rem}
.ii-card-meta{display:flex;justify-content:space-between;gap:1rem;margin:0 0 1.1rem;padding:0 0 .85rem;border-bottom:1px solid var(--ii-line)}
.ii-card-number,.ii-card-region{font:700 .55rem/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#927044}
.ii-card-region{text-align:right;color:#6e797e}
.ii-library-card h3{font:400 clamp(1.65rem,2.05vw,2.3rem)/.98 Georgia,serif;letter-spacing:-.025em;margin:0 0 .7rem;color:var(--ii-ink)}
.ii-card-deck{margin:0;color:#68757b;font:400 .9rem/1.58 Georgia,serif}
.ii-card-description{margin:1rem 0 0;color:#68757b;font-size:.82rem;line-height:1.65}
.ii-card-status{display:flex;align-items:center;gap:.55rem;margin-top:auto;padding-top:1.35rem;font:800 .5rem/1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#6b563b}
.ii-card-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#b98b4d;flex:none}
.ii-card-arrow{margin-left:auto;color:#a57943;font-size:1rem}
.ii-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--ii-line);border-left:1px solid var(--ii-line);background:var(--ii-line)}
.ii-hub-card{display:grid;grid-template-rows:auto 1fr;min-width:0;text-decoration:none;color:inherit;background:var(--ii-white);border-right:1px solid var(--ii-line);border-bottom:1px solid var(--ii-line);overflow:hidden}
.ii-hub-card:nth-child(2n){background:#faf7f0}
.ii-hub-card:hover .ii-hub-image{transform:scale(1.035)}
.ii-hub-image-wrap{aspect-ratio:1.58/1;overflow:hidden;background:#d9d4ca}
.ii-hub-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;color:transparent;font-size:0}
.ii-hub-body{display:flex;flex-direction:column;min-height:255px;padding:1.45rem 1.55rem 1.5rem}
.ii-hub-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;padding-bottom:.85rem;border-bottom:1px solid var(--ii-line)}
.ii-hub-meta span{font:700 .55rem/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#927044}
.ii-hub-meta span:last-child{color:#6e797e;text-align:right}
.ii-hub-body h3{font:400 clamp(1.65rem,2.05vw,2.25rem)/.98 Georgia,serif;letter-spacing:-.025em;margin:0 0 .7rem;color:var(--ii-ink)}
.ii-hub-cities{font:400 .9rem/1.55 Georgia,serif;color:#68757b;margin:0}
.ii-hub-link{display:flex;align-items:center;gap:.55rem;margin-top:auto;padding-top:1.3rem;font:800 .5rem/1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#6b563b}
.ii-hub-link::before{content:"";width:6px;height:6px;border-radius:50%;background:#b98b4d}
.ii-method{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.17);border-left:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.05)}
.ii-method-card{padding:1.65rem;border-right:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17)}
.ii-method-card b{display:block;font:400 2rem Georgia,serif;color:#e0b46d;margin-bottom:.7rem}
.ii-method-card h3{font:400 1.2rem/1.1 Georgia,serif;color:#fff;margin:0 0 .55rem}
.ii-method-card p{font-size:.8rem;line-height:1.65;color:#d0dbdd;margin:0}
.ii-cta{padding:clamp(5rem,9vw,9rem) 0;background:#0d181f;color:#fff;text-align:center}
.ii-cta h2{font:400 clamp(3.2rem,6vw,6.4rem)/.9 Georgia,serif;letter-spacing:-.045em;max-width:900px;margin:0 auto 1.4rem;color:#fff}
.ii-cta p{max-width:680px;margin:0 auto 2rem;color:#d2dcde;line-height:1.72}
.ii-cta a{display:inline-flex;align-items:center;padding:14px 28px;background:#d9ad63;color:#17232d;text-decoration:none;font:800 .65rem/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
/* Reliable editorial image fallbacks: the live <img> remains primary; these backgrounds prevent broken remote hotlinks from ever leaving a grey/alt-text panel. */
.ii-card-image-wrap:nth-child(1){background:url('https://suryam.in/images/media/india-in-2024-ahmedabad-becomes-the-capital-of-design.jpg') center/cover no-repeat}
.ii-library-card:nth-child(2) .ii-card-image-wrap{background:url('https://amazingarchitecture.com/storage/files/1742/architecture-projects/23dc-architects/ananda/ananda-residence-amritsar-23dc-architects-5.jpg') center/cover no-repeat}
.ii-library-card:nth-child(3) .ii-card-image-wrap{background:url('https://amazingarchitecture.com/storage/2251/aann_haus_new_chandigarh_india_aann_space.jpg') center/cover no-repeat}
.ii-library-card:nth-child(4) .ii-card-image-wrap{background:url('https://i.pinimg.com/originals/6e/1d/39/6e1d39aa74b8752fca8abfdb89c52a2e.jpg') center/cover no-repeat}
.ii-library-card:nth-child(5) .ii-card-image-wrap{background:url('https://amazingarchitecture.com/storage/files/1/architecture-firms/cubism-architects/s-p-residence/25-s-p-residence-%20cubism-architects-india.jpg') center/cover no-repeat}
.ii-library-card:nth-child(6) .ii-card-image-wrap{background:url('https://archinect.gumlet.io/uploads/5d/5db2bf375f455fbc6b50a71e3a8aa3a1.jpg?auto=compress%2Cformat&enlarge=true&fit=crop&w=1200') center/cover no-repeat}
.ii-library-card:nth-child(7) .ii-card-image-wrap{background:url('https://i.pinimg.com/originals/6e/1d/39/6e1d39aa74b8752fca8abfdb89c52a2e.jpg') center/cover no-repeat}
.ii-library-card:nth-child(8) .ii-card-image-wrap{background:url('https://amazingarchitecture.com/storage/files/1/architecture-firms/cubism-architects/s-p-residence/25-s-p-residence-%20cubism-architects-india.jpg') center/cover no-repeat}
.ii-hub-card:nth-child(1) .ii-hub-image-wrap{background:url('https://suryam.in/images/media/india-in-2024-ahmedabad-becomes-the-capital-of-design.jpg') center/cover no-repeat}
.ii-hub-card:nth-child(2) .ii-hub-image-wrap{background:url('https://amazingarchitecture.com/storage/2251/aann_haus_new_chandigarh_india_aann_space.jpg') center/cover no-repeat}
.ii-hub-card:nth-child(3) .ii-hub-image-wrap{background:url('https://i.pinimg.com/originals/6e/1d/39/6e1d39aa74b8752fca8abfdb89c52a2e.jpg') center/cover no-repeat}
.ii-hub-card:nth-child(4) .ii-hub-image-wrap{background:url('https://amazingarchitecture.com/storage/files/1/architecture-firms/cubism-architects/s-p-residence/25-s-p-residence-%20cubism-architects-india.jpg') center/cover no-repeat}
.ii-hub-card:nth-child(5) .ii-hub-image-wrap{background:url('https://volzero.com/img/article/103530_1018.jpg') center/cover no-repeat}
.ii-hub-card:nth-child(6) .ii-hub-image-wrap{background:url('https://images.squarespace-cdn.com/content/v1/5f9c477c83cf262deaaee59b/b7435af1-6a93-489b-8109-34fa85b93d2b/1.jpg') center/cover no-repeat}
@media(max-width:980px){.ii-wrap,.ii-hero-inner{width:calc(100% - 42px)}.ii-section-head{grid-template-columns:160px 1fr}.ii-section-head p{grid-column:2}.ii-library-grid,.ii-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ii-method{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.ii-wrap,.ii-hero-inner{width:calc(100% - 28px)}.ii-hero{min-height:92vh;aspect-ratio:auto}.ii-hero-inner{padding:130px 0 48px}.ii-hero h1{font-size:clamp(3.4rem,14vw,5.2rem);max-width:9ch}.ii-hero-meta{display:grid;grid-template-columns:1fr 1fr}.ii-hero-stat{padding:12px 14px;border-left:0;border-top:1px solid rgba(255,255,255,.22)}.ii-hero-stat:first-child{padding-left:14px}.ii-nav a{padding:14px 18px}.ii-section{padding:4rem 0}.ii-section-head{display:block;margin-bottom:2.7rem}.ii-section-head h2{margin:1rem 0 1.25rem}.ii-library-grid,.ii-hub-grid,.ii-method{grid-template-columns:1fr}.ii-card-body{min-height:235px;padding:1.25rem 1.2rem 1.35rem}.ii-card-image-wrap,.ii-hub-image-wrap{aspect-ratio:16/9}.ii-hub-body{min-height:220px;padding:1.25rem 1.2rem 1.35rem}.ii-cta{padding:5rem 0}.ii-cta h2{font-size:clamp(3rem,14vw,5rem)}}

/* VASUNDHARA INDIA INTELLIGENCE — CANONICAL INFORMATION ARCHITECTURE LAYER
   Owns only local wayfinding. Global shell, content and domain runtimes remain page-owned. */
.vh-india-ia{position:relative;z-index:18;border-bottom:1px solid rgba(23,35,45,.12);background:rgba(255,253,250,.97);box-shadow:0 1px 0 rgba(23,35,45,.03)}
.vh-india-ia__inner{max-width:1160px;margin:0 auto;padding:.72rem clamp(1.2rem,4vw,3rem);display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;overflow-x:auto;scrollbar-width:none}
.vh-india-ia__inner::-webkit-scrollbar{display:none}
.vh-india-crumb{flex:0 0 auto;display:flex;align-items:center;gap:.55rem;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:#607078}
.vh-india-crumb a{color:#53656e;text-decoration:none}.vh-india-crumb a:hover,.vh-india-crumb a:focus-visible{color:#9a7445}
.vh-india-crumb__current{color:#17232d;font-weight:700}.vh-india-crumb__sep{opacity:.45}
.vh-india-links{margin-left:auto;display:flex;align-items:center;gap:.35rem;flex:0 0 auto}
.vh-india-links a{display:inline-flex;align-items:center;min-height:30px;padding:.35rem .62rem;border:1px solid transparent;color:#4c5d65;text-decoration:none;font-size:.66rem;letter-spacing:.045em;white-space:nowrap}
.vh-india-links a:hover,.vh-india-links a:focus-visible{border-color:rgba(161,123,71,.35);color:#8b683e;background:#faf6ef}
.vh-india-links a.is-active{border-color:rgba(161,123,71,.42);background:#f4ede1;color:#76552e;font-weight:700}
.vh-india-subnav{flex:0 0 100%;display:flex;align-items:center;gap:.35rem;overflow-x:auto;padding-top:.45rem;border-top:1px solid rgba(23,35,45,.08);scrollbar-width:none}
.vh-india-subnav::-webkit-scrollbar{display:none}
.vh-india-subnav__label{flex:0 0 auto;margin-right:.25rem;font-size:.61rem;letter-spacing:.08em;text-transform:uppercase;color:#879197;font-weight:700;white-space:nowrap}
.vh-india-subnav a{display:inline-flex;align-items:center;min-height:27px;padding:.28rem .56rem;border:1px solid rgba(23,35,45,.08);color:#596970;text-decoration:none;font-size:.62rem;white-space:nowrap}
.vh-india-subnav a:hover,.vh-india-subnav a:focus-visible{border-color:rgba(161,123,71,.35);color:#8b683e;background:#faf6ef}
.vh-india-subnav a.is-active{border-color:rgba(161,123,71,.42);background:#f4ede1;color:#76552e;font-weight:700}
.vh-india-context{max-width:1160px;margin:0 auto;padding:.55rem clamp(1.2rem,4vw,3rem);font-size:.68rem;color:#68767d;background:#f5f1e9;border-bottom:1px solid rgba(23,35,45,.08)}
.vh-india-context a{color:#76552e;text-decoration:none;font-weight:700}
@media(max-width:760px){
 .vh-india-ia__inner{display:block;padding:.65rem 1rem}
 .vh-india-crumb{margin-bottom:.55rem;overflow-x:auto}
 .vh-india-links{margin-left:0;overflow-x:auto;padding-bottom:.05rem}
 .vh-india-links a{min-height:28px}
 .vh-india-subnav{padding-top:.5rem}
 .vh-india-context{padding:.5rem 1rem}
}


/* 2026-09-26 — India Intelligence section-card refinement
   The operating model and construction-trigger sections sit on the light editorial canvas,
   so their method cards must use the light-card grammar rather than the dark-section palette. */
.ii-section:not(.dark) .ii-method{
  background:transparent;
  border-top:1px solid var(--ii-line);
  border-left:1px solid var(--ii-line);
}
.ii-section:not(.dark) .ii-method-card{
  background:var(--ii-white);
  border-right:1px solid var(--ii-line);
  border-bottom:1px solid var(--ii-line);
  padding:1.65rem 1.55rem 1.8rem;
  min-height:205px;
}
.ii-section:not(.dark) .ii-method-card b{
  color:#d5a45b;
  font-size:1.8rem;
  letter-spacing:-.02em;
}
.ii-section:not(.dark) .ii-method-card h3{
  color:var(--ii-ink);
  font-size:1.18rem;
  line-height:1.15;
}
.ii-section:not(.dark) .ii-method-card p{
  color:#617078;
  line-height:1.65;
}
.ii-section#operating-model .ii-method-card:nth-child(7){grid-column:span 2}
.ii-section#operating-model .ii-method-card,
.ii-section#triggers .ii-method-card{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.ii-section#operating-model .ii-method-card:hover,
.ii-section#triggers .ii-method-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(23,35,45,.07);background:#fff}
@media(max-width:900px){
  .ii-section#operating-model .ii-method-card:nth-child(7){grid-column:auto}
  .ii-section:not(.dark) .ii-method-card{min-height:0}
}

/* 2026-09-29 — Operating model note / action links
   Keep the explanatory statement readable as prose and the destination links
   as a deliberate navigation row rather than inline text. */
.ii-section#operating-model .ii-operating-note{
  margin-top:1.4rem;
  padding:1.45rem 1.55rem 1.35rem;
  border:1px solid var(--ii-line);
  border-top:2px solid #d5a45b;
  background:#fbfaf6;
}
.ii-section#operating-model .ii-operating-note p{
  max-width:100%;
  margin:0;
  color:#53636b;
  font-size:.86rem;
  line-height:1.65;
}
.ii-section#operating-model .ii-operating-note p + p{
  margin-top:.35rem;
}
.ii-section#operating-model .ii-operating-note strong{
  color:#17232d;
}
.ii-section#operating-model .ii-operating-note em{
  font-style:normal;
  color:#17232d;
  font-weight:600;
}
.ii-operating-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem;
  margin-top:1.1rem;
  padding-top:1rem;
  border-top:1px solid var(--ii-line);
}
.ii-operating-links a{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  min-height:38px;
  padding:.55rem .8rem;
  border:1px solid rgba(23,35,45,.14);
  background:#fff;
  color:#17232d;
  text-decoration:none;
  font:700 .57rem/1 Arial,sans-serif;
  letter-spacing:.095em;
  text-transform:uppercase;
}
.ii-operating-links a:hover,
.ii-operating-links a:focus-visible{
  border-color:rgba(161,123,71,.5);
  background:#f7f1e7;
  color:#76552e;
}
.ii-operating-links a span{
  color:#a57943;
  font-size:.85rem;
}
@media(max-width:680px){
  .ii-section#operating-model .ii-operating-note{
    padding:1.25rem 1.15rem 1.15rem;
  }
  .ii-operating-links{
    display:grid;
    grid-template-columns:1fr;
  }
  .ii-operating-links a{
    width:100%;
    justify-content:space-between;
  }
}
