/* VASUNDHARA HOMEPAGE — FOUNDATION LAYER
   2026-09-21
   Canonical structural layer for the front page.
   This file establishes geometry and visual invariants; page-specific patches
   must not be added here.
*/
:root{
  --vh-ink:#173447;
  --vh-paper:#f6f4ef;
  --vh-cream:#ebe7df;
  --vh-gold:#d8ad68;
  --vh-night:#08101d;
  --vh-content:1500px;
  --vh-gutter:clamp(18px,4vw,64px);
}
html,body{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}
body{background:var(--vh-paper);color:var(--vh-ink)}
*,*::before,*::after{box-sizing:border-box}
img,svg,video{max-width:100%}
button,input,select,textarea{font:inherit}
main{width:100%;margin:0;padding:0}
main>section{width:100%;margin:0}
a{color:inherit}
:where(h1,h2,h3,h4,h5,h6,p){margin-block-start:0}
:where(h1,h2,h3,h4,h5,h6){text-wrap:balance}
:where(p,li){text-wrap:pretty}

/* Navigation */
#siteNav.vh-site-nav{position:absolute;inset:0 0 auto 0;width:100%;height:72px;padding:0 var(--vh-gutter);z-index:50}
#siteNav.vh-site-nav .brand{flex:0 0 auto}
#siteNav.vh-site-nav nav{display:flex;align-items:center;gap:clamp(16px,2vw,30px)}
#siteNav.vh-site-nav .nav-actions{display:flex;align-items:center;gap:20px}
#siteNav.vh-site-nav .menu-toggle{display:none}

/* Canonical homepage hero: image layers only. No global darkening layer. */
#hero.hero{position:relative;width:100%;height:100svh;min-height:720px;max-height:980px;overflow:hidden;background:#091522;color:#fff;isolation:isolate}
#hero.hero::before,#hero.hero::after{content:none!important;display:none!important}
#hero.hero .hero-slide{position:absolute;inset:0;width:100%;height:100%;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;filter:none;mix-blend-mode:normal;transition:opacity 1.35s ease}
#hero.hero .hero-slide.is-active{opacity:1}
#hero.hero .hero-copy{position:absolute;left:var(--vh-gutter);bottom:clamp(38px,6vh,72px);width:min(820px,58vw);margin:0;z-index:4;text-align:left}
#hero.hero .hero-copy h1{max-width:12ch}
#hero.hero .hero-lede{max-width:650px}
#hero.hero .hero-search{width:100%;max-width:760px}
#hero.hero .hero-note,#hero.hero .hero-scroll{z-index:4}
#hero.hero .hero-note{right:var(--vh-gutter)}
#hero.hero .hero-scroll{right:var(--vh-gutter)}
#hero.hero .quick-search{max-width:760px}

/* Full-width content invariant */
.category-rail{width:100%;max-width:none}
.catalogue,.thesis,.finder,.plot,.collections,.region,.gallery,.regional,.network,.partners,.research,.pin-check,.trust,.landscape,.product-world,.materials-light,.final-cta{width:100%}
.catalogue,.thesis,.finder,.collections,.gallery,.network,.research,.materials-light{padding-inline:var(--vh-gutter)}
.programme-line,.section-head,.home-grid,.catalogue-controls{max-width:var(--vh-content)}

/* Interactive controls */
main :where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(216,173,104,.9);outline-offset:3px}
main :where(button,a){-webkit-tap-highlight-color:transparent}

/* Mobile composition */
@media(max-width:980px){
  #siteNav.vh-site-nav{height:70px;padding-inline:22px}
  #siteNav.vh-site-nav nav{display:none}
  #siteNav.vh-site-nav .menu-toggle{display:block}
  #hero.hero .hero-copy{width:auto;left:22px;right:22px;bottom:28px}
}
@media(max-width:750px){
  #hero.hero{height:auto;min-height:760px;max-height:none}
  #hero.hero .hero-copy{position:relative;left:auto;right:auto;bottom:auto;width:auto;margin:0 18px;padding-top:98px;padding-bottom:28px}
  #hero.hero .hero-copy h1{max-width:15ch;font-size:clamp(2.7rem,11vw,3.45rem)}
  #hero.hero .hero-search{max-width:none}
  .catalogue,.thesis,.finder,.collections,.gallery,.network,.research,.materials-light{padding-inline:18px}
  .home-grid{grid-template-columns:1fr}
}
@media(max-width:430px){
  #siteNav.vh-site-nav{padding-inline:14px}
  #hero.hero .hero-copy{margin-inline:16px;padding-top:96px}
  .catalogue,.thesis,.finder,.collections,.gallery,.network,.research,.materials-light{padding-inline:14px}
}

