/* Owner reference: frosted white glass, without a grey-blue cast. Colors and surfaces only; motion retained. */
/* Downloads artwork uses white drafting paper, charcoal surroundings and logo-orange accents. */
html:root body #main .section-cinema-downloads{background:#181a1c}
html:root body #main .section-cinema-downloads .section-cinema-shade{background:linear-gradient(90deg,#151719e8 0%,#151719b3 30%,#15171912 68%,transparent),linear-gradient(0deg,#151719ed,transparent 35%)}
html:root body #main .section-cinema-downloads .section-cinema-copy{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
html:root body #main .section-cinema-downloads .section-cinema-copy h1{color:#fff}
html:root body #main .section-cinema-downloads .section-cinema-copy>p:not(.eyebrow){color:#edf2f5}
@media(max-width:600px){html:root body #main .section-cinema-downloads .section-cinema-shade{background:linear-gradient(180deg,#181a1c 0%,#181a1c 38%,transparent 54%,transparent 82%,#181a1c 94%)}}
@media(max-width:360px){html:root body #main .section-cinema-downloads .photographic-topic{top:565px}}
html:root{--paper:#f5f7f9;--tint:#edf2f5;--cream:#f5f8fa;--line:#cbd5de66;--muted:#41515b;--card-paper:#ffffffc7;--card-soft:#edf3f7;--card-line:#ffffffa6;--card-muted:#41515b;--frost-panel:#ffffffc7;--frost-border:#ffffffcc}
html:root body{background:#f5f7f9}
html:root body #main{background:radial-gradient(ellipse at 15% 8%,#ffffffdd,transparent 42%),radial-gradient(ellipse at 90% 40%,#dce9f222,transparent 40%),linear-gradient(115deg,#f5f7f9,#f0f5f8 52%,#fafcfd)}
html:root body #main :is(.faq-section,.home-documents,.editorial-updates,.investment-article){background:transparent}
html:root body #main .editorial-updates{--edit-paper:#f5f8fa;--edit-rule:#cbd5de66}
html:root body #main .edit-cover{background:#f5f8fa;border-color:var(--frost-border)}
html:root body #main .edit-cover-story{background:linear-gradient(135deg,#ffffffe6,#f7fbfddd)}
html:root body #main .edit-masthead span:last-child{color:#41515b}
html:root body #main :is(.edit-story,.news-card,.guide-card,.download-location-card,.layout-property-card,.document-card,.locality-card,.growth-card,.planning-promo,.enquiry-panel,.enquiry-form,.contact-selection,.project-enquiry-card){background:var(--frost-panel);border-color:var(--frost-border)}
html:root body #main .project-card.project-card:not(.signature-project){background:var(--frost-panel);border-color:var(--frost-border)}
html:root body #main .article-grid>article{background:var(--frost-panel)}
html:root body #main :is(.filter-panel,.download-filters,.layout-search-panel,.edit-filter-bar,.locality-strip,.layout-location-card,.layout-search-empty,.download-section,.archive-callout,.callout,.benchmark-note,.roi-panel){background:#f7fafccc;border-color:var(--frost-border)}
html:root body #main #investment{background:#f1f6fac7}
html:root body #main .edit-story :is(.edit-number,.edit-period){background:#f2f7fa}
html:root body #main :is(.edit-desk-index a:hover,.button.outline:hover){background:#edf3f7}
html:root body #main :is(.article blockquote,.guide-article blockquote,.edit-edition-note){background:#f7fbfddd}
html:root body #main :is(.filter-panel,.download-filters,.layout-search-panel,.edit-filter-bar,.enquiry-form,.enquiry-panel) :is(input,select,textarea){background:#ffffffd9;border-color:#b4c6d3}
html:root body #main :is(.facts>div,.information-grid>div,.product-card,.selected-product-summary){background:#ffffffb3;border-color:#cbd5de66}
html:root body #main .project-location iframe{background:#edf3f7;border-color:var(--frost-border)}
html:root body #main .project-detail-v3 .section-nav{background:#f5fafdf0;border-color:#cbd5de66}
html:root body #main :is(.calculator,.buyer-tool,.roi-breakdown thead,.comparison){background:#ffffffb3}
html:root body #main .developer-logo-flip-toggle{background:#f5f8fa;border-color:#cbd5de66}
html:root body #main .developer-logo-flip-card[data-dark=true] .developer-logo-flip-toggle{background:#292a27;border-color:#7b7d72}
html:root body #main :is(.edit-cover-story,.filter-panel,.download-filters,.layout-search-panel,.enquiry-panel,.project-card:not(.signature-project),.news-card,.guide-card,.download-location-card){-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #f3f8fb80,0 12px 35px #293d4810}
html:root body #main .project-detail-v3{background:transparent}
html:root body #main :is(.gallery-main,.plan-image,.key-facts,.variant.pd-product,.growth-chart.mohali-growth){background:var(--frost-panel);border-color:var(--frost-border)}
html:root body #main .developer-logo-flip-card[data-dark=false] .developer-logo-flip-front{background:#f5f8fa}
html:root body #main .project-detail-v3 .contact-column .contact-card{background:var(--frost-panel);border-color:var(--frost-border)}
html:root body #main .home-documents .location-links>a{background:var(--frost-panel);border-color:var(--frost-border)}
html:root body #main .priority-discovery{background:linear-gradient(135deg,#ffffffe0,#f4f9fddd);border-color:var(--frost-border)}
html:root body #main .priority-discovery-links a{background:#ffffffc7;border-color:#cbd5de66}
html:root{--orange-dark:#783200;--card-accent-ink:#783200}
html:root body #main :is(.page-intro .eyebrow,.priority-discovery .eyebrow){color:#783200}


/* Hero typography follows the Buyer Guide: directly over the cinematic image. */
html:root body #main .hero-copy :is(h1,h1 em){color:#fff}
html:root body #main .hero-copy p:not(.eyebrow){color:#edf0e8}
html:root body #main .hero-copy .eyebrow{color:#ffd1ad}

/* Homepage news-to-investment transition: one balanced gap rather than stacked section padding. */
html:root body #main #news.section{padding-bottom:32px}
html:root body #main #news .news-grid.news-cards{padding-bottom:16px}
html:root body #main #investment.section{padding-top:48px}
@media(max-width:700px){
 html:root body #main #news.section{padding-bottom:24px}
 html:root body #main #news .news-grid.news-cards{padding-bottom:12px}
 html:root body #main #investment.section{padding-top:32px}
}

/* Keep directory filters compact and equally sized. */
html:root body #main #developer-directory>.wrap.section.compact{padding-top:16px}
html:root body #main #developer-directory .directory-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
html:root body #main #developer-directory .directory-controls label{display:flex;flex-direction:column;gap:8px;min-width:0}
html:root body #main #developer-directory .directory-controls :is(input,select){box-sizing:border-box;width:100%;height:48px;margin:0;padding:12px 14px;font-size:16px}
html:root body #main #developer-directory .directory-controls>p{grid-column:1/-1;margin:0}

/* Restore the published FAQ scale, without extra padding around each row. */
html:root body #main #faqs.faq-section{padding-top:40px;padding-bottom:40px}
html:root body #main :is(#faqs,#buyer-faq) details{padding:0}
html:root body #main #faqs .section-heading{margin-bottom:24px;padding-bottom:20px}
html:root body #main #faqs .section-heading h2{font-size:clamp(34px,4vw,58px)}
html:root body #main #faqs summary{font-family:var(--sans);font-size:16px;padding:21px 0}
html:root body #main #buyer-faq.faq-section{padding-top:40px;padding-bottom:24px}
html:root body #main #buyer-faq summary{font-family:var(--sans);font-size:18px;padding:24px 0}
html:root body #main #buyer-faq>.source-note{margin:12px 0 0;padding:0}

/* The conversation copy sits directly on charcoal; the form keeps its white panel. */
html:root body #main :is(.contact-grid,.contact-story){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
html:root body #main .contact-final .contact-story :is(h2,h2 em){color:#f7f8fa}
html:root body #main .contact-final .contact-story :is(p,a,dt){color:#d1d7dc}
html:root body #main .contact-final .contact-story .eyebrow{color:#ffb781}
@media(max-width:700px){
 html:root body #main #developer-directory .directory-controls{grid-template-columns:minmax(0,1fr)}
 html:root body #main #faqs.faq-section{padding-top:32px;padding-bottom:32px}
 html:root body #main #buyer-faq summary{font-size:16px;padding:20px 0}
}

/* Balance the document-library transition and finish directories with related guides. */
html:root body #main #investment.section{padding-bottom:32px}
html:root body #main #investment+.home-documents{padding-top:48px}
html:root body #main .directory-guides{padding-bottom:40px}
html:root body #main .directory-guides .priority-discovery{margin:0}
@media(max-width:700px){
 html:root body #main #investment.section{padding-bottom:24px}
 html:root body #main #investment+.home-documents{padding-top:32px}
 html:root body #main .directory-guides{padding-bottom:32px}
}

/* Box project specifications and information with aligned, wrapping label/value pairs. */
html:root body #main .project-detail-v3 :is(#specifications,#project-information) .information-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;align-items:stretch}
html:root body #main .project-detail-v3 :is(#specifications,#project-information) .information-grid>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:18px 20px;border:1px solid #cbd5de;border-radius:10px;background:var(--frost-panel);box-shadow:inset 0 1px 0 #ffffffcc}
html:root body #main .project-detail-v3 :is(#specifications,#project-information) .information-grid :is(dt,dd){width:100%;min-width:0;text-align:left;overflow-wrap:anywhere}
html:root body #main .project-detail-v3 :is(#specifications,#project-information) .information-grid dt{margin:0;color:#41515b;font-size:13px;font-weight:600;line-height:1.5}
html:root body #main .project-detail-v3 :is(#specifications,#project-information) .information-grid dd{margin:8px 0 0;color:var(--ink);font-size:15px;line-height:1.65}
html:root body #main .project-detail-v3 #project-information>.source-detail{margin:16px 0 0;padding:18px 20px;border:1px solid #cbd5de;border-radius:10px;background:var(--frost-panel);min-width:0;overflow-wrap:anywhere}
html:root body #main .project-detail-v3 #project-information>.source-detail>div{padding-top:18px}
html:root body #main .project-detail-v3 #project-information>.source-detail ul{margin:0;padding-left:20px}
html:root body #main .project-detail-v3 #project-information>.source-detail li+li{margin-top:10px}
@media(max-width:640px){
 html:root body #main .project-detail-v3 :is(#specifications,#project-information) .information-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 html:root body #main .project-detail-v3 :is(#specifications,#project-information) .information-grid>div,html:root body #main .project-detail-v3 #project-information>.source-detail{padding:16px}
}

/* Project search: six equal controls in a balanced responsive grid. */
html:root body #main .catalog>.filter-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px;border:1px solid #cbd5de;border-radius:12px;align-items:start}
html:root body #main .catalog>.filter-panel>label:not(.inline-check){grid-column:auto;min-width:0;gap:8px;color:#41515b;font-size:14px;font-weight:600;line-height:1.5}
html:root body #main .catalog>.filter-panel :is(input[type=search],select){box-sizing:border-box;display:block;width:100%;height:48px;min-height:48px;margin:0;padding:11px 14px;border:1px solid #b4c6d3;border-radius:6px;background:#ffffffd9;color:var(--ink);font-size:16px;font-weight:400;line-height:1.5}
html:root body #main .catalog>.filter-panel select{padding-right:32px}
html:root body #main .catalog>.filter-panel>.inline-check{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:10px;min-height:40px;margin:0;padding-top:16px;border-top:1px solid #cbd5de66;color:#41515b;font-size:14px!important;font-weight:400;line-height:1.5}
html:root body #main .catalog>.filter-panel input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:var(--orange)}
html:root body #main .catalog>.result-bar{margin-top:20px;align-items:center;gap:16px;flex-wrap:wrap}
html:root body #main .catalog>.result-bar>div{display:flex;gap:10px;flex-wrap:wrap}
html:root body #main .catalog>.result-bar button{min-height:44px;padding:10px 16px;border:1px solid #cbd5de;border-radius:6px;background:#ffffffc7;font-size:14px;line-height:1.5}
html:root body #main .catalog>.result-bar button.selected{background:#fff0df;border-color:var(--orange);color:var(--orange-dark)}
@media(max-width:1000px){
 html:root body #main .catalog>.filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 html:root body #main .catalog>.filter-panel{grid-template-columns:minmax(0,1fr);padding:20px;gap:16px}
 html:root body #main .catalog>.result-bar{align-items:stretch;flex-direction:column;gap:12px}
 html:root body #main .catalog>.result-bar>div{width:100%}
 html:root body #main .catalog>.result-bar button{flex:1}
}

/* Featured article: contents above one continuous reading column. */
html:root body #main .investment-article{max-width:1100px}
html:root body #main .investment-article-layout{grid-template-columns:minmax(0,1fr);gap:32px;justify-content:stretch;padding-top:32px}
html:root body #main .investment-contents{width:100%;min-width:0;padding:24px;border:1px solid #cbd5de;border-radius:12px;background:var(--frost-panel)}
html:root body #main .investment-contents>p{margin:0 0 14px;font-size:11px;color:var(--orange-dark)}
html:root body #main .investment-contents nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px;border:0;padding:0}
html:root body #main .investment-contents a{min-width:0;padding:8px 0;border-bottom:1px solid #cbd5de66;font-size:13px;line-height:1.6;color:#41515b;overflow-wrap:anywhere}
html:root body #main .investment-contents a:hover{color:var(--orange-dark)}
html:root body #main .investment-prose{width:100%;max-width:none;margin:0}
@media(max-width:900px){html:root body #main .investment-contents nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){
 html:root body #main .investment-article-layout{gap:26px;padding-top:24px}
 html:root body #main .investment-contents{padding:20px}
 html:root body #main .investment-contents nav{grid-template-columns:minmax(0,1fr);gap:6px}
}
