/* VASUNDHARA — SITE-WIDE PAGE / LAYOUT AUDIT PASS 01
   Scope: homepage + India Intelligence
   Principles: stronger hierarchy, fewer cramped elements, readable type,
   edge-to-edge section composition, consistent responsive behaviour. */

html{overflow-x:hidden}
body{min-width:0}

/* Shared navigation: keep the masthead legible over photography. */
.vh-site-nav{box-sizing:border-box;max-width:none!important;width:100%!important}
.vh-site-nav .brand{min-width:0}
.vh-site-nav .brand small{line-height:1.25}

/* HOMEPAGE — reduce catalogue density and restore editorial breathing room. */
@media(min-width:1200px){
  body:not(.ii-page) .home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
}
@media(min-width:751px) and (max-width:1199px){
  body:not(.ii-page) .home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
}
body:not(.ii-page) .home-image{height:clamp(220px,20vw,300px)}
body:not(.ii-page) .home-info{padding:17px}
body:not(.ii-page) .home-info h3{font-size:1rem;line-height:1.15}
body:not(.ii-page) .home-info p{font-size:.76rem;line-height:1.55}
body:not(.ii-page) .home-info em{font-size:.6rem}
body:not(.ii-page) .programme-line{font-size:.62rem}
body:not(.ii-page) .section-head>div:first-child>p:last-child,
body:not(.ii-page) .thesis p,
body:not(.ii-page) .finder>div>p,
body:not(.ii-page) .plot-copy>p,
body:not(.ii-page) .region p,
body:not(.ii-page) .regional p,
body:not(.ii-page) .partners p,
body:not(.ii-page) .research p,
body:not(.ii-page) .pin-check p,
body:not(.ii-page) .landscape-copy>p,
body:not(.ii-page) .product-world>div:last-child>p,
body:not(.ii-page) .final-cta p:not(.kicker){font-size:.96rem;line-height:1.72}
body:not(.ii-page) .thesis,body:not(.ii-page) .network,body:not(.ii-page) .research{padding-top:clamp(76px,8vw,110px);padding-bottom:clamp(76px,8vw,110px)}

/* India Intelligence — keep the index authoritative, but make the page feel like an editorial index rather than a dashboard. */
.ii-page .ii-section-head{margin-bottom:3.2rem}
.ii-page .ii-intro{font-size:1.05rem;line-height:1.78}
.ii-page .ii-card-description{font-size:.9rem;line-height:1.7}
.ii-page .ii-hub-cities{font-size:.95rem;line-height:1.6}
.ii-page .ii-method-card p{font-size:.88rem;line-height:1.7}
.ii-page .ii-card-body,.ii-page .ii-hub-body{min-height:0}
.ii-page .ii-library-card,.ii-page .ii-hub-card{transition:transform .25s ease,box-shadow .25s ease}
.ii-page .ii-library-card:hover,.ii-page .ii-hub-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(23,35,45,.10);position:relative;z-index:2}

/* At tablet widths the three-column heading becomes an actual readable hierarchy. */
@media(max-width:980px){
  .ii-page .ii-section-head{grid-template-columns:150px 1fr;gap:24px 32px}
  .ii-page .ii-section-head>p{grid-column:2}
}

/* Mobile: never allow the desktop navigation or split layouts to create horizontal pressure. */
@media(max-width:750px){
  .vh-site-nav{height:70px!important;padding:0 18px!important}
  .vh-site-nav .brand small{display:none}
  .vh-site-nav nav{display:none!important}
  .vh-site-nav .journey{display:none}
  .vh-site-nav .menu-toggle{display:block}
  body:not(.ii-page) .hero{min-height:680px;height:100svh}
  body:not(.ii-page) .hero-copy{left:18px!important;right:18px!important;bottom:42px!important;width:auto!important;max-width:none!important}
  body:not(.ii-page) .hero h1{font-size:clamp(2.7rem,13vw,4.3rem)!important;line-height:.94!important}
  body:not(.ii-page) .hero-lede{font-size:.9rem;line-height:1.55}
  body:not(.ii-page) .hero-note{display:none}
  body:not(.ii-page) .hero-scroll{display:none}
  body:not(.ii-page) .hero-search{grid-template-columns:1fr!important;height:auto!important}
  body:not(.ii-page) .hero-search .search-field{border-right:0;border-bottom:1px solid #d8d6cf}
  body:not(.ii-page) .hero-search>button{height:46px!important}
  body:not(.ii-page) .quick-search{line-height:1.8}
  body:not(.ii-page) .category-rail{justify-content:flex-start}
  body:not(.ii-page) .category-rail button{min-width:110px}
  body:not(.ii-page) .catalogue,body:not(.ii-page) .thesis,body:not(.ii-page) .network,body:not(.ii-page) .research,body:not(.ii-page) .finder,body:not(.ii-page) .collections,body:not(.ii-page) .gallery{padding-left:20px;padding-right:20px}
  body:not(.ii-page) .split-dark,body:not(.ii-page) .split-light,body:not(.ii-page) .plot,body:not(.ii-page) .region,body:not(.ii-page) .partners,body:not(.ii-page) .landscape,body:not(.ii-page) .product-world{grid-template-columns:1fr;min-height:0}
  body:not(.ii-page) .photo{min-height:54vh}
  body:not(.ii-page) .copy,body:not(.ii-page) .plot-copy,body:not(.ii-page) .region>div:first-child{padding:68px 24px}
  body:not(.ii-page) .collection-grid,body:not(.ii-page) .finder-grid{grid-template-columns:1fr}
  body:not(.ii-page) .mosaic{grid-template-columns:1fr;grid-template-rows:260px 220px 220px}
  body:not(.ii-page) .m1{grid-row:auto}
  body:not(.ii-page) .region-form{grid-template-columns:1fr}
  body:not(.ii-page) .mini-form{grid-template-columns:1fr}
  .ii-page .ii-wrap,.ii-page .ii-hero-inner{width:calc(100% - 32px)}
  .ii-page .ii-hero{min-height:760px;aspect-ratio:auto}
  .ii-page .ii-hero-inner{padding:120px 0 48px}
  .ii-page .ii-hero h1{font-size:clamp(3.4rem,15vw,5.4rem);max-width:8ch}
  .ii-page .ii-hero-copy{font-size:.98rem;line-height:1.65}
  .ii-page .ii-library-grid,.ii-page .ii-hub-grid{grid-template-columns:1fr}
  .ii-page .ii-section{padding:68px 0}
  .ii-page .ii-section-head{display:block;margin-bottom:2.5rem}
  .ii-page .ii-section-head .ii-kicker{margin-bottom:16px}
  .ii-page .ii-section-head h2{font-size:clamp(2.6rem,11vw,4rem);margin-bottom:16px}
  .ii-page .ii-section-head>p{max-width:680px}
  .ii-page .ii-nav{overflow-x:auto;justify-content:flex-start}
  .ii-page .ii-nav a{flex:0 0 auto;padding:14px 16px}
  .ii-page .ii-card-body,.ii-page .ii-hub-body{padding:1.25rem 1.2rem 1.35rem}
  .ii-page .ii-card-image-wrap,.ii-page .ii-hub-image-wrap{aspect-ratio:1.5/1}
}