/* VASUNDHARA — SITE-WIDE CINEMATIC HERO SYSTEM
   One visual grammar across the public site:
   full viewport hero · navigation over hero · image-led first frame.

   Existing page-specific hero internals retain their own positioning.
*/
html,body{width:100%;max-width:100%;overflow-x:hidden}
.vh-site-nav{position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;width:100%!important;max-width:none!important;min-height:82px!important;height:82px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:2rem!important;padding:14px clamp(28px,5vw,80px)!important;margin:0!important;background:linear-gradient(180deg,rgba(5,12,18,.78),rgba(5,12,18,.08))!important;border:0!important;box-shadow:none!important;color:#fff!important;box-sizing:border-box!important}
.vh-site-nav .brand{color:#fff!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;gap:5px!important}.vh-site-nav .brand span{font:400 1.5rem/1 Georgia,serif!important;letter-spacing:.16em!important;color:#fff!important}.vh-site-nav .brand small{font:700 .46rem/1.3 Arial,sans-serif!important;letter-spacing:.19em!important;color:rgba(255,255,255,.7)!important}.vh-site-nav nav{display:flex!important;align-items:center!important;gap:clamp(20px,2.8vw,42px)!important;margin-left:auto!important}.vh-site-nav nav a{color:rgba(255,255,255,.94)!important;text-decoration:none!important;font:600 .75rem/1 Arial,sans-serif!important;letter-spacing:.01em!important;padding:11px 0!important;border-bottom:2px solid transparent!important}.vh-site-nav nav a:hover,.vh-site-nav nav a[aria-current="page"]{color:#e5bd73!important;border-bottom-color:#e5bd73!important}.vh-site-nav .nav-actions{display:flex!important;align-items:center!important;gap:12px!important;margin-left:20px!important}.vh-site-nav .journey,.vh-site-nav .journey-btn,.vh-site-nav .nav-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;padding:0 26px!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:999px!important;background:rgba(255,255,255,.05)!important;color:#fff!important;text-decoration:none!important;font:600 .72rem/1 Arial,sans-serif!important;white-space:nowrap!important}.vh-site-nav .pin-link{display:none!important}.vh-site-nav .menu-toggle{display:none!important;color:#fff!important;background:transparent!important;border:0!important;font-size:1.35rem!important}
header.dossier-shell-nav.vh-site-nav{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:82px!important;min-height:82px!important;margin:0!important;padding:14px clamp(28px,5vw,80px)!important;background:linear-gradient(180deg,rgba(5,12,18,.82),rgba(5,12,18,.05))!important;border:0!important;box-shadow:none!important;color:#fff!important;z-index:1000!important}
header.dossier-shell-nav.vh-site-nav .brand,header.dossier-shell-nav.vh-site-nav .brand span,header.dossier-shell-nav.vh-site-nav .brand small,header.dossier-shell-nav.vh-site-nav nav,header.dossier-shell-nav.vh-site-nav nav a,header.dossier-shell-nav.vh-site-nav .journey-btn,header.dossier-shell-nav.vh-site-nav .nav-cta{color:#fff!important}
header.dossier-shell-nav.vh-site-nav nav a:hover,header.dossier-shell-nav.vh-site-nav nav a[aria-current="page"]{color:#e5bd73!important;border-bottom-color:#e5bd73!important}
body.sf-page main,body.matrix-page main{margin:0!important;padding:0!important}
.vh-hero,[vh-hero]{position:relative!important;width:100%!important;min-height:100svh!important;height:100svh!important;max-height:none!important;box-sizing:border-box!important;overflow:hidden!important;color:#fff!important;isolation:isolate!important}.vh-hero::after,[vh-hero]::after{content:"";position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(4,11,16,.78) 0%,rgba(4,11,16,.42) 48%,rgba(4,11,16,.10) 78%,rgba(4,11,16,.22) 100%),linear-gradient(0deg,rgba(3,8,11,.76) 0%,rgba(3,8,11,.08) 62%)!important}.vh-hero h1,[vh-hero] h1{color:#fff!important}
.vh-hero.vh-skilled>.wrap,[vh-hero][vh-skilled]>.wrap,.vh-hero.vh-skilled>.hero-inner,[vh-hero][vh-skilled]>.hero-inner,.vh-hero.vh-skilled>.vh-hero-inner,[vh-hero][vh-skilled]>.vh-hero-inner{position:relative!important;z-index:2!important}
header.dossier-shell-nav.vh-site-nav + main > .vh-hero > .vh-hero-inner{min-height:100svh!important;height:100svh!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding-top:150px!important;padding-bottom:clamp(52px,9vh,105px)!important}
/* Specialist dossiers: balanced lower-third placement with a generous visual floor. */
main > .hero[vh-hero][vh-skilled] > .wrap{min-height:100svh!important;height:100svh!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding-top:150px!important;padding-bottom:clamp(112px,12vh,138px)!important}
.ii-page .ii-hero.vh-hero,.ii-page .ii-hero[vh-hero]{min-height:100svh!important;height:100svh!important;aspect-ratio:auto!important}.materials-new .materials-hero.vh-hero,.materials-new .materials-hero[vh-hero]{min-height:100svh!important;height:100svh!important;aspect-ratio:auto!important}.materials-new .materials-hero-inner{min-height:100svh!important;height:100%!important;padding-top:120px!important}.sf-page .hero.vh-hero,.sf-page .hero[vh-hero],.matrix-page .hero.vh-hero,.matrix-page .hero[vh-hero]{min-height:100svh!important;height:100svh!important;max-height:none!important;aspect-ratio:auto!important}
.vh-hero.vh-india,[vh-hero][vh-india]{background-image:url('https://amazingarchitecture.com/storage/files/1742/architecture-projects/the-raw-project/emerald-greens/13-emerald_greens_the_raw_project_india.jpg')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}.vh-hero.vh-knowledge,[vh-hero][vh-knowledge]{background-image:url('https://suryam.in/images/media/india-in-2024-ahmedabad-becomes-the-capital-of-design.jpg')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}.vh-hero.vh-homes,[vh-hero][vh-homes]{background-image:url('https://suryam.in/images/media/india-in-2024-ahmedabad-becomes-the-capital-of-design.jpg')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}.vh-hero.vh-materials,[vh-hero][vh-materials]{background-image:url('https://amazingarchitecture.com/storage/2336/responsive-images/the_little_much_farm_studio_lab_mulshi_india___media_library_original_1344_756.jpg')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}.vh-hero.vh-skilled,[vh-hero][vh-skilled]{background-image:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=2400&q=90')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}.vh-inserted.vh-hero.vh-generic,[vh-hero][vh-generic]:not(.hero){background-image:url('https://amazingarchitecture.com/storage/files/1742/architecture-projects/the-raw-project/emerald-greens/13-emerald_greens_the_raw_project_india.jpg')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.vh-inserted .vh-kicker{margin:0 0 18px;color:#e4bd73;font:800 .62rem/1 Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase}.vh-inserted h1{margin:0 0 20px;max-width:980px;font:400 clamp(4rem,7.2vw,7.6rem)/.88 Georgia,serif;letter-spacing:-.05em}.vh-inserted .vh-deck{margin:0;max-width:720px;color:rgba(255,255,255,.9);font-size:1.08rem;line-height:1.7}.vh-hero.vh-india .eyebrow,.vh-hero.vh-knowledge .eyebrow,.vh-hero.vh-homes .eyebrow,.vh-inserted .eyebrow,[vh-hero][vh-india] .eyebrow,[vh-hero][vh-knowledge] .eyebrow,[vh-hero][vh-homes] .eyebrow,[vh-hero][vh-generic]:not(.hero) .eyebrow{color:#e4bd73!important}
.home-detail-hero.vh-hero,.home-detail-hero[vh-hero]{display:block!important;position:relative!important;padding:0!important;background:#15232b!important}.home-detail-hero.vh-hero .detail-hero-image,.home-detail-hero[vh-hero] .detail-hero-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;background-size:cover!important;background-position:center!important}.home-detail-hero.vh-hero .detail-hero-copy,.home-detail-hero[vh-hero] .detail-hero-copy{position:absolute!important;left:clamp(28px,8vw,140px)!important;bottom:clamp(46px,10vh,110px)!important;z-index:2!important;max-width:820px!important;color:#fff!important}.home-detail-hero.vh-hero .detail-hero-copy h1,.home-detail-hero.vh-hero .detail-hero-copy p,.home-detail-hero[vh-hero] .detail-hero-copy h1,.home-detail-hero[vh-hero] .detail-hero-copy p{color:#fff!important}.home-detail-hero.vh-hero .detail-hero-image::after,.home-detail-hero[vh-hero] .detail-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,16,.78),rgba(4,11,16,.25) 62%,rgba(4,11,16,.12)),linear-gradient(0deg,rgba(3,8,11,.75),transparent 65%)}
.vh-inserted .vh-hero-inner{position:relative;z-index:2;width:min(1180px,calc(100% - 56px));margin:auto;padding:0 0 clamp(48px,9vh,105px)}
@media(max-width:900px){.vh-site-nav{min-height:72px!important;height:72px!important;padding:12px 22px!important}.vh-site-nav nav{display:none!important}.vh-site-nav .nav-actions{margin-left:auto!important}.vh-site-nav .menu-toggle{display:block!important}.vh-site-nav .journey,.vh-site-nav .journey-btn,.vh-site-nav .nav-cta{min-height:44px!important;padding:0 18px!important;font-size:.65rem!important}.vh-inserted h1{font-size:clamp(3.3rem,11vw,6rem)!important}.vh-inserted .vh-hero-inner{width:calc(100% - 36px);padding-bottom:48px}header.dossier-shell-nav.vh-site-nav + main > .vh-hero > .vh-hero-inner{padding-top:120px!important;padding-bottom:48px!important}main > .hero[vh-hero][vh-skilled] > .wrap{padding-top:120px!important;padding-bottom:82px!important}}
@media(max-width:620px){.vh-site-nav{padding:10px 16px!important}.vh-site-nav .brand span{font-size:1.15rem!important}.vh-site-nav .brand small{font-size:.4rem!important;letter-spacing:.13em!important}.vh-site-nav .journey,.vh-site-nav .journey-btn,.vh-site-nav .nav-cta{display:none!important}.vh-site-nav .menu-toggle{display:block!important}.vh-inserted .vh-hero-inner{width:calc(100% - 28px);padding-bottom:40px}.vh-inserted h1{font-size:clamp(3rem,13vw,4.8rem)!important}.vh-inserted .vh-deck{font-size:1rem}}