/* Final Foundation invariant: photography remains photographic.
   No sitewide masthead gradient and no homepage image-darkening pseudo-layer. */
#siteNav.vh-site-nav,
header.dossier-shell-nav.vh-site-nav{
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:0 1px 14px rgba(0,0,0,.28);
}
#hero.hero .hero-media,
#hero.hero .hero-slide{
  filter:none!important;
  opacity:0;
}
#hero.hero .hero-slide.is-active{opacity:1}
#hero.hero .hero-copy,
#hero.hero .hero-note,
#hero.hero .hero-scroll{filter:none!important}
#hero.hero .hero-copy h1,
#hero.hero .hero-lede,
#hero.hero .eyebrow,
#hero.hero .quick-search,
#hero.hero .hero-note,
#hero.hero .hero-scroll{text-shadow:0 2px 16px rgba(0,0,0,.24)}

/* Section geometry — Foundation pass 02 */
#homes.catalogue,
#how.network,
#plot.plot,
#materials.materials-light,
#start.final-cta{scroll-margin-top:20px}
.catalogue,.thesis,.finder,.collections,.gallery,.network,.research,.materials-light{box-sizing:border-box}
.thesis,.finder,.plot,.region,.partners,.landscape,.product-world{
  box-sizing:border-box;
}
.thesis > *, .finder > *, .plot > *, .region > *, .partners > *,
.landscape > *, .product-world > *{min-width:0}
.home-grid > *, .collection-grid > *, .finder-grid > *,
.thesis-cards > *, .research-grid > *{min-width:0}
.photo{background-repeat:no-repeat;background-size:cover;background-position:center}
@media(min-width:751px){
  .thesis,.finder,.plot,.region,.partners,.landscape,.product-world{
    min-height:620px;
  }
  .thesis{align-items:center}
  .finder{align-items:center}
  .plot,.region,.landscape,.product-world{align-items:stretch}
}
@media(max-width:750px){
  .thesis,.finder,.plot,.region,.partners,.landscape,.product-world{
    width:100%;
    overflow:hidden;
  }
  .thesis-cards,.finder-grid,.research-grid,.collection-grid{
    width:100%;
  }
  .mini-form input,.mini-form select,
  .region-form input,.region-form button,
  #pinForm input,#pinForm button{max-width:100%;min-width:0}
}

/* Foundation invariant — no homepage image darkening at any viewport. */
#hero.hero .hero-shade{
  background:transparent!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  pointer-events:none!important;
}
@media(max-width:620px){
  #hero.hero .hero-shade{
    background:transparent!important;
  }
}

/* Foundation pass 04 — absorbed homepage layout primitives formerly supplied by homepage-layout-fix.css */
@media(min-width:751px){
  #hero.hero .hero-copy{
    left:1.8vw!important;
    right:auto!important;
    bottom:2.6vh!important;
    width:min(820px,58vw)!important;
    max-width:820px!important;
    transform:none!important;
  }
  #hero.hero .hero-copy h1{
    font-size:clamp(2.25rem,3.75vw,3.9rem)!important;
    line-height:.94!important;
  }
  #hero.hero .hero-search{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 150px!important;
    width:min(912px,100%)!important;
    max-width:912px!important;
    margin:10px 0 8px!important;
    padding:2px!important;
    border-radius:6px!important;
    height:48px!important;
    min-height:48px!important;
    box-shadow:0 8px 22px rgba(0,0,0,.13)!important;
  }
  #hero.hero .hero-search .search-field{
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 12px!important;
  }
  #hero.hero .hero-search .search-field input{
    min-width:0!important;
    height:44px!important;
    padding:0!important;
  }
  #hero.hero .hero-search>button{
    height:44px!important;
    min-height:44px!important;
    border-radius:4px!important;
    padding:0 17px!important;
  }
  #hero.hero .quick-search{
    width:min(912px,100%)!important;
    max-width:912px!important;
    margin-left:0!important;
    margin-right:auto!important;
    text-align:left!important;
  }
  #hero.hero .hero-note{
    max-width:260px!important;
    right:2.8vw!important;
    bottom:2.6vh!important;
  }
  #siteNav.vh-site-nav{
    height:72px!important;
    padding:0 3.5vw!important;
    align-items:center;
  }
  #siteNav.vh-site-nav .brand span{
    font-size:1.45rem!important;
    letter-spacing:.18em!important;
  }
  #siteNav.vh-site-nav .brand small{
    font-size:.48rem!important;
    letter-spacing:.25em!important;
    margin-top:4px!important;
  }
  #siteNav.vh-site-nav nav{
    gap:27px!important;
    margin-left:clamp(90px,8vw,180px)!important;
    align-items:center;
  }
  #siteNav.vh-site-nav nav a{
    font-size:.82rem!important;
    white-space:nowrap;
  }
  #siteNav.vh-site-nav .nav-actions{
    display:flex;
    align-items:center;
    margin-left:clamp(24px,3vw,54px);
  }
  #siteNav.vh-site-nav .journey-btn.nav-cta{
    border:0!important;
    background:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    padding:0!important;
    border-radius:0!important;
    color:inherit!important;
    white-space:nowrap;
  }
}
.plot-photo{
  background-image:linear-gradient(0deg,rgba(7,18,24,.35),transparent),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=90')!important;
  background-size:cover!important;
  background-position:center!important;
}
.sea-wall{
  background-image:url('https://images.unsplash.com/photo-1600585152915-d208bec867a1?auto=format&fit=crop&w=1800&q=90')!important;
  background-size:cover!important;
  background-position:center!important;
}
@media(max-width:750px){
  #hero.hero .hero-search{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  .plot-photo,.sea-wall{
    background-size:cover!important;
    background-position:center!important;
  }
}

