.inner-page .site-header {
    position: relative
}

.inner-page .nav-links {
    display: flex
}

.inner-page .menu-toggle {
    display: none
}

.inner-page .brand img {
    height: 54px;
    width: 36px;
    object-fit: cover;
    object-position: top
}

.inner-page .hero {
    min-height: 520px
}

.inner-page footer img {
    height: 76px;
    width: 51px;
    object-fit: cover;
    object-position: top
}

.inner-page .section {
    padding: 110px 11vw
}

.inner-page h2 {
    font: 500 clamp(44px, 5.6vw, 80px)/1.02 var(--font-subheading);
    letter-spacing: -.05em;
    margin: 0
}

.inner-page .nav-dropdown {
    position: relative
}

.inner-page .dropdown-menu {
    display: none;
    position: absolute;
    top: 25px;
    left: -16px;
    background: var(--foreground);
    padding: 12px 16px;
    min-width: 130px;
    box-shadow: 0 12px 30px var(--overlay-strong)
}

.inner-page .dropdown-menu a {
    display: block!important;
    padding: 6px 0;
    white-space: nowrap
}

.inner-page .nav-dropdown:hover .dropdown-menu {
    display: block
}

.inner-hero {
    padding: calc(var(--header-height) + 40px) 11vw 100px;
    background: var(--hero-scrim), url('https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=2200&q=85') center/cover;
    color: var(--card);
    min-height: 520px
}

.inner-hero h1 {
    font: 500 clamp(54px, 7vw, 98px)/.98 var(--font-subheading);
    letter-spacing: -.055em;
    margin: 35px 0 24px
}

.inner-hero h1 em {
    font-style: italic;
    color:var(--accent-text)
}

.inner-hero p {
    max-width: 400px;
    color: var(--accent-text-soft);
    font-size: 16px
}

.flats-hero {
    background-image: var(--hero-scrim), url('Assets/baghban-greens-enhanced-landscape-heroes/properties-hero.webp')
}

.villas-hero {
    background-image: var(--hero-scrim), url('Assets/baghban-greens-enhanced-landscape-heroes/properties-hero.webp')
}

.about-hero {
    background-image: var(--hero-scrim), url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=2200&q=85')
}

.contact-hero {
    background-image: var(--hero-scrim), url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=85')
}

.property-intro,
.listing-heading,
.story-section,
.contact-page {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10vw;
    align-items: end
}

.property-intro .lead {
    max-width: 420px
}

.property-choices {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    background: var(--surface-soft)
}

.choice-card {
    min-height: 430px;
    padding: 42px;
    text-decoration: none;
    color: var(--card);
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: end
}

.choice-card span {
    color:var(--accent-text);
    font-size: 10px;
    letter-spacing: .16em;
    text-transform: uppercase
}

.choice-card h3 {
    font: 500 56px var(--font-subheading);
    margin: 12px 0
}

.choice-card p {
    max-width: 340px;
    color: var(--line)
}

.choice-card b {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .1em
}

.choice-flat {
    background-image: linear-gradient(0deg, var(--overlay-strong), transparent 70%), url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1200&q=80')
}

.choice-villa {
    background-image: linear-gradient(0deg, var(--overlay-strong), transparent 70%), url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80')
}

.listing-heading {
    margin-bottom: 60px
}

.listing-heading>p {
    color: var(--text-muted);
    max-width: 360px
}

.listing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.listing-card {
    background: var(--card);
    border: 1px solid var(--line)
}

.listing-photo {
    height: 250px;
    background-size: cover;
    background-position: center;
    position: relative
}

.listing-photo span {
    position: absolute;
    left: 18px;
    top: 18px;
    background: var(--gold);
    padding: 5px 9px;
    font-size: 10px;
    text-transform: uppercase
}

.flat-1 {
    background-image: url('https://images.unsplash.com/photo-1600210491892-03d54c0aaf87?auto=format&fit=crop&w=900&q=80')
}

.flat-2 {
    background-image: url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=900&q=80')
}

.flat-3 {
    background-image: url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=900&q=80')
}

