/* VASUNDHARA HOMEPAGE — EDITORIAL REDESIGN
   2026-09-26
   Visual layer only: preserves existing homepage content, interactions and forms.
*/
body.vh-homepage{
  --vh-ink:#172b32;
  --vh-deep:#0d1b20;
  --vh-forest:#203b35;
  --vh-sand:#eee7da;
  --vh-paper:#f7f5f0;
  --vh-gold:#c99a52;
  --vh-line:rgba(23,43,50,.13);
  background:var(--vh-paper);
  color:var(--vh-ink);
}

/* Header: quiet architectural instrument rather than a heavy bar. */
body.vh-homepage .vh-site-nav{
  min-height:82px;
  height:82px;
  padding:12px clamp(24px,4vw,64px);
  display:grid;
  grid-template-columns:minmax(250px,1fr) auto auto;
  align-items:center;
  column-gap:28px;
  background:linear-gradient(180deg,rgba(8,18,21,.66),rgba(8,18,21,0));
  backdrop-filter:blur(0);
  -webkit-backdrop-filter:blur(0);
  transition:background .3s ease,backdrop-filter .3s ease;
}
body.vh-homepage .vh-site-nav.scrolled{
  background:rgba(10,22,25,.94);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
body.vh-homepage .vh-site-nav .brand{
  align-self:center;
  justify-self:start;
  display:flex;
  align-items:center;
  height:50px;
  margin:0;
}
body.vh-homepage .vh-site-nav .brand span{
  font-family:Georgia,serif;
  font-size:1.52rem;
  line-height:1;
  letter-spacing:.20em;
  white-space:nowrap;
}
body.vh-homepage .vh-site-nav nav{
  position:static;
  transform:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(10px,1.35vw,22px);
  margin:0;
  height:50px;
  min-width:0;
}
body.vh-homepage .vh-site-nav nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  height:38px;
  padding:0 0 2px;
  font-size:.64rem;
  line-height:1;
  letter-spacing:.075em;
  text-transform:uppercase;
  opacity:.86;
  white-space:nowrap;
}
body.vh-homepage .vh-site-nav .nav-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin:0;
  height:50px;
}
body.vh-homepage .vh-site-nav .nav-cta{
  min-height:48px;
  height:48px;
  padding:0 22px;
  border-color:rgba(232,194,125,.6);
  background:rgba(201,154,82,.12);
  font-size:.64rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
/* Hero: cinematic image, restrained copy, one decisive conversion surface. */
body.vh-homepage #hero.hero{
  min-height:760px;
  height:min(93svh,900px);
  max-height:900px;
  background:#0b171a;
}
body.vh-homepage #hero.hero .hero-slide{
  transform:scale(1.015);
  transition:opacity 1.2s ease,transform 8s ease;
}
body.vh-homepage #hero.hero .hero-slide.is-active{transform:scale(1.045)}
body.vh-homepage #hero.hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,13,16,.82) 0%,rgba(5,13,16,.46) 43%,rgba(5,13,16,.08) 75%,rgba(5,13,16,.24) 100%),
    linear-gradient(0deg,rgba(5,13,16,.70) 0%,rgba(5,13,16,.03) 56%);
}
body.vh-homepage #hero.hero .hero-copy{
  left:clamp(28px,7vw,104px)!important;
  bottom:clamp(46px,7vh,68px)!important;
  width:min(900px,60vw)!important;
  z-index:4;
}
body.vh-homepage #hero.hero .hero-copy .eyebrow{
  margin-bottom:18px;
  color:#e8c27d;
  font-size:.58rem;
  letter-spacing:.30em;
}
body.vh-homepage #hero.hero .hero-copy h1{
  max-width:12ch;
  font-size:clamp(4rem,5.8vw,6.2rem);
  line-height:.88;
  letter-spacing:-.052em;
  margin:0 0 18px;
  text-wrap:balance;
}
body.vh-homepage #hero.hero .hero-copy .hero-lede{
  max-width:560px;
  font-size:.86rem;
  line-height:1.55;
  color:rgba(255,255,255,.84);
}
body.vh-homepage #hero.hero .hero-search{
  max-width:720px!important;
  margin:18px 0 9px!important;
  padding:5px;
  min-height:58px;
  height:58px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  background:rgba(248,246,239,.96);
  box-shadow:0 18px 55px rgba(0,0,0,.26);
}
body.vh-homepage #hero.hero .search-field{
  height:48px;
  border-color:rgba(23,43,50,.13);
}
body.vh-homepage #hero.hero .hero-search>button{
  height:48px;
  border-radius:7px;
  background:#203f38;
  font-size:.69rem;
  letter-spacing:.09em;
  text-transform:uppercase;
}
body.vh-homepage #hero.hero .hero-commercial-cta{
  margin-top:8px;
}
body.vh-homepage #hero.hero .hero-commercial-cta a{
  color:#f0ce8b;
  font-size:.64rem;
  letter-spacing:.04em;
}
body.vh-homepage #hero.hero .quick-search{
  color:rgba(255,255,255,.72);
  font-size:.61rem;
}
body.vh-homepage #hero.hero .hero-note{
  right:clamp(26px,5vw,72px);
  bottom:clamp(44px,8vh,82px);
  z-index:4;
  max-width:210px;
  font-size:clamp(1.45rem,2.15vw,2.25rem);
  line-height:.94;
  letter-spacing:-.025em;
}
body.vh-homepage #hero.hero .hero-note span{
  margin-top:19px;
  color:#e8c27d;
  font-size:.44rem;
}
body.vh-homepage #hero.hero .hero-scroll{
  right:clamp(24px,3vw,48px);
  top:48%;
  z-index:4;
  color:rgba(255,255,255,.62);
}