/* Foundation pass 05 — retained legibility and control primitives from homepage-audit.css */
main p,main li,main td,main th,main label,main input,main select,main button{text-wrap:pretty}
main p,main li{max-width:75ch}
main :where(h1,h2,h3,h4,h5,h6){text-wrap:balance}
main :where(input,select,textarea){border-color:rgba(19,42,59,.16)}
main :where(input,select,textarea)::placeholder{color:#52646e;opacity:1}
main :where(input,select,textarea):focus-visible{
  outline:3px solid rgba(23,78,112,.30)!important;
  outline-offset:2px;
  border-color:#174e70;
}
main button{font-family:'DM Sans',sans-serif}
.hero-search{
  background:rgba(250,249,246,.96)!important;
  border:1px solid rgba(19,42,59,.10)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.18)!important;
}
.hero-search input::placeholder{color:#52646e!important;opacity:1!important}
.hero-search>button{background:#173b55!important;color:#fff!important}
.home-card{border:1px solid rgba(19,42,59,.07)!important}
.home-info h3{color:#183447!important}
.home-info p{color:#52636c!important}
.home-info .architect{color:#68777e!important}
.home-info em{color:#3f5059!important;background:#eef0ee!important}
.home-info .project-source,.home-info .research-label{color:#174e70!important;font-weight:600!important}
.category-rail button{min-height:70px}
.category-rail button:focus-visible{
  outline:3px solid rgba(23,78,112,.35)!important;
  outline-offset:-3px!important;
}
.research{color:#263033!important}
.research .kicker,.research .kicker.dark{color:#8c6840!important;letter-spacing:.22em!important}
.research h2{color:#1d2526!important;text-shadow:none!important;max-width:1180px!important;line-height:.98!important}
.research-grid article{background:#fff!important;color:#263033!important;border-color:rgba(29,37,38,.14)!important}
.research-grid article h3{color:#1d2526!important}
.research-grid article p{color:#566367!important}
.research-grid article a{color:#1d2526!important;font-weight:700!important}
@media(max-width:750px){
  .research h2{line-height:1.02!important}
  .research-grid article p{color:#4f5b5f!important}
  .category-rail{justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none;padding:9px 12px!important}
  .category-rail::-webkit-scrollbar{display:none}
  .category-rail button{min-width:105px!important;min-height:64px!important;padding:10px 7px!important}
}

/* Foundation pass 06 — absorbed live homepage base system */
:root{
  --vh-line:rgba(23,52,71,.14);
}
a{text-decoration:none}
.eyebrow,.kicker{
  font-size:.59rem;
  line-height:1.45;
  letter-spacing:.26em;
  font-weight:700;
}
.eyebrow{max-width:720px;color:#efd39b;margin:0 0 17px}
#hero.hero .hero-lede{max-width:650px;font-size:.8rem;line-height:1.52;margin:0;color:#f2f3f3}
#hero.hero .hero-search{
  display:grid;
  grid-template-columns:1fr 1fr 190px;
  gap:0;
  padding:4px;
  border-radius:8px;
  margin:17px 0 12px;
  color:var(--vh-ink);
  position:relative;
}
#hero.hero .search-field{
  height:48px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border-right:1px solid #d8d6cf;
  position:relative;
  min-width:0;
}
#hero.hero .search-field>span{font-size:1rem;margin-right:9px}
#hero.hero .search-field input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  font:500 .7rem 'DM Sans',sans-serif;
  color:var(--vh-ink);
}
.suggestions{
  position:absolute;
  left:0;right:0;top:calc(100% + 7px);
  z-index:30;
  background:#f8f7f2;
  border:1px solid rgba(23,52,71,.15);
  border-radius:10px;
  box-shadow:0 20px 50px rgba(0,0,0,.22);
  overflow:hidden;color:var(--vh-ink);
}
.suggestions button{
  display:block;width:100%;border:0;background:transparent;text-align:left;
  padding:11px 14px;font:500 .68rem 'DM Sans';cursor:pointer;
}
.suggestions button:hover{background:#ece9e0}
.quick-search{font-size:.62rem;color:#f0f1f1}
.quick-search button{
  border:0;background:none;color:#fff;text-decoration:underline;
  text-underline-offset:3px;font:inherit;cursor:pointer;margin:0 6px;
}
.quick-search i{display:inline-block;height:11px;border-left:1px solid rgba(255,255,255,.5);vertical-align:middle}
#hero.hero .hero-note{
  position:absolute;right:var(--vh-gutter);bottom:7vh;z-index:4;
  text-align:right;font:400 2rem/.97 'Playfair Display',serif;
}
#hero.hero .hero-note em{font-size:1.25rem;font-style:normal}
#hero.hero .hero-note span{
  display:block;margin-top:22px;color:#efca86;
  font:700 .48rem 'DM Sans';letter-spacing:.25em;
}
#hero.hero .hero-scroll{
  position:absolute;right:var(--vh-gutter);top:50%;z-index:4;
  writing-mode:vertical-rl;font:700 .48rem 'DM Sans';letter-spacing:.2em;opacity:.72;
}
#hero.hero .hero-scroll b{font-size:.9rem;margin-top:8px}

.category-rail{
  display:flex;justify-content:center;background:#fbfaf7;
  box-shadow:0 5px 22px rgba(22,37,45,.08);overflow-x:auto;
}
.category-rail button{
  min-width:118px;padding:13px 8px;border:0;border-right:1px solid var(--vh-line);
  background:transparent;color:var(--vh-ink);display:flex;flex-direction:column;
  gap:4px;align-items:center;font:500 .65rem 'DM Sans';cursor:pointer;white-space:nowrap;
}
.category-rail button span:first-child{font-size:1.05rem}
.category-rail button small{font-size:.55rem;opacity:.65}
.category-rail button.active{background:#1d4864;color:#fff}

.catalogue{
  padding:78px var(--vh-gutter) 88px;
  background:linear-gradient(180deg,#f8f7f3,#e8e4db);
}
.programme-line{margin:0 auto 35px;padding-bottom:11px;border-bottom:1px solid var(--vh-line);display:flex;justify-content:space-between;gap:20px;font-size:.58rem;letter-spacing:.12em}
.programme-line span{opacity:.62;letter-spacing:.03em}
.section-head{margin:0 auto 30px;display:flex;justify-content:space-between;align-items:end;gap:40px}
.section-head h2,.thesis h2,.finder h2,.plot h2,.region h2,.gallery h2,.regional h2,.network h2,.partners h2,.research h2,.pin-check h2,.landscape h2,.product-world h2,.materials-light h2,.final-cta h2{
  font:400 clamp(2.7rem,4.7vw,5rem)/.96 'Playfair Display',serif;
  letter-spacing:-.03em;margin:9px 0 14px;
}
.section-head>div:first-child>p:last-child,.thesis p,.finder>div>p,.plot-copy>p,.region p,.regional p,.partners p,.research p,.pin-check p,.landscape-copy>p,.product-world>div:last-child>p,.final-cta p:not(.kicker){
  color:#617078;line-height:1.7;font-size:.88rem;max-width:650px;
}
.section-head .kicker,.kicker.dark{color:#8c6840}
.pager{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:.72rem}
.pager button,.catalogue-controls button{border:0;background:none;cursor:pointer;color:var(--vh-ink);font:500 .72rem 'DM Sans'}
.pager button{font-size:1.2rem}
.pager button:disabled,.catalogue-controls button:disabled{opacity:.25;cursor:default}
.home-grid{margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:13px}
.home-card{background:#fff;box-shadow:0 8px 25px rgba(35,44,46,.08);border-radius:3px;overflow:hidden}
.home-image{height:220px;background-size:cover;background-position:center;position:relative}
.home-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,12,17,.42),transparent 60%)}
.home-image .type{position:absolute;left:11px;bottom:10px;z-index:1;color:#fff;font-size:.55rem;letter-spacing:.13em;text-transform:uppercase}
.home-image .heart{position:absolute;right:11px;top:9px;z-index:1;color:#fff;font-size:1.2rem}
.home-info{padding:14px}
.home-info h3{font-size:.9rem;margin:0 0 7px}
.home-info p{font-size:.65rem;margin:0 0 8px}
.home-info .chips{display:flex;gap:4px;flex-wrap:wrap}
.home-info em{font-style:normal;border-radius:10px;padding:4px 7px;font-size:.55rem}
.home-info .source,.research-label{display:inline-block;margin-top:10px;font-size:.56rem;color:#6c5132}
.catalogue-controls{margin:30px auto 0;display:flex;justify-content:center;align-items:center;gap:25px}
.catalogue-controls #dots{display:flex;gap:5px}
.catalogue-controls #dots button{width:24px;height:24px;border-radius:50%;padding:0}
.catalogue-controls #dots button.on{background:#1c435e;color:#fff}

.thesis,.network,.research{padding:100px var(--vh-gutter);background:#f6f3ec}
.thesis{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw}
.thesis-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-self:end}
.thesis-cards article{padding:27px;background:#fff;border-top:3px solid var(--vh-gold)}
.thesis-cards b{font-size:.65rem;color:#9b7548}
.thesis-cards h3{font:500 1.45rem 'Playfair Display',serif;margin:17px 0 7px}

.split-dark,.split-light,.plot,.region,.partners,.landscape,.product-world{display:grid;grid-template-columns:1fr 1fr;min-height:650px}
.split-dark{background:#10182a;color:#fff}
.photo{background-size:cover;background-position:center}
.land-photo{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=90')}
.copy{padding:10vw 9vw;align-self:center}
.copy h2,.partners h2{color:#fff}
.copy p,.partners p{color:#d5dade}
.copy a,.partners a,.regional a,.product-world a{color:#efca86;font-weight:700;font-size:.8rem}

.finder{padding:100px var(--vh-gutter);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;background:linear-gradient(145deg,#090d21,#252044 60%,#173330);color:#fff}
.finder>div>p{color:#d6d7df}
.finder-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.finder-grid a{padding:26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);min-height:115px;display:flex;flex-direction:column;justify-content:space-between}
.finder-grid b{font-size:.62rem;color:#efc67f}
.finder-grid strong{font:500 1.25rem 'Playfair Display',serif}
.finder-grid span{font-size:.68rem;color:#c9cdd2}

.plot{background:#f0eee8}
.plot-photo{position:relative}
.plot-photo span,.region-photo span{position:absolute;left:8%;bottom:9%;color:#fff;font:400 2rem/.95 'Playfair Display',serif;text-shadow:0 3px 20px rgba(0,0,0,.4)}
.plot-copy{padding:9vw;align-self:center}
.mini-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mini-form input,.mini-form select,.region-form input{border:1px solid rgba(23,52,71,.18);background:#faf9f5;padding:13px;font:500 .68rem 'DM Sans';color:var(--vh-ink)}
.plot form button,.region-form button,.pin-check form button{margin-top:10px;border:0;background:#173b55;color:#fff;padding:14px 18px;font:600 .7rem 'DM Sans';cursor:pointer}
.form-result{font-size:.68rem;color:#53636d;margin-top:9px;line-height:1.5}

.collections{padding:100px var(--vh-gutter);background:#fff}
.section-head-simple{margin-bottom:40px}
.section-head-simple h2{font:400 clamp(2.8rem,4.8vw,5rem)/.96 'Playfair Display',serif;margin:10px 0}
.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.collection-grid a{min-height:250px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(5,15,21,.78),rgba(5,15,21,.05)),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1000&q=85') center/cover;color:#fff}
.collection-grid a:nth-child(2){background-image:linear-gradient(0deg,rgba(5,15,21,.78),rgba(5,15,21,.05)),url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1000&q=85')}
.collection-grid a:nth-child(3){background-image:linear-gradient(0deg,rgba(5,15,21,.78),rgba(5,15,21,.05)),url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1000&q=85')}
.collection-grid a:nth-child(4){background-image:linear-gradient(0deg,rgba(5,15,21,.78),rgba(5,15,21,.05)),url('https://images.unsplash.com/photo-1613490493576-7fde63acd811?auto=format&fit=crop&w=1000&q=85')}
.collection-grid span{font-size:.52rem;letter-spacing:.17em}
.collection-grid b{font:400 1.55rem 'Playfair Display',serif;margin-top:8px}

.region{background:#f7f5ef}
.region>div:first-child{padding:10vw 8vw;align-self:center}
.region-photo{position:relative;background-image:linear-gradient(0deg,rgba(5,15,21,.45),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')}
.region-form{display:grid;grid-template-columns:1fr auto;margin-top:25px}

.gallery{padding:100px var(--vh-gutter);background:#e9e5dc}
.mosaic{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:260px 260px;gap:10px}
.mosaic>div{position:relative;background-size:cover;background-position:center}
.mosaic span{position:absolute;left:18px;bottom:16px;color:#fff;font-size:.58rem;letter-spacing:.15em;text-shadow:0 2px 10px #000}
.m1{grid-row:1/3;background-image:linear-gradient(0deg,rgba(5,15,21,.38),transparent),url('https://images.unsplash.com/photo-1600585152915-d208bec867a1?auto=format&fit=crop&w=1500&q=85')}
.m2{background-image:linear-gradient(0deg,rgba(5,15,21,.38),transparent),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1000&q=85')}
.m3{background-image:linear-gradient(0deg,rgba(5,15,21,.38),transparent),url('https://amazingarchitecture.com/storage/files/1/architecture-firms/vpa-architects/tamara-villa/35-tamara-villa-vpa-architects-india.jpg')}
.m4{display:none}

.split-light{background:#f6f3ec}
.regional-photo{background-image:url('https://assets.architecturaldigest.in/photos/66fc286088c82aa685f9ad3b/master/w_1600%2Cc_limit/05.jpg')}
.regional .copy{color:var(--vh-ink)}
.regional .copy h2{color:var(--vh-ink)}
.regional .copy p{color:#617078}

.network-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;margin-top:45px}
.network-map{height:320px;background:radial-gradient(circle at center,rgba(216,173,104,.35),transparent 20%),linear-gradient(135deg,#dfe7e4,#c8d5d0);position:relative;display:grid;place-items:center;border:1px solid var(--vh-line)}
.network-map:before,.network-map:after{content:'';position:absolute;border:1px solid rgba(23,52,71,.2);border-radius:50%}
.network-map:before{width:180px;height:180px}.network-map:after{width:290px;height:290px}
.network-map strong{font:400 2rem 'Playfair Display',serif}
.network-map span{font-size:.5rem;letter-spacing:.16em}
.network-map i{position:absolute;width:7px;height:7px;background:#173b55;border-radius:50%;z-index:1}
.network-map i:first-child{left:24%;top:30%}.network-map i:nth-child(2){right:25%;bottom:28%}
.network li{margin:10px 0;font-size:.78rem;color:#52636b}

.partners{padding:100px var(--vh-gutter);background:#101b27;color:#fff}
.partners>div:first-child{align-self:center}
.partner-points{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center}
.partner-points span{padding:20px;border:1px solid rgba(255,255,255,.14);font-size:.65rem;color:#dbe0e2}

.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}
.research-grid article{background:#fff;padding:28px;border-top:3px solid var(--vh-gold)}
.research-grid h3{font:500 1.45rem 'Playfair Display',serif;margin:0 0 10px}
.research-grid p{font-size:.76rem}
.research-grid a{font-size:.68rem;font-weight:700;color:#8c6840}

.pin-check{padding:85px var(--vh-gutter);background:#173b55;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.pin-check h2{color:#fff}.pin-check p{color:#d4dde1}
.pin-check form{align-self:center}
.pin-check input{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;padding:15px 0;font:500 1rem 'DM Sans';outline:0}
.pin-check input::placeholder{color:#b8c4c9}
.pin-check form button{background:#efca86;color:#173447}

.trust{display:grid;grid-template-columns:repeat(3,1fr);background:#0e1b27;color:#fff}
.trust div{padding:27px 6vw;border-right:1px solid rgba(255,255,255,.1)}
.trust b{display:block;font-size:.57rem;letter-spacing:.14em;color:#efca86;margin-bottom:7px}
.trust span{font-size:.65rem;color:#c6cfd3}

.landscape{min-height:650px;background:#0c1725;color:#fff}
.landscape-photo{background-image:linear-gradient(90deg,rgba(5,9,22,.15),rgba(8,10,24,.8)),url('https://commons.wikimedia.org/wiki/Special:FilePath/Chitkul_in_the_evening.jpg?width=2400')}
.landscape-copy{padding:10vw 9vw;background:linear-gradient(160deg,#131537,#35224c 58%,#112a2a);align-self:stretch}
.landscape-copy h2{color:#fff}
.landscape-copy>p{color:#e2e1e6}
.steps{display:grid;gap:12px;margin-top:30px}
.steps span{border-top:1px solid rgba(255,255,255,.2);padding-top:11px;font-size:.75rem}
.steps b{color:#efbd73;margin-right:13px}

.product-world{min-height:620px;background:#f6f5f0}
.product-world>div:last-child{padding:10vw 8vw;align-self:center}

.materials-light{padding:100px var(--vh-gutter);background:linear-gradient(120deg,#fff,#f2eee6 50%,#dce8e9);text-align:center}
.materials-light h2{max-width:800px;margin:10px auto 50px}
.materials-light>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.materials-light a{padding:65px 20px;background:rgba(255,255,255,.6);font:400 1.6rem 'Playfair Display',serif;box-shadow:0 10px 30px rgba(50,60,60,.05)}
.materials-light span{display:block;margin-top:11px;font:400 .7rem 'DM Sans';color:#657278}

.final-cta{height:620px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;color:#fff}
.final-bg{position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(4,9,20,.78),rgba(13,13,38,.2)),url('https://commons.wikimedia.org/wiki/Special:FilePath/Dawn_at_chitkul_village.jpg?width=2400')}
.final-cta>div:last-child{position:relative;z-index:1}
.final-cta h2{color:#fff}
.final-cta p:not(.kicker){color:#e4e6e8;margin:0 auto}
.final-cta button{margin-top:18px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:14px 22px;font:600 .72rem 'DM Sans';cursor:pointer}
footer{background:#08101d;color:#fff;padding:42px var(--vh-gutter);display:flex;justify-content:space-between;align-items:end}
footer p{font-size:.65rem;opacity:.6}

@media(max-width:1100px){
  .site-nav nav{gap:17px}
  #hero.hero .hero-copy{width:min(760px,65vw)}
  #hero.hero .hero-note{display:none}
  .home-grid{grid-template-columns:repeat(3,1fr)}
  .collection-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:750px){
  #siteNav.vh-site-nav{height:70px;padding:0 5vw}
  #siteNav.vh-site-nav nav,.pin-link{display:none}
  #siteNav.vh-site-nav .menu-toggle{display:block}
  #siteNav.vh-site-nav .journey{padding:9px 13px}
  #hero.hero{min-height:760px}
  #hero.hero .hero-copy{left:5vw;right:5vw;bottom:3.5vh;width:auto}
  #hero.hero h1{font-size:clamp(2.7rem,10vw,3.4rem)}
  #hero.hero .hero-lede{font-size:.74rem}
  #hero.hero .hero-search{grid-template-columns:1fr;margin-top:13px}
  #hero.hero .search-field{border-right:0;border-bottom:1px solid #ddd}
  #hero.hero .hero-search>button{padding:14px}
  #hero.hero .quick-search,#hero.hero .hero-scroll{display:none}
  .category-rail{justify-content:flex-start}
  .catalogue{padding:58px 5vw 70px}
  .programme-line{display:block;line-height:1.7}
  .programme-line span{display:block;margin-top:4px}
  .section-head{display:block}
  .section-head h2,.thesis h2,.finder h2,.plot h2,.region h2,.gallery h2,.regional h2,.network h2,.partners h2,.research h2,.pin-check h2,.landscape h2,.product-world h2,.materials-light h2,.final-cta h2{font-size:clamp(2.6rem,11vw,4rem)}
  .pager{margin-top:15px}
  .home-grid{grid-template-columns:repeat(2,1fr);gap:9px}
  .home-image{height:175px}
  .home-info{padding:10px}
  .home-info h3{font-size:.78rem}
  .thesis,.finder,.split-dark,.split-light,.plot,.region,.partners,.landscape,.product-world,.pin-check{grid-template-columns:1fr}
  .thesis,.finder,.network,.research,.collections,.gallery{padding:70px 5vw}
  .thesis-cards{grid-template-columns:1fr;margin-top:30px}
  .finder-grid{grid-template-columns:1fr}
  .split-dark,.split-light,.plot,.region,.partners,.landscape,.product-world{min-height:0}
  .land-photo,.plot-photo,.region-photo,.regional-photo,.landscape-photo,.sea-wall{min-height:390px}
  .copy,.plot-copy,.region>div:first-child,.landscape-copy,.product-world>div:last-child{padding:70px 7vw}
  .collection-grid{grid-template-columns:1fr 1fr}
  .collection-grid a{min-height:190px}
  .mosaic{grid-template-columns:1fr;grid-template-rows:240px 180px 180px;gap:10px}
  .m1{grid-row:auto}
  .network-grid,.research-grid{grid-template-columns:1fr}
  .network-map{height:280px}
  .trust{grid-template-columns:1fr}
  .trust div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);padding:22px 5vw}
  .partner-points{margin-top:35px}
  .mini-form{grid-template-columns:1fr}
  .materials-light>div{grid-template-columns:1fr 1fr}
  .final-cta{height:540px}
  footer{flex-direction:column;align-items:flex-start;gap:18px}
}
@media(max-width:430px){
  .home-grid{grid-template-columns:1fr}
  .collection-grid{grid-template-columns:1fr}
  .materials-light>div{grid-template-columns:1fr}
  #siteNav.vh-site-nav .brand small{display:none}
}

/* FINAL HERO POSITION OVERRIDE — intentionally explicit so legacy base styles cannot recenter the search. */
@media(min-width:751px){
  #hero.hero .hero-copy{position:absolute!important;left:4vw!important;right:auto!important;bottom:6vh!important;width:min(820px,58vw)!important;margin:0!important;text-align:left!important;transform:none!important}
  #hero.hero .hero-search{width:100%!important;max-width:none!important;margin:17px 0 12px!important;margin-left:0!important;margin-right:0!important;justify-self:start!important}
  #hero.hero .quick-search{width:100%!important;max-width:none!important;margin-left:0!important;text-align:left!important}
}

/* Foundation pass 07 — absorb homepage scope from sitewide page audit */
.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}
@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-grid{max-width:1500px}
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)
}
@media(max-width:750px){
  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,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,body:not(.ii-page) .mini-form{grid-template-columns:1fr}
}


/* Foundation pass 08 — canonical homepage navigation runtime geometry */
#siteNav.vh-site-nav{
  color:#fff!important;
  text-shadow:0 1px 14px rgba(0,0,0,.28);
}
#siteNav.vh-site-nav .brand,
#siteNav.vh-site-nav nav,
#siteNav.vh-site-nav nav a,
#siteNav.vh-site-nav .nav-actions,
#siteNav.vh-site-nav .journey-btn{
  visibility:visible!important;
  opacity:1!important;
}
#siteNav.vh-site-nav nav a,
#siteNav.vh-site-nav .brand,
#siteNav.vh-site-nav .journey-btn{
  position:relative;
  z-index:2;
}
@media(max-width:980px){
  #siteNav.vh-site-nav{
    padding-inline:22px!important;
    min-height:70px;
  }
  #siteNav.vh-site-nav nav{
    display:none;
  }
  #siteNav.vh-site-nav .menu-toggle{
    display:block;
    color:#fff;
    background:transparent;
    border:0;
    padding:8px;
    cursor:pointer;
  }
}
@media(max-width:750px){
  #siteNav.vh-site-nav{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    min-height:70px;
    height:auto!important;
    padding:10px 16px!important;
  }
  #siteNav.vh-site-nav .brand span{font-size:1.05rem!important}
  #siteNav.vh-site-nav .brand small{font-size:.4rem!important}
  #siteNav.vh-site-nav .nav-actions{margin-left:0!important}
  #siteNav.vh-site-nav .journey-btn{font-size:.66rem!important;padding:9px 12px!important}
  #siteNav.vh-site-nav.mobile-open{
    background:rgba(8,16,29,.94)!important;
    backdrop-filter:blur(12px);
  }
  #siteNav.vh-site-nav.mobile-open nav{
    display:flex!important;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    flex-direction:column;
    align-items:stretch;
    gap:0!important;
    margin:0!important;
    padding:8px 16px 14px;
    background:rgba(8,16,29,.96);
    border-top:1px solid rgba(255,255,255,.12);
  }
  #siteNav.vh-site-nav.mobile-open nav a{
    padding:12px 4px;
    font-size:.78rem!important;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
}