.villa-1 {
    background-image: url('https://images.unsplash.com/photo-1600585154526-990dced4db0d?auto=format&fit=crop&w=900&q=80')
}

.villa-2 {
    background-image: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=900&q=80')
}

.villa-3 {
    background-image: url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=900&q=80')
}

.listing-info {
    padding: 24px
}

.listing-info h3 {
    font: 500 24px var(--font-subheading);
    margin: 0
}

.listing-info p {
    font-size: 11px;
    color: var(--text-muted)
}

.listing-info>strong {
    display: block;
    color:var(--accent-text);
    font: 500 25px var(--font-subheading);
    border-bottom: 1px solid var(--surface-soft);
    padding-bottom: 17px;
    margin: 17px 0
}

.listing-info small {
    font: 10px var(--font-text);
    color: var(--text-muted)
}

.listing-info ul {
    padding-left: 17px;
    color: var(--text-muted);
    font-size: 11px;
    line-height: 1.9
}

.listing-info a {
    display: inline-block;
    margin-top: 8px;
    color: var(--ink);
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid var(--gold)
}

.story-image {
    min-height: 530px;
    background: url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1200&q=85') center/cover
}

.story-section>div:last-child {
    align-self: center
}

.story-section p {
    color: var(--text-muted);
    max-width: 430px
}

.values-section {
    background: var(--surface-soft)
}

.value-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 55px
}

.value-grid strong {
    color:var(--accent-text);
    font: 500 28px var(--font-subheading)
}

.value-grid h3 {
    font: 500 23px var(--font-subheading);
    margin: 10px 0
}

.value-grid p {
    color: var(--text-muted);
    font-size: 13px
}

.large-gallery {
    margin-top: 45px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 300px 300px 300px
}

.large-gallery .tall {
    grid-row: 1/3
}

.photo-5 {
    background-image: url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=900&q=80')
}

.photo-6 {
    background-image: url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=900&q=80')
}

.dark-details {
    margin-top: 35px
}

.dark-details span {
    color: var(--ink)
}

.contact-page {
    align-items: start
}

.light-form {
    background: var(--card)
}

.light-form label {
    color: var(--text-muted)
}

.light-form input,
.light-form select {
    color: var(--ink);
    border-color: var(--line)
}