/* Category rail becomes a compact architectural index. */
body.vh-homepage .category-rail{
  position:relative;
  z-index:5;
  margin-top:-1px;
  padding:0 clamp(18px,4vw,64px);
  justify-content:flex-start;
  background:#f7f5f0;
  border-bottom:1px solid var(--vh-line);
  box-shadow:none;
}
body.vh-homepage .category-rail button{
  min-width:auto;
  min-height:66px;
  padding:11px 17px;
  flex:0 0 auto;
  border-right:0;
  border-bottom:2px solid transparent;
  font-size:.59rem;
  letter-spacing:.06em;
  text-transform:uppercase;
}
body.vh-homepage .category-rail button span:first-child{display:none}
body.vh-homepage .category-rail button small{font-size:.49rem;letter-spacing:.08em}
body.vh-homepage .category-rail button.active{
  background:transparent;
  color:var(--vh-ink);
  border-bottom-color:var(--vh-gold);
}

/* Catalogue: gallery-first, more breathing room, less dashboard-like. */
body.vh-homepage .catalogue{
  padding-top:clamp(76px,8vw,120px);
  padding-bottom:clamp(82px,9vw,132px);
  background:#f7f5f0;
}
body.vh-homepage .programme-line{
  max-width:1500px;
  color:#647177;
  border-color:var(--vh-line);
  font-size:.55rem;
  letter-spacing:.16em;
}
body.vh-homepage .programme-line strong{color:#263b40}
body.vh-homepage .section-head{margin-bottom:42px}
body.vh-homepage .section-head h2{
  max-width:850px;
  font-size:clamp(3rem,5vw,5.6rem);
  line-height:.92;
  letter-spacing:-.055em;
}
body.vh-homepage .section-head>div:first-child>p:last-child{
  max-width:610px;
  font-size:.9rem;
}
body.vh-homepage .home-grid{gap:22px}
body.vh-homepage .home-card{
  border-radius:0;
  background:#fff;
  box-shadow:0 10px 34px rgba(30,44,47,.06);
  transition:transform .35s ease,box-shadow .35s ease;
}
body.vh-homepage .home-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 42px rgba(30,44,47,.12);
}
body.vh-homepage .home-image{
  height:clamp(240px,23vw,340px)!important;
}
body.vh-homepage .home-image:after{
  background:linear-gradient(0deg,rgba(5,13,16,.48),transparent 52%);
}
body.vh-homepage .home-info{padding:19px 19px 21px}
body.vh-homepage .home-info h3{
  font-family:'Playfair Display',Georgia,serif;
  font-size:1.12rem!important;
  letter-spacing:-.02em;
}
body.vh-homepage .home-info p{font-size:.7rem!important;color:#66757b}
body.vh-homepage .home-info .chips{gap:5px}
body.vh-homepage .home-info em{
  border-radius:999px;
  background:#f0eee8;
  padding:5px 8px;
  font-size:.51rem;
}
body.vh-homepage .catalogue-controls{
  padding-top:31px;
}

/* Editorial statement: a strong pause in the scroll. */
body.vh-homepage .thesis{
  padding-top:clamp(92px,10vw,145px);
  padding-bottom:clamp(92px,10vw,145px);
  background:#19342f;
  color:#fff;
}
body.vh-homepage .thesis .kicker,
body.vh-homepage .thesis h2,
body.vh-homepage .thesis p{color:#fff}
body.vh-homepage .thesis h2{
  max-width:900px;
  font-size:clamp(3rem,5.5vw,6rem);
  line-height:.92;
  letter-spacing:-.055em;
}
body.vh-homepage .thesis-cards{gap:0;border-top:1px solid rgba(255,255,255,.16)}
body.vh-homepage .thesis-cards article{
  padding:31px 28px 12px 0;
  border-right:1px solid rgba(255,255,255,.13);
}
body.vh-homepage .thesis-cards article+article{padding-left:28px}
body.vh-homepage .thesis-cards b{color:#e2b96f;font-size:.58rem;letter-spacing:.14em}
body.vh-homepage .thesis-cards h3{color:#fff;font-size:1.45rem}
body.vh-homepage .thesis-cards p{color:rgba(255,255,255,.68);font-size:.76rem}

/* Make split sections feel like architecture spreads. */
body.vh-homepage .split-dark,
body.vh-homepage .split-light,
body.vh-homepage .plot,
body.vh-homepage .region,
body.vh-homepage .landscape,
body.vh-homepage .product-world{
  min-height:680px;
}
body.vh-homepage .land-photo,
body.vh-homepage .plot-photo,
body.vh-homepage .region-photo,
body.vh-homepage .regional-photo,
body.vh-homepage .landscape-photo,
body.vh-homepage .sea-wall{
  min-height:100%;
}
body.vh-homepage .copy,
body.vh-homepage .plot-copy,
body.vh-homepage .region>div:first-child,
body.vh-homepage .landscape-copy,
body.vh-homepage .product-world>div:last-child{
  padding:clamp(70px,8vw,130px);
}
body.vh-homepage .copy h2,
body.vh-homepage .plot h2,
body.vh-homepage .region h2,
body.vh-homepage .landscape h2,
body.vh-homepage .product-world h2{
  font-size:clamp(3rem,5vw,5.5rem);
  line-height:.91;
  letter-spacing:-.055em;
}
body.vh-homepage .split-dark .copy{background:#11232a}
body.vh-homepage .split-light .copy{background:#f3eee5}

/* Finder becomes a clean four-entry gateway. */
body.vh-homepage .finder{
  padding-top:clamp(90px,9vw,135px);
  padding-bottom:clamp(90px,9vw,135px);
  background:#e9e3d8;
}
body.vh-homepage .finder h2{font-size:clamp(3rem,5vw,5.3rem)}
body.vh-homepage .finder-grid{gap:0;border-top:1px solid rgba(23,43,50,.2)}
body.vh-homepage .finder-grid a{
  padding:27px 26px 30px 0;
  border-right:1px solid rgba(23,43,50,.14);
  transition:padding .25s ease,background .25s ease;
}
body.vh-homepage .finder-grid a+ a{padding-left:25px}
body.vh-homepage .finder-grid a:hover{background:rgba(255,255,255,.34);padding-top:23px}
body.vh-homepage .finder-grid b{color:#9a7442;font-size:.58rem}
body.vh-homepage .finder-grid strong{display:block;margin-top:25px;font-family:'Playfair Display',Georgia,serif;font-size:1.35rem}
body.vh-homepage .finder-grid span{display:block;margin-top:8px;color:#647177;font-size:.68rem;line-height:1.55}

/* Collections / gallery: visual rather than catalogue-like. */
body.vh-homepage .collections,
body.vh-homepage .gallery,
body.vh-homepage .materials-light{
  padding-top:clamp(90px,9vw,135px);
  padding-bottom:clamp(90px,9vw,135px);
}
body.vh-homepage .collections{background:#f7f5f0}
body.vh-homepage .collection-grid{gap:1px;background:var(--vh-line)}
body.vh-homepage .collection-grid a{
  min-height:270px;
  padding:28px;
  background:#eee9df;
  transition:background .3s ease;
}
body.vh-homepage .collection-grid a:hover{background:#e4d9c8}
body.vh-homepage .collection-grid b{font-size:clamp(1.55rem,2.2vw,2.25rem)}
body.vh-homepage .gallery{background:#ddd7cc}
body.vh-homepage .mosaic{gap:4px;grid-template-rows:320px 320px}
body.vh-homepage .mosaic span{font-size:.54rem;letter-spacing:.19em}

/* Research / network hierarchy. */
body.vh-homepage .network{
  padding-top:clamp(90px,9vw,135px);
  padding-bottom:clamp(90px,9vw,135px);
  background:#f7f5f0;
}
body.vh-homepage .network h2,
body.vh-homepage .research h2{
  max-width:1000px;
  font-size:clamp(3rem,5.2vw,5.8rem);
  line-height:.9;
}
body.vh-homepage .network-map{
  height:420px;
  background:
    radial-gradient(circle at center,rgba(201,154,82,.32),transparent 19%),
    linear-gradient(135deg,#dce5e0,#c7d4ce);
}
body.vh-homepage .research{
  padding-top:clamp(90px,9vw,135px);
  padding-bottom:clamp(90px,9vw,135px);
  background:#ece7de;
}
body.vh-homepage .research-grid{gap:1px;background:rgba(23,43,50,.13)}
body.vh-homepage .research-grid article{padding:36px;background:#f8f6f1;border:0}
body.vh-homepage .research-grid article h3{font-size:1.65rem}

/* Dark partner / PIN bands become intentional brand anchors. */
body.vh-homepage .partners{
  padding-top:clamp(90px,9vw,135px);
  padding-bottom:clamp(90px,9vw,135px);
  background:#0f2223;
}
body.vh-homepage .partners h2{font-size:clamp(3rem,5vw,5.5rem);line-height:.9}
body.vh-homepage .partner-points span{
  padding:23px;
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.025);
}
body.vh-homepage .pin-check{
  padding-top:clamp(76px,8vw,110px);
  padding-bottom:clamp(76px,8vw,110px);
  background:#27473e;
}
body.vh-homepage .trust{
  background:#0d1b20;
}

/* Final CTA: simpler, more premium. */
body.vh-homepage .final-cta{
  min-height:700px;
  height:700px;
}
body.vh-homepage .final-bg{
  background-image:
    linear-gradient(90deg,rgba(7,16,19,.74),rgba(7,16,19,.20)),
    url('https://commons.wikimedia.org/wiki/Special:FilePath/Dawn_at_chitkul_village.jpg?width=2400');
  transform:scale(1.02);
}
body.vh-homepage .final-cta>div:last-child{max-width:800px;padding:30px}
body.vh-homepage .final-cta h2{font-size:clamp(3.5rem,6vw,6.6rem);line-height:.88;letter-spacing:-.055em}
body.vh-homepage .final-cta .journey{
  display:inline-flex;
  margin-top:18px;
  min-height:52px;
  padding:0 26px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:999px;
  background:#e1b86d;
  color:#18312f;
  align-items:center;
  font-weight:700;
}

/* Footer. */
body.vh-homepage footer{
  min-height:110px;
  padding:34px clamp(24px,5vw,72px);
  background:#081417;
  color:rgba(255,255,255,.62);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
body.vh-homepage footer .brand span{font:400 1.25rem Georgia,serif;letter-spacing:.2em;color:#fff}
body.vh-homepage footer p{margin:0;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}

/* Mobile: preserve the editorial hierarchy without desktop geometry leaks. */
@media(max-width:750px){
  body.vh-homepage .vh-site-nav{height:72px;min-height:72px;padding:12px 18px}
  body.vh-homepage .vh-site-nav .brand span{font-size:1.08rem}
  body.vh-homepage #hero.hero{height:auto;min-height:820px;max-height:none}
  body.vh-homepage #hero.hero .hero-copy{
    left:18px!important;right:18px!important;bottom:34px!important;
    width:auto!important;max-width:none!important;
  }
  body.vh-homepage #hero.hero .hero-copy h1{font-size:clamp(3.25rem,15vw,5rem);line-height:.87}
  body.vh-homepage #hero.hero .hero-lede{font-size:.83rem}
  body.vh-homepage #hero.hero .hero-search{height:auto;min-height:0;grid-template-columns:1fr!important}
  body.vh-homepage #hero.hero .search-field{border-right:0;border-bottom:1px solid #d8d6cf}
  body.vh-homepage #hero.hero .hero-search>button{height:48px}
  body.vh-homepage #hero.hero .hero-note,
  body.vh-homepage #hero.hero .hero-scroll{display:none}
  body.vh-homepage .category-rail{padding:0 8px}
  body.vh-homepage .category-rail button{min-height:58px;padding:10px 12px}
  body.vh-homepage .catalogue,
  body.vh-homepage .thesis,
  body.vh-homepage .finder,
  body.vh-homepage .collections,
  body.vh-homepage .gallery,
  body.vh-homepage .network,
  body.vh-homepage .research,
  body.vh-homepage .materials-light{padding-left:20px;padding-right:20px}
  body.vh-homepage .home-grid{grid-template-columns:1fr 1fr;gap:10px}
  body.vh-homepage .home-image{height:210px!important}
  body.vh-homepage .home-info{padding:13px}
  body.vh-homepage .home-info p{font-size:.63rem!important}
  body.vh-homepage .thesis-cards{grid-template-columns:1fr}
  body.vh-homepage .thesis-cards article,
  body.vh-homepage .thesis-cards article+article{padding:22px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}
  body.vh-homepage .finder-grid{grid-template-columns:1fr}
  body.vh-homepage .finder-grid a,
  body.vh-homepage .finder-grid a+a{padding:23px 0;border-right:0;border-bottom:1px solid rgba(23,43,50,.14)}
  body.vh-homepage .split-dark,
  body.vh-homepage .split-light,
  body.vh-homepage .plot,
  body.vh-homepage .region,
  body.vh-homepage .landscape,
  body.vh-homepage .product-world{min-height:0}
  body.vh-homepage .land-photo,
  body.vh-homepage .plot-photo,
  body.vh-homepage .region-photo,
  body.vh-homepage .regional-photo,
  body.vh-homepage .landscape-photo,
  body.vh-homepage .sea-wall{min-height:52vh}
  body.vh-homepage .copy,
  body.vh-homepage .plot-copy,
  body.vh-homepage .region>div:first-child,
  body.vh-homepage .landscape-copy,
  body.vh-homepage .product-world>div:last-child{padding:68px 24px}
  body.vh-homepage .collection-grid{grid-template-columns:1fr}
  body.vh-homepage .mosaic{grid-template-columns:1fr;grid-template-rows:260px 210px 210px}
  body.vh-homepage .network-grid,
  body.vh-homepage .research-grid{grid-template-columns:1fr}
  body.vh-homepage .network-map{height:300px}
  body.vh-homepage .partner-points{grid-template-columns:1fr 1fr}
  body.vh-homepage .final-cta{height:560px;min-height:560px}
  body.vh-homepage .final-cta h2{font-size:clamp(3.1rem,14vw,5rem)}
  body.vh-homepage footer{align-items:flex-start;flex-direction:column}
}
@media(max-width:430px){
  body.vh-homepage .home-grid{grid-template-columns:1fr}
  body.vh-homepage .partner-points{grid-template-columns:1fr}
}

/* Editorial gallery rhythm — break the uniform card grid without changing catalogue data. */
@media(min-width:1200px){
  body.vh-homepage .home-grid .home-card:first-child{grid-column:span 2}
  body.vh-homepage .home-grid .home-card:first-child .home-image{height:clamp(300px,31vw,460px)!important}
  body.vh-homepage .home-grid .home-card:first-child .home-info{padding:24px 24px 27px}
  body.vh-homepage .home-grid .home-card:first-child .home-info h3{font-size:1.35rem!important}
  body.vh-homepage .home-grid .home-card:nth-child(6){margin-top:42px}
  body.vh-homepage .home-grid .home-card:nth-child(7){margin-top:42px}
}
@media(min-width:751px){
  /* Image mosaic should read as a composition, not a two-column template. */
  body.vh-homepage .mosaic{grid-template-columns:1.55fr .72fr .72fr;grid-template-rows:250px 250px}
  body.vh-homepage .mosaic .m1{grid-column:1;grid-row:1/3}
  body.vh-homepage .mosaic .m2{grid-column:2;grid-row:1}
  body.vh-homepage .mosaic .m3{grid-column:3;grid-row:1/3}
  body.vh-homepage .mosaic .m4{display:block;grid-column:2;grid-row:2}
}
body.vh-homepage .gallery .section-head-simple{
  max-width:var(--vh-content);
  margin:0 auto 42px;
}
body.vh-homepage .gallery .section-head-simple h2{
  max-width:900px;
  font-size:clamp(3rem,5vw,5.4rem);
  line-height:.9;
  letter-spacing:-.055em;
}
body.vh-homepage .gallery .mosaic>div{
  transition:transform .5s ease,filter .5s ease;
}
body.vh-homepage .gallery .mosaic>div:hover{
  transform:scale(.992);
  filter:saturate(1.06);
}
body.vh-homepage .gallery .mosaic span{
  background:rgba(8,18,21,.38);
  padding:7px 10px;
  left:16px;
  bottom:16px;
}

/* Subtle section separators: architectural datum lines. */
body.vh-homepage .catalogue,
body.vh-homepage .finder,
body.vh-homepage .collections,
body.vh-homepage .gallery,
body.vh-homepage .network,
body.vh-homepage .research{
  position:relative;
}
body.vh-homepage .catalogue:before,
body.vh-homepage .finder:before,
body.vh-homepage .collections:before,
body.vh-homepage .gallery:before,
body.vh-homepage .network:before,
body.vh-homepage .research:before{
  content:"";
  position:absolute;
  top:0;
  left:clamp(20px,4vw,64px);
  right:clamp(20px,4vw,64px);
  border-top:1px solid var(--vh-line);
  pointer-events:none;
}


/* Visual storytelling pass — India-first image rhythm.
   Unsplash references used here are published as free-to-use under the Unsplash License.
   The existing India architecture references remain source-linked in the foundation layer.
*/
body.vh-homepage #hero.hero .hero-slide{
  background-image:url("https://amazingarchitecture.com/storage/files/1/architecture-firms/architecture-interspace/house-on-a-farm/house_on_a_farm_architecture_interspace_karaikal_pondicherry_india-18.jpg");
  background-position:center 48%;
}
body.vh-homepage .land-photo{
  background-image:
    linear-gradient(90deg,rgba(8,20,22,.08),rgba(8,20,22,.08)),
    url("https://amazingarchitecture.com/storage/files/1/architecture-firms/architecture-interspace/house-on-a-farm/house_on_a_farm_architecture_interspace_karaikal_pondicherry_india-18.jpg");
  background-position:center;
}
body.vh-homepage .plot-photo{
  background-image:
    linear-gradient(0deg,rgba(7,18,24,.44),rgba(7,18,24,.02)),
    url("https://amazingarchitecture.com/storage/files/1/architecture-firms/vpa-architects/tamara-villa/35-tamara-villa-vpa-architects-india.jpg");
  background-position:center;
}
body.vh-homepage .collection-grid a{
  background-image:
    linear-gradient(0deg,rgba(5,15,21,.76),rgba(5,15,21,.08)),
    url("https://amazingarchitecture.com/storage/files/1/architecture-firms/architecture-interspace/house-on-a-farm/house_on_a_farm_architecture_interspace_karaikal_pondicherry_india-18.jpg");
}
body.vh-homepage .collection-grid a:nth-child(2){
  background-image:
    linear-gradient(0deg,rgba(5,15,21,.76),rgba(5,15,21,.08)),
    url("https://amazingarchitecture.com/storage/files/1/architecture-firms/vpa-architects/tamara-villa/35-tamara-villa-vpa-architects-india.jpg");
}
body.vh-homepage .collection-grid a:nth-child(3){
  background-image:
    linear-gradient(0deg,rgba(5,15,21,.76),rgba(5,15,21,.08)),
    url("https://assets.architecturaldigest.in/photos/66fc286088c82aa685f9ad3b/master/w_1600%2Cc_limit/05.jpg");
}
body.vh-homepage .collection-grid a:nth-child(4){
  background-image:
    linear-gradient(0deg,rgba(5,15,21,.76),rgba(5,15,21,.08)),
    url("https://amazingarchitecture.com/storage/files/1/architecture-firms/architecture-interspace/house-on-a-farm/house_on_a_farm_architecture_interspace_karaikal_pondicherry_india-18.jpg");
}
body.vh-homepage .mosaic .m1{
  background-image:
    linear-gradient(0deg,rgba(5,15,21,.44),transparent),
    url("https://amazingarchitecture.com/storage/files/1/architecture-firms/architecture-interspace/house-on-a-farm/house_on_a_farm_architecture_interspace_karaikal_pondicherry_india-18.jpg");
}
body.vh-homepage .mosaic .m2{
  background-image:
    linear-gradient(0deg,rgba(5,15,21,.44),transparent),
    url("https://amazingarchitecture.com/storage/files/1/architecture-firms/vpa-architects/tamara-villa/35-tamara-villa-vpa-architects-india.jpg");
}
body.vh-homepage .mosaic .m3{
  background-image:
    linear-gradient(0deg,rgba(5,15,21,.44),transparent),
    url("https://amazingarchitecture.com/storage/files/1/architecture-firms/vpa-architects/tamara-villa/35-tamara-villa-vpa-architects-india.jpg");
}
body.vh-homepage .mosaic .m4{
  background-image:
    linear-gradient(0deg,rgba(5,15,21,.44),transparent),
    url("https://assets.architecturaldigest.in/photos/66fc286088c82aa685f9ad3b/master/w_1600%2Cc_limit/05.jpg");
}
body.vh-homepage .regional-photo{
  background-image:
    linear-gradient(0deg,rgba(5,15,21,.20),rgba(5,15,21,.02)),
    url("https://assets.architecturaldigest.in/photos/66fc286088c82aa685f9ad3b/master/w_1600%2Cc_limit/05.jpg");
  background-position:center;
}
body.vh-homepage .landscape-photo{
  background-image:
    linear-gradient(90deg,rgba(5,9,22,.08),rgba(8,10,24,.72)),
    url("https://commons.wikimedia.org/wiki/Special:FilePath/Chitkul_in_the_evening.jpg?width=2400");
  background-position:center;
}
body.vh-homepage .final-bg{
  background-image:
    linear-gradient(0deg,rgba(4,9,20,.76),rgba(13,13,38,.12)),
    url("https://commons.wikimedia.org/wiki/Special:FilePath/Dawn_at_chitkul_village.jpg?width=2400");
}
@media(max-width:750px){
  body.vh-homepage #hero.hero .hero-slide{background-position:62% center}
  body.vh-homepage .plot-photo,
  body.vh-homepage .land-photo,
  body.vh-homepage .regional-photo,
  body.vh-homepage .landscape-photo{background-position:center}
}


/* Homepage micro-elements kept out of markup. */
body.vh-homepage .hero-commercial-cta{
  margin:18px 0 0;
  text-align:center;
}
body.vh-homepage .hero-commercial-cta a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:4px;
  font-weight:700;
}
body.vh-homepage .suggestion-status{
  padding:14px;
  font-size:.68rem;
}


/* 2026-09-26 legibility pass — thesis, finder, final CTA */
body.vh-homepage .thesis-cards article{
  background:rgba(255,255,255,.045);
  border-top:2px solid #e2b96f;
  border-right:1px solid rgba(255,255,255,.10);
  padding:27px 24px 25px;
}
body.vh-homepage .thesis-cards h3{
  color:#fff;
  margin-top:16px;
}
body.vh-homepage .thesis-cards p{
  color:rgba(255,255,255,.72);
  margin:0;
}
body.vh-homepage .finder{
  color:#24343b;
}
body.vh-homepage .finder h2{
  color:#17232d;
  max-width:820px;
}
body.vh-homepage .finder>div>p{
  color:#5e6c73;
}
body.vh-homepage .finder-grid a{
  color:#24343b;
  background:rgba(255,255,255,.22);
  border-color:rgba(23,43,50,.15);
}
body.vh-homepage .finder-grid a+ a{
  border-left:0;
}
body.vh-homepage .finder-grid strong{
  color:#17232d;
}
body.vh-homepage .finder-grid span{
  color:#647177;
}
body.vh-homepage .final-bg{
  background-image:
    linear-gradient(90deg,rgba(4,13,21,.82),rgba(4,13,21,.48)),
    linear-gradient(180deg,rgba(4,13,21,.12),rgba(4,13,21,.35)),
    url('https://commons.wikimedia.org/wiki/Special:FilePath/Dawn_at_chitkul_village.jpg?width=2400');
}
body.vh-homepage .final-cta .kicker{
  color:#e2b96f;
}
body.vh-homepage .final-cta p:not(.kicker){
  color:rgba(255,255,255,.86);
}
@media(min-width:751px){
  body.vh-homepage .thesis-cards article{
    min-height:190px;
  }
}


/* 2026-09-26 finder grid refinement — stable desktop cells, single-column mobile */
body.vh-homepage .finder-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  border:1px solid rgba(23,43,50,.16);
  background:rgba(23,43,50,.16);
}
body.vh-homepage .finder-grid a,
body.vh-homepage .finder-grid a+ a{
  min-width:0;
  min-height:190px;
  margin:0;
  padding:28px 30px;
  border:0;
  background:#eee9df;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:background .2s ease;
}
body.vh-homepage .finder-grid a:nth-child(odd){
  border-right:1px solid rgba(23,43,50,.16);
}
body.vh-homepage .finder-grid a:nth-child(-n+2){
  border-bottom:1px solid rgba(23,43,50,.16);
}
body.vh-homepage .finder-grid a:hover{
  padding-top:28px;
  background:#f4f0e8;
}
body.vh-homepage .finder-grid b{
  display:block;
  margin:0;
}
body.vh-homepage .finder-grid strong{
  margin:18px 0 0;
  font-size:clamp(1.45rem,2vw,2rem);
  line-height:1.08;
}
body.vh-homepage .finder-grid span{
  margin-top:8px;
  font-size:.76rem;
  line-height:1.5;
}
@media(max-width:750px){
  body.vh-homepage .finder-grid{
    grid-template-columns:1fr;
    width:100%;
  }
  body.vh-homepage .finder-grid a,
  body.vh-homepage .finder-grid a+ a{
    min-height:190px;
    padding:24px 22px;
    border:0;
    border-bottom:1px solid rgba(23,43,50,.16);
  }
  body.vh-homepage .finder-grid a:last-child{
    border-bottom:0;
  }
  body.vh-homepage .finder-grid a:nth-child(odd){
    border-right:0;
  }
}


/* 2026-09-26 finder cell inset — explicit content safe area */
body.vh-homepage .finder-grid a,
body.vh-homepage .finder-grid a+ a{
  box-sizing:border-box;
  padding:34px 36px 32px !important;
}
body.vh-homepage .finder-grid a:hover{
  padding-top:34px !important;
}
body.vh-homepage .finder-grid b{
  margin:0 0 0 0;
}
body.vh-homepage .finder-grid strong{
  margin:20px 0 0;
}
body.vh-homepage .finder-grid span{
  margin:10px 0 0;
}
@media(max-width:750px){
  body.vh-homepage .finder-grid a,
  body.vh-homepage .finder-grid a+ a{
    padding:28px 28px 26px !important;
  }
}