/* VASUNDHARA — SERVICES PAGE
   2026-09-26
   Services uses the canonical site shell and editorial visual language.
   Functional intake markup remains page-owned.
*/
body.market{
  margin:0;
  background:#f6f4ef;
  color:#173447;
  font-family:var(--vh-font-body,'DM Sans',Arial,sans-serif);
}
body.market main{width:100%;margin:0}
body.market .market-hero.vh-hero{
  position:relative;
  min-height:100svh;
  height:100svh;
  max-height:none;
  display:block;
  padding:0;
  overflow:hidden;
  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;
  background-size:cover;
  background-repeat:no-repeat;
  color:#fff;
  box-sizing:border-box;
  isolation:isolate;
}
body.market .market-hero.vh-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,11,16,.64) 0%,rgba(4,11,16,.30) 54%,rgba(4,11,16,.10) 100%),
    linear-gradient(0deg,rgba(3,8,11,.70) 0%,rgba(3,8,11,.10) 66%);
}
body.market .market-hero.vh-hero > *{
  position:absolute;
  z-index:2;
  min-width:0;
}
body.market .market-hero .eyebrow{
  top:118px;
  left:clamp(22px,6vw,96px);
  right:clamp(22px,6vw,96px);
  margin:0;
  color:#e4bd73;
  font:700 .62rem/1.4 var(--vh-font-body,Arial,sans-serif);
  letter-spacing:.25em;
  text-transform:uppercase;
}
body.market .market-hero h1{
  left:clamp(22px,6vw,96px);
  bottom:clamp(58px,8vh,86px);
  width:min(720px,48vw);
  max-width:720px;
  margin:0;
  color:#fff;
  font:400 clamp(3.55rem,5.65vw,6.15rem)/.88 var(--vh-font-display,'Playfair Display',Georgia,serif);
  letter-spacing:-.052em;
}
body.market .market-hero>p:not(.eyebrow){
  right:clamp(22px,6vw,96px);
  bottom:clamp(128px,14vh,150px);
  width:min(570px,38vw);
  max-width:570px;
  margin:0;
  color:rgba(255,255,255,.90);
  font-size:clamp(1rem,1.28vw,1.16rem);
  line-height:1.68;
}
body.market .market-hero .cta{
  right:clamp(22px,6vw,96px);
  bottom:clamp(58px,8vh,86px);
  display:inline-flex;
  align-items:center;
  min-height:50px;
  margin:0;
  padding:0 23px;
  border:1px solid rgba(255,255,255,.46);
  border-radius:999px;
  background:#d8ad68;
  color:#173447;
  text-decoration:none;
  font-weight:700;
  font-size:.75rem;
}
body.market .offer-wrap,
body.market .lead{
  padding:clamp(70px,8vw,120px) clamp(18px,6vw,96px);
}
body.market .offer-wrap{
  background:#f6f4ef;
}
body.market .offer-head,
body.market .offer-grid,
body.market .product{
  width:min(1500px,100%);
  margin-left:auto;
  margin-right:auto;
}
body.market .offer-head{max-width:980px;margin-bottom:46px}
body.market .kicker{
  color:#a47843;
  font:700 .58rem/1.4 Arial,sans-serif;
  letter-spacing:.2em;
  text-transform:uppercase;
}
body.market .offer-head h2,
body.market .process h2,
body.market .lead h2{
  max-width:950px;
  margin:13px 0 16px;
  color:#173447;
  font:400 clamp(2.6rem,4.8vw,5.4rem)/.93 var(--vh-font-display,Georgia,serif);
  letter-spacing:-.045em;
}
body.market .offer-head>p:last-child,
body.market .process>p:not(.kicker),
body.market .lead p{
  max-width:760px;
  color:#617078;
  line-height:1.72;
}
body.market .offer-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1px;
  background:rgba(23,52,71,.15);
  border:1px solid rgba(23,52,71,.15);
}
body.market .offer{
  min-width:0;
  min-height:300px;
  margin:0;
  padding:28px 25px;
  background:#fffdfa;
  box-sizing:border-box;
}
body.market .offer:nth-child(2n){background:#f8f5ee}
body.market .offer b{
  color:#9b7443;
  font:700 .55rem/1.3 Arial,sans-serif;
  letter-spacing:.16em;
}
body.market .offer h3{
  margin:18px 0 11px;
  color:#173447;
  font:400 clamp(1.55rem,2vw,2.25rem)/1 var(--vh-font-display,Georgia,serif);
}
body.market .offer p{
  margin:0;
  color:#627078;
  font-size:.82rem;
  line-height:1.7;
}
body.market .product{
  margin-top:1px;
  padding:clamp(30px,4vw,52px);
  background:#10272b;
  color:#fff;
  box-sizing:border-box;
}
body.market .product-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:clamp(35px,6vw,90px);
}
body.market .product .tag{
  color:#e4bd73;
  font:700 .55rem/1.3 Arial,sans-serif;
  letter-spacing:.17em;
}
body.market .product h3{
  margin:14px 0 15px;
  color:#fff;
  font:400 clamp(2rem,3.2vw,3.5rem)/.98 var(--vh-font-display,Georgia,serif);
}
body.market .product p,
body.market .product li{
  color:rgba(255,255,255,.72);
  line-height:1.7;
}
body.market .product ul{padding-left:20px}
body.market .product .fee{
  padding-left:26px;
  border-left:1px solid rgba(255,255,255,.22);
}
body.market .product .fee strong{
  display:block;
  margin-bottom:5px;
  color:#fff;
  font-size:.8rem;
  letter-spacing:.06em;
}
body.market .process{
  padding:clamp(70px,8vw,115px) clamp(18px,6vw,96px);
  background:#ebe6dc;
}
body.market .process-grid{
  width:min(1500px,100%);
  margin:40px auto 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:rgba(23,52,71,.15);
  border:1px solid rgba(23,52,71,.15);
}
body.market .step{
  min-width:0;
  min-height:205px;
  margin:0;
  padding:25px;
  border:0;
  border-top:3px solid #c99a52;
  background:#fffdfa;
  box-sizing:border-box;
}
body.market .step strong{
  display:block;
  margin-bottom:20px;
  color:#c99a52;
  font:400 2.1rem/.9 var(--vh-font-display,Georgia,serif);
}
body.market .step h3{
  margin:0 0 9px;
  color:#173447;
  font:400 1.45rem/1.05 var(--vh-font-display,Georgia,serif);
}
body.market .step p{
  margin:0;
  color:#627078;
  font-size:.8rem;
  line-height:1.68;
}
body.market .process>div[style]{
  width:min(1500px,100%);
  margin:1px auto 0!important;
  padding:22px 25px!important;
  background:#173447!important;
  color:#fff!important;
  box-sizing:border-box;
}
body.market .lead{
  background:#f8f6f1;
}
body.market .lead-grid{
  width:min(1500px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
  gap:clamp(45px,7vw,110px);
}
body.market .lead-form{
  display:grid;
  gap:14px;
}
body.market .lead-form label{
  color:#3e5058;
  font-size:.75rem;
  font-weight:700;
}
body.market .lead-form input,
body.market .lead-form select,
body.market .lead-form textarea{
  width:100%;
  margin-top:7px;
  padding:13px 14px;
  border:1px solid rgba(23,52,71,.17);
  border-radius:3px;
  background:#fffdfa;
  color:#173447;
  font:inherit;
  box-sizing:border-box;
}
body.market .lead-form textarea{min-height:120px;resize:vertical}
body.market .checkgrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-top:7px;
  background:rgba(23,52,71,.12);
}
body.market .checkgrid label{
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:12px;
  background:#f1eee7;
  font-weight:500;
}
body.market .checkgrid input{width:auto;margin:1px 0 0;min-height:0}
body.market .lead-form button{
  min-height:52px;
  margin-top:8px;
  padding:0 24px;
  border:0;
  border-radius:999px;
  background:#173447;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
body.market .lead-form button:hover{background:#234c5b}
body.market .result{
  min-height:24px;
  padding-top:8px;
  color:#52646c;
  font-weight:700;
}
body.market .note{
  color:#69777c;
  font-size:.78rem;
  line-height:1.65;
}
@media(max-width:1100px){
  body.market .offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.market .product-grid{grid-template-columns:1fr}
  body.market .product .fee{padding:25px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.22)}
}
@media(max-width:850px){
  body.market .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.market .lead-grid{grid-template-columns:1fr}
}
@media(max-width:850px){
  body.market .market-hero.vh-hero{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto auto;
    align-content:end;
    row-gap:0;
  }
  body.market .market-hero .eyebrow{grid-column:1;grid-row:1}
  body.market .market-hero h1{grid-column:1;grid-row:2}
  body.market .market-hero>p:not(.eyebrow){grid-column:1;grid-row:3}
  body.market .market-hero .cta{grid-column:1;grid-row:4}
}
@media(max-width:650px){
  body.market .market-hero.vh-hero{min-height:88svh;height:88svh}
  body.market .market-hero{padding-left:18px;padding-right:18px;padding-bottom:42px}
  body.market .market-hero h1{font-size:clamp(3.15rem,13vw,5.2rem)}
  body.market .offer-grid,
  body.market .process-grid,
  body.market .checkgrid{grid-template-columns:1fr}
  body.market .offer,
  body.market .step{min-height:0}
  body.market .offer-wrap,
  body.market .process,
  body.market .lead{padding-left:14px;padding-right:14px}
  body.market .product{padding:27px 21px}
  body.market .lead-grid{gap:38px}
}


/* 2026-09-26 — Services hero visibility and composition correction
   The shared cinematic veil must sit behind hero content, not over it.
   Services also owns the hero veil here so the image is not darkened twice. */
@media(min-width:651px){
  body.market .market-hero{
    padding-bottom:clamp(58px,7vh,86px);
  }
}
@media(max-width:650px){
  body.market .market-hero.vh-hero::after{
    background:
      linear-gradient(90deg,rgba(4,11,16,.54),rgba(4,11,16,.18)),
      linear-gradient(0deg,rgba(3,8,11,.62),rgba(3,8,11,.04) 72%);
  }
  body.market .market-hero h1{
    max-width:100%;
    text-wrap:pretty;
  }
}


/* 2026-09-26 — Services hero final composition
   Explicit grid ownership prevents flex-item collision and keeps the editorial hierarchy:
   eyebrow → headline / supporting copy → CTA. */
body.market .market-hero.vh-hero{
  overflow:hidden;
}
body.market .market-hero h1,
body.market .market-hero>p:not(.eyebrow),
body.market .market-hero .cta{
  min-width:0;
}
@media(min-width:851px){
  body.market .market-hero h1{
    margin-bottom:0;
  }
  body.market .market-hero>p:not(.eyebrow){
    margin-bottom:18px;
  }
}


/* 2026-09-26 — Services hero final responsive geometry */
@media(max-width:850px){
  body.market .market-hero.vh-hero{min-height:88svh;height:88svh}
  body.market .market-hero .eyebrow{
    top:92px;left:18px;right:18px;
    font-size:.54rem;letter-spacing:.18em;
  }
  body.market .market-hero h1{
    left:18px;right:18px;bottom:112px;
    width:auto;max-width:700px;
    font-size:clamp(3.05rem,10.8vw,5rem);
    line-height:.9;
  }
  body.market .market-hero>p:not(.eyebrow){
    left:18px;right:18px;bottom:42px;
    width:auto;max-width:650px;
    font-size:.92rem;
    line-height:1.5;
    padding-right:150px;
  }
  body.market .market-hero .cta{
    right:18px;bottom:42px;
    min-height:44px;padding:0 16px;font-size:.62rem;
  }
}
@media(max-width:560px){
  body.market .market-hero .eyebrow{top:84px}
  body.market .market-hero h1{
    bottom:126px;
    font-size:clamp(2.75rem,12.5vw,4.2rem);
  }
  body.market .market-hero>p:not(.eyebrow){
    bottom:78px;
    padding-right:0;
    font-size:.83rem;
    line-height:1.45;
  }
  body.market .market-hero .cta{
    left:18px;right:auto;bottom:24px;
    min-height:42px;
  }
}