@media(max-width:800px) {
    .inner-page .nav-links {
        display: none
    }
    .inner-page .menu-toggle {
        display: block
    }
    .inner-page .nav-links.open {
        display: flex;
        position: absolute;
        top: 74px;
        left: 0;
        right: 0;
        background: var(--ink);
        padding: 22px 6vw;
        flex-direction: column;
        gap: 16px
    }
    .inner-hero {
        min-height: 440px;
        padding: calc(var(--header-height) + 30px) 8vw 70px
    }
    .inner-page .section {
        padding: 85px 8vw
    }
    .property-intro,
    .listing-heading,
    .story-section,
    .contact-page {
        grid-template-columns: 1fr;
        gap: 30px
    }
    .property-choices,
    .listing-grid,
    .value-grid {
        grid-template-columns: 1fr
    }
    .story-image {
        min-height: 360px
    }
    .large-gallery {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 220px 180px 180px
    }
    .large-gallery .tall {
        grid-row: auto;
        grid-column: 1/-1
    }
}
/* Animated residence cards */
.property-card-grid{display:grid!important;flex-direction:initial!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.property-type-card{position:relative;display:flex;flex-direction:column;min-height:520px;padding:28px 26px 25px;overflow:hidden;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.property-type-card:hover,.property-type-card:focus-visible{transform:translateY(-8px);border-color:var(--accent-text);box-shadow:0 24px 60px var(--overlay-subtle)}
.property-type-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.property-type-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.property-type-card__eyebrow{display:block;color:var(--accent-text);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.property-type-card h3{font:500 27px/1.05 var(--font-subheading);margin:9px 0 0}.property-type-card__arrow{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--line);border-radius:50%;font-size:18px;transition:background .3s ease,color .3s ease,transform .3s ease}.property-type-card:hover .property-type-card__arrow,.property-type-card:focus-visible .property-type-card__arrow{background:var(--gold);color:var(--card);border-color:var(--accent-text);transform:translate(2px,-2px)}
.property-type-card__images{position:relative;height:170px;margin:28px 0 26px}.property-type-card__image{position:absolute;top:0;left:0;width:57%;height:100%;margin:0;overflow:hidden;border:4px solid var(--card);background:var(--line);box-shadow:0 10px 20px var(--overlay-subtle);transform:translateX(var(--base-x)) rotate(var(--base-r));transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease}.property-type-card__image img{display:block;width:100%;height:100%;object-fit:cover}.property-type-card:hover .property-type-card__image,.property-type-card:focus-visible .property-type-card__image{transform:translateX(var(--hover-x)) rotate(var(--hover-r));box-shadow:0 14px 28px var(--overlay-medium)}
.property-type-card__stats{display:flex;flex-wrap:wrap;gap:9px 13px;margin-bottom:16px;color:var(--text-muted);font-size:10px}.property-type-card__stat{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.property-type-card__stat .fa-icon{font-size:14px;color:var(--accent-text)}.property-type-card>p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.65}.property-type-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:22px;color:var(--ink);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.property-type-card__link .fa-icon{font-size:15px;transition:transform .25s ease}.property-type-card:hover .property-type-card__link .fa-icon,.property-type-card:focus-visible .property-type-card__link .fa-icon{transform:translate(3px,-3px)}
@media(max-width:1000px){.property-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.property-type-card:last-child{grid-column:1/-1}}
@media(max-width:800px){.property-card-grid{grid-template-columns:1fr}.property-type-card:last-child{grid-column:auto}.property-type-card{min-height:495px;padding:24px 22px 23px}.property-type-card__images{height:165px}.property-type-card h3{font-size:25px}}
@media(min-width:801px){
 .inner-hero,.listings-section,.listing-hero,.listing-page-section{padding-right:var(--page-gutter);padding-left:var(--page-gutter)}
 .listing-grid,.listing-intro,.listing-heading{gap:var(--layout-gap)}
}
/* Contact map and verified contact details */
.contact-details a{display:block;color:inherit;text-decoration:none;transition:color .2s ease,transform .2s ease}
.contact-details a:hover,.contact-details a:focus-visible{color:var(--accent-text);transform:translateX(4px)}
.contact-location{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,7vw,100px);align-items:center;padding:clamp(70px,9vw,130px) var(--page-gutter,11vw);background:var(--surface-soft,#f3f3f3)}
.contact-location__copy h2{margin:24px 0 20px;font:500 clamp(42px,5vw,74px)/1 var(--font-subheading);letter-spacing:-.05em;color:var(--foreground)}
.contact-location__copy h2 em{color:var(--primary);font-style:italic}.contact-location__copy p{max-width:360px;color:var(--text-muted);margin:0 0 28px}
.contact-map{position:relative;min-height:390px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#dfe2e4,#f8f8f8 52%,#c7cccb);box-shadow:0 24px 60px rgba(17,24,20,.12)}
.contact-map::before,.contact-map::after{content:"";position:absolute;inset:15% -12%;height:28px;background:rgba(255,255,255,.82);transform:rotate(-28deg);z-index:1;pointer-events:none}.contact-map::after{transform:rotate(30deg);top:62%}
.contact-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:0;opacity:.82}.contact-map__fallback{position:absolute;left:50%;top:50%;z-index:2;display:inline-flex;align-items:center;gap:10px;max-width:calc(100% - 40px);padding:16px 20px;border-radius:12px;background:var(--foreground);color:var(--card);font-size:12px;text-decoration:none;transform:translate(-50%,-50%);box-shadow:0 14px 32px rgba(0,0,0,.18);transition:background .2s ease,transform .2s ease}.contact-map__fallback:hover,.contact-map__fallback:focus-visible{background:var(--primary);color:var(--ink);transform:translate(-50%,-53%)}
@media(max-width:800px){.contact-location{grid-template-columns:1fr;padding-right:8vw;padding-left:8vw}.contact-map{min-height:300px}.contact-map__fallback{font-size:11px}}


/* Live Google Maps embed: do not cover the map with the old placeholder artwork. */
.contact-map::before, .contact-map::after { display: none; }
.contact-location__copy .button { gap: .5rem; }
.contact-location__copy .button .fa-icon { flex: 0 0 auto; margin-left: .15rem; }

/* Contact page refresh: hero-led, mobile-first enquiry journey */
.contact-redesign-page { background: var(--surface, #f5f5f2); }
.contact-redesign { overflow: hidden; }
.contact-redesign__hero { position: relative; display: flex; align-items: flex-end; min-height: min(76svh, 720px); padding: clamp(150px, 18vh, 210px) var(--page-gutter, 8vw) clamp(58px, 8vw, 110px); color: var(--card, #fff); background-image: linear-gradient(90deg, rgba(9,12,11,.86) 0%, rgba(9,12,11,.64) 45%, rgba(9,12,11,.15) 100%), url('Assets/baghban-greens-enhanced-landscape-heroes/book-visit-hero.webp'); background-position: center; background-size: cover; }
.contact-redesign__hero-inner { position: relative; z-index: 1; max-width: 680px; }
.contact-redesign__hero h1 { margin: 24px 0 22px; max-width: 650px; font: 500 clamp(54px, 8vw, 112px)/.91 var(--font-subheading); letter-spacing: -.06em; }
.contact-redesign__hero h1 em { color: var(--gold, #e1b321); font-style: italic; }
.contact-redesign__hero p { max-width: 510px; margin: 0; color: rgba(255,255,255,.82); font-size: clamp(16px, 1.5vw, 19px); line-height: 1.65; }
.contact-redesign__hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 32px; }
.contact-redesign__hero-actions .button { min-height: 50px; }
.contact-redesign__call-link { display: inline-flex; align-items: center; gap: 10px; color: var(--card); font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; }
.contact-redesign__call-link .fa-icon { color: var(--gold); }
.contact-redesign__trust { display: flex; align-items: center; gap: 10px; margin-top: 42px; color: rgba(255,255,255,.64); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.contact-redesign__trust .fa-icon { color: var(--gold); font-size: 15px; }
.contact-redesign__trust b { margin: 0 5px; color: var(--gold); font-weight: 400; }
.contact-redesign__hero-badge { position: absolute; right: var(--page-gutter, 8vw); bottom: clamp(58px, 8vw, 110px); z-index: 1; display: grid; gap: 5px; min-width: 205px; padding: 22px 24px; border: 1px solid rgba(255,255,255,.28); border-radius: 18px; background: rgba(20,24,21,.48); backdrop-filter: blur(14px); box-shadow: 0 20px 50px rgba(0,0,0,.18); }
.contact-redesign__hero-badge > .fa-icon { margin-bottom: 6px; color: var(--gold); font-size: 20px; }
.contact-redesign__hero-badge span { color: rgba(255,255,255,.65); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.contact-redesign__hero-badge strong { color: #fff; font: 500 20px/1.1 var(--font-subheading); }
.contact-redesign__hero-badge small { color: rgba(255,255,255,.74); font-size: 12px; }
.contact-redesign__intro { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(40px, 8vw, 130px); align-items: end; max-width: 1280px; margin: 0 auto; padding: clamp(75px, 10vw, 140px) var(--page-gutter, 8vw) clamp(42px, 5vw, 70px); }
.contact-redesign__intro-heading h2 { margin: 24px 0 22px; font: 500 clamp(42px, 5.2vw, 76px)/.98 var(--font-subheading); letter-spacing: -.055em; color: var(--foreground); }
.contact-redesign__intro-heading h2 em { color: var(--primary, #d7a816); font-style: italic; }
.contact-redesign__intro-heading p { max-width: 440px; margin: 0; color: var(--text-muted); line-height: 1.7; }
.contact-redesign__facts { display: grid; gap: 12px; }
.contact-redesign__fact { position: relative; display: flex; align-items: center; gap: 16px; min-height: 82px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); text-decoration: none; background: rgba(255,255,255,.58); transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease; }
.contact-redesign__fact:hover, .contact-redesign__fact:focus-visible { border-color: var(--gold); box-shadow: 0 12px 28px rgba(17,24,20,.08); transform: translateY(-2px); }
.contact-redesign__fact-icon { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; color: var(--gold); background: var(--ink); }
.contact-redesign__fact > span:nth-child(2) { display: grid; gap: 4px; min-width: 0; }
.contact-redesign__fact small, .contact-redesign__fact em { color: var(--text-muted); font-size: 10px; font-style: normal; }
.contact-redesign__fact strong { overflow-wrap: anywhere; font-size: 14px; font-weight: 600; }
.contact-redesign__fact-arrow { margin-left: auto; color: var(--text-muted); font-size: 14px; }
.contact-redesign__enquiry { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 24px; max-width: 1280px; margin: 0 auto; padding: 0 var(--page-gutter, 8vw) clamp(80px, 10vw, 140px); }
.contact-redesign__form-card { padding: clamp(28px, 4vw, 54px); border: 1px solid var(--line); border-radius: 22px; background: var(--card); box-shadow: 0 22px 70px rgba(17,24,20,.08); }
.contact-redesign__card-kicker { display: flex; align-items: center; gap: 9px; color: var(--accent-text); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.contact-redesign__card-kicker .fa-icon { color: var(--gold); font-size: 14px; }
.contact-redesign__form-card h2, .contact-redesign__visit-card h2 { margin: 20px 0 12px; font: 500 clamp(38px, 4.2vw, 62px)/.96 var(--font-subheading); letter-spacing: -.055em; }
.contact-redesign__form-card h2 em, .contact-redesign__visit-card h2 em { color: var(--primary, #d7a816); font-style: italic; }
.contact-redesign__form-intro { max-width: 470px; margin: 0; color: var(--text-muted); line-height: 1.65; }
.contact-redesign__form-card .enquiry-form { margin-top: 30px; padding: 0; background: transparent; }
.contact-redesign__field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.contact-redesign__form-card label { display: grid; gap: 9px; margin-bottom: 20px; color: var(--text-muted); font-size: 10px; letter-spacing: .11em; text-transform: uppercase; }
.contact-redesign__form-card label small { letter-spacing: 0; text-transform: none; }
.contact-redesign__form-card input, .contact-redesign__form-card select { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: var(--surface, #f5f5f2); font: 15px var(--font-text); outline: none; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.contact-redesign__form-card input:focus, .contact-redesign__form-card select:focus { border-color: var(--gold); background: #fff; box-shadow: 0 0 0 3px rgba(225,179,33,.18); }
.contact-redesign__form-card .button { min-height: 50px; margin-top: 4px; }
.contact-redesign__form-card .form-note { display: flex; align-items: center; gap: 8px; margin-top: 18px; color: var(--text-muted); font-size: 11px; }
.contact-redesign__form-card .form-note .fa-icon { color: var(--accent-text); }
.contact-redesign__visit-card { position: relative; overflow: hidden; padding: clamp(28px, 4vw, 48px); border-radius: 22px; color: var(--card); background: var(--ink); box-shadow: 0 22px 70px rgba(17,24,20,.12); }
.contact-redesign__visit-card::after { content: ''; position: absolute; right: -70px; bottom: -80px; width: 220px; height: 220px; border: 1px solid rgba(225,179,33,.45); border-radius: 50%; box-shadow: 0 0 0 22px rgba(225,179,33,.05), 0 0 0 44px rgba(225,179,33,.04); }
.contact-redesign__visit-number { color: var(--gold); font-size: 11px; letter-spacing: .15em; }
.contact-redesign__visit-icon { display: block; margin-top: 42px; color: var(--gold); font-size: 30px; }
.contact-redesign__visit-card h2 { color: var(--card); }
.contact-redesign__visit-card h2 em { color: var(--gold); }
.contact-redesign__visit-card ol { display: grid; gap: 0; margin: 34px 0 30px; padding: 0; list-style: none; }
.contact-redesign__visit-card li { display: flex; gap: 15px; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.73); font-size: 12px; line-height: 1.5; }
.contact-redesign__visit-card li b { color: var(--gold); font-size: 10px; letter-spacing: .1em; }
.contact-redesign__visit-card > a { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 10px; color: rgba(255,255,255,.7); font-size: 11px; text-decoration: none; }
.contact-redesign__visit-card > a span { color: #fff; font-weight: 600; }
.contact-redesign__visit-card > a .fa-icon { margin-left: 5px; color: var(--gold); }
.contact-redesign__location { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(35px, 7vw, 100px); padding-top: clamp(75px, 9vw, 125px); padding-bottom: clamp(75px, 9vw, 125px); background: var(--surface-soft, #eceeef); }
.contact-redesign__location .contact-location__copy h2 { color: var(--foreground); }
.contact-redesign__location address { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 28px; color: var(--ink); font: 500 16px/1.5 var(--font-subheading); font-style: normal; }
.contact-redesign__location address .fa-icon { margin-top: 4px; color: var(--gold); }
.contact-redesign__location address small { display: block; margin-top: 4px; color: var(--text-muted); font: 12px var(--font-text); }
.contact-redesign__location .contact-map { min-height: 420px; border-radius: 22px; }
.contact-redesign a:focus-visible, .contact-redesign button:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
@media (max-width: 900px) {
  .contact-redesign__hero { min-height: 650px; padding-top: 155px; }
  .contact-redesign__hero-badge { right: var(--page-gutter, 8vw); bottom: 30px; }
  .contact-redesign__intro, .contact-redesign__enquiry { grid-template-columns: 1fr; }
  .contact-redesign__intro { gap: 38px; }
  .contact-redesign__visit-card { min-height: 420px; }
}
@media (max-width: 600px) {
  .contact-redesign__hero { min-height: 680px; padding: 135px 6vw 150px; background-position: 62% center; }
  .contact-redesign__hero h1 { font-size: clamp(52px, 16vw, 80px); }
  .contact-redesign__hero p { font-size: 15px; }
  .contact-redesign__hero-actions { align-items: stretch; flex-direction: column; gap: 20px; }
  .contact-redesign__hero-actions .button { justify-content: center; width: 100%; }
  .contact-redesign__hero-badge { right: 6vw; bottom: 30px; left: 6vw; min-width: 0; }
  .contact-redesign__trust { align-items: flex-start; font-size: 9px; line-height: 1.6; }
  .contact-redesign__trust b { margin: 0 2px; }
  .contact-redesign__intro, .contact-redesign__enquiry { padding-right: 6vw; padding-left: 6vw; }
  .contact-redesign__field-row { grid-template-columns: 1fr; gap: 0; }
  .contact-redesign__form-card .button, .contact-redesign__location .button { width: 100%; justify-content: center; }
  .contact-redesign__location { padding-right: 6vw; padding-left: 6vw; }
  .contact-redesign__location .contact-map { min-height: 300px; }
}
@media (prefers-reduced-motion: reduce) {
  .contact-redesign__fact, .contact-redesign__form-card input, .contact-redesign__form-card select { transition: none; }
  .contact-redesign__fact:hover, .contact-redesign__fact:focus-visible { transform: none; }
}
/* Villa listing cards: reveal the full local image collage */
.property-card-grid .property-type-card { border-radius: 18px; }
.property-card-grid .property-type-card__images { height: 230px; margin: 30px 0 30px; }
.property-card-grid .property-type-card__image { width: 72%; height: 100%; border-width: 5px; border-radius: 16px; }
.property-card-grid .property-type-card__image:nth-child(1) { --base-x: 0%; --base-r: -3deg; --hover-x: -2%; --hover-r: -5deg; z-index: 1; }
.property-card-grid .property-type-card__image:nth-child(2) { --base-x: 14%; --base-r: 3deg; --hover-x: 13%; --hover-r: 5deg; z-index: 2; }
.property-card-grid .property-type-card__image:nth-child(3) { --base-x: 28%; --base-r: -1deg; --hover-x: 27%; --hover-r: -3deg; z-index: 3; }
.property-card-grid .property-type-card__image img { border-radius: 11px; }
@media (max-width: 800px) {
  .property-card-grid .property-type-card__images { height: 210px; }
}
.contact-redesign__phone-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px}.contact-redesign__phone-list a{color:inherit;text-decoration:none;white-space:nowrap}.contact-redesign__phone-list a:hover,.contact-redesign__phone-list a:focus-visible{color:var(--accent-text)}
@media(max-width:600px){.contact-redesign__phone-list{grid-template-columns:1fr;gap:3px}}
/* Contact details: individual tap-to-call actions. */
.contact-redesign__phone-fact{
  align-items:flex-start;
}
.contact-redesign__fact-body{
  display:grid;
  flex:1 1 auto;
  min-width:0;
  gap:8px;
}
.contact-redesign__fact-body > small{
  color:var(--text-muted);
  font-size:10px;
}
.contact-redesign__phone-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0;
}
.contact-redesign__phone-list a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:40px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:9px;
  color:var(--ink);
  background:rgba(255,255,255,.5);
  font-size:12px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  transition-property:color,border-color,background-color,transform,box-shadow;
  transition-duration:180ms;
  transition-timing-function:cubic-bezier(.2,0,0,1);
}
.contact-redesign__phone-list a .fa-icon{
  color:var(--accent-text);
  font-size:10px;
  opacity:.7;
  transition:opacity 180ms cubic-bezier(.2,0,0,1),transform 180ms cubic-bezier(.2,0,0,1);
}
.contact-redesign__phone-list a:hover,
.contact-redesign__phone-list a:focus-visible{
  border-color:var(--accent-text);
  color:var(--ink);
  background:var(--card);
  box-shadow:0 8px 18px rgba(17,24,20,.08);
  transform:translateY(-2px);
}
.contact-redesign__phone-list a:hover .fa-icon,
.contact-redesign__phone-list a:focus-visible .fa-icon{
  opacity:1;
  transform:translate(2px,-2px);
}
.contact-redesign__fact-body em{
  color:var(--text-muted);
  font-size:10px;
  font-style:normal;
}
.contact-redesign__email-fact strong{
  overflow-wrap:anywhere;
}
@media(max-width:600px){
  .contact-redesign__phone-list{grid-template-columns:1fr;gap:7px}
  .contact-redesign__phone-list a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  .contact-redesign__phone-list a,
  .contact-redesign__phone-list a .fa-icon{transition:none}
  .contact-redesign__phone-list a:hover,
  .contact-redesign__phone-list a:focus-visible{transform:none}
}

/* Properties page refresh: image-led choices with clear, full-card navigation. */
.properties-page-shell{background:var(--surface)}
.properties-page .inner-hero{position:relative;isolation:isolate;min-height:min(72svh,700px);display:flex;flex-direction:column;justify-content:end;background-image:linear-gradient(90deg,rgba(13,16,14,.86),rgba(13,16,14,.5) 52%,rgba(13,16,14,.16)),url('Assets/baghban-greens-enhanced-landscape-heroes/properties-hero.webp');background-position:center;background-size:cover}
.properties-page .inner-hero h1{max-width:850px}
.properties-page .inner-hero p{max-width:520px;line-height:1.65}
.properties-page .property-intro{max-width:1280px;margin:0 auto;padding-top:clamp(78px,10vw,138px);padding-bottom:clamp(58px,8vw,96px)}
.properties-page .property-intro h2{margin-top:22px;font-size:clamp(42px,5.4vw,76px);line-height:.98;letter-spacing:-.05em}
.properties-page .property-intro h2 em{color:var(--accent-text);font-style:italic}
.properties-page .property-intro .lead{max-width:500px;color:var(--text-muted);font-size:clamp(16px,1.5vw,19px);line-height:1.7}
.properties-page .property-choices{display:block;padding:clamp(72px,9vw,124px) var(--page-gutter);background:linear-gradient(145deg,var(--surface-soft),var(--surface) 66%,var(--primary-tint))}
.property-choices__heading{max-width:1120px;margin:0 auto clamp(34px,5vw,60px);display:flex;align-items:end;justify-content:space-between;gap:32px}
.property-choices__heading h2{margin:22px 0 0;font:500 clamp(40px,5.2vw,72px)/.98 var(--font-subheading);letter-spacing:-.05em}
.property-choices__heading h2 em{color:var(--accent-text);font-style:italic}
.property-choices__heading>p{max-width:370px;margin:0 0 4px;color:var(--text-muted);font-size:14px;line-height:1.7}
.property-choices__grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.property-choice{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);text-decoration:none;box-shadow:0 12px 30px rgba(17,24,20,.07);transition-property:transform,box-shadow,border-color;transition-duration:280ms;transition-timing-function:cubic-bezier(.2,0,0,1)}
.property-choice__media{position:relative;min-height:clamp(250px,29vw,410px);overflow:hidden;background:var(--surface-soft)}
.property-choice__media::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(180deg,transparent,rgba(12,14,13,.52));pointer-events:none}
.property-choice__media img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition-property:transform;transition-duration:650ms;transition-timing-function:cubic-bezier(.2,0,0,1)}
.property-choice__badge{position:absolute;left:20px;bottom:18px;z-index:1;padding:8px 11px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(16,19,17,.5);backdrop-filter:blur(10px);color:#fff;font-size:10px;letter-spacing:.08em}
.property-choice__index{position:absolute;right:20px;top:18px;z-index:1;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.5);border-radius:50%;color:#fff;font-size:11px}
.property-choice__body{display:grid;align-content:start;gap:12px;min-height:220px;padding:24px 26px 26px}
.property-choice__eyebrow{color:var(--accent-text);font-size:10px;letter-spacing:.1em}
.property-choice h3{margin:0;font:500 clamp(30px,3vw,46px)/1 var(--font-subheading);letter-spacing:-.04em}
.property-choice p{max-width:420px;margin:0;color:var(--text-muted);font-size:13px;line-height:1.65}
.property-choice__link{display:inline-flex;align-items:center;gap:10px;align-self:end;margin-top:auto;padding-top:12px;color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.property-choice__link .fa-icon{font-size:13px;transition-property:transform;transition-duration:180ms;transition-timing-function:cubic-bezier(.2,0,0,1)}
.property-choice:hover,.property-choice:focus-visible{border-color:var(--primary);box-shadow:0 22px 50px rgba(17,24,20,.14);transform:translateY(-5px)}
.property-choice:hover .property-choice__media img,.property-choice:focus-visible .property-choice__media img{transform:scale(1.045)}
.property-choice:hover .property-choice__link .fa-icon,.property-choice:focus-visible .property-choice__link .fa-icon{transform:translate(3px,-3px)}
.property-choice:active{transform:scale(.96)}
.property-choice:focus-visible{outline:3px solid var(--primary);outline-offset:4px}
@media(max-width:800px){.properties-page .inner-hero{min-height:560px;padding-left:8vw;padding-right:8vw}.property-choices__heading{display:block}.property-choices__heading>p{margin-top:24px;max-width:540px}.property-choices__grid{grid-template-columns:1fr}.property-choice__media{min-height:300px}}
@media(max-width:520px){.properties-page .property-intro{padding-top:68px;padding-bottom:60px}.properties-page .property-choices{padding-left:6vw;padding-right:6vw}.property-choices__heading h2{font-size:clamp(38px,12vw,56px)}.property-choice__body{min-height:0;padding:22px}.property-choice__media{min-height:250px}}
@media(prefers-reduced-motion:reduce){.property-choice,.property-choice__media img,.property-choice__link .fa-icon{transition:none}.property-choice:hover,.property-choice:focus-visible,.property-choice:active{transform:none}.property-choice:hover .property-choice__media img,.property-choice:focus-visible .property-choice__media img{transform:none}.property-choice:hover .property-choice__link .fa-icon,.property-choice:focus-visible .property-choice__link .fa-icon{transform:none}}