/* ======================================================================
   NAKHSHA WARM BEIGE EDITION
   Requested palette: #EFE7DE + #F5F1EA
   This file is intentionally loaded LAST. It changes visual colour only;
   layout, interactions, animations, forms and responsive mechanics remain.
   ====================================================================== */
:root{
  --beige-primary:#EFE7DE;
  --beige-secondary:#F5F1EA;
  --beige-paper:#FFFDFC;
  --beige-ink:#302B27;
  --beige-body:#514A44;
  --beige-muted:#6A625B;
  --beige-line:#D9CFC5;
  --beige-line-soft:rgba(48,43,39,.14);
  --beige-accent:#806000;
  --beige-accent-bright:#ECBD00;
  --beige-shadow:rgba(73,60,49,.12);

  /* Remap the approved plum system without touching layout. */
  --rp-plum:var(--beige-primary);
  --rp-plum-deep:var(--beige-secondary);
  --rp-mauve:#6F5947;
  --rp-rose:#E3D9CF;
  --rp-gold:var(--beige-accent);
  --rp-soft:var(--beige-secondary);
  --rp-white:var(--beige-paper);
  --rp-heading:var(--beige-ink);
  --rp-body:var(--beige-body);
  --rp-muted:var(--beige-muted);
  --rp-line:var(--beige-line);
  --rp-cream:var(--beige-secondary);
  --rp-grid:rgba(48,43,39,.055);
  --rp-grid-fine:rgba(48,43,39,.025);
  --rp-plum-gradient:linear-gradient(145deg,var(--beige-primary),var(--beige-secondary));
  --rp-plum-gradient-deep:linear-gradient(145deg,var(--beige-secondary),var(--beige-primary));
  --rp-plum-gradient-soft:linear-gradient(135deg,var(--beige-paper),var(--beige-secondary));
  --rp-plum-gradient-hover:linear-gradient(135deg,#E5D9CD,var(--beige-primary));
  --rp-plum-glow:0 26px 74px var(--beige-shadow);

  --nkh-navy:var(--beige-primary);
  --nkh-navy-deep:var(--beige-secondary);
  --nkh-navy-soft:#E5DACF;
  --nkh-gold:var(--beige-accent);
  --nkh-white:var(--beige-paper);
  --nkh-alt:var(--beige-secondary);
  --nkh-heading:var(--beige-ink);
  --nkh-body:var(--beige-body);
  --nkh-muted:var(--beige-muted);
  --nkh-line:var(--beige-line);

  --gold:var(--beige-accent);
  --gold-soft:#E3B82B;
  --black:var(--beige-ink);
  --black-soft:#514A44;
  --graphite:var(--beige-body);
  --ivory:var(--beige-paper);
  --white:#fff;
  --stone:var(--beige-secondary);
  --stone-light:#FAF7F2;
  --text-muted:var(--beige-muted);
  --text-light:#6E665F;
  --border-light:var(--beige-line);
  --border-dark:#CBBFB3;
  --ink:var(--beige-ink);
  --paper:var(--beige-paper);
  --cream:var(--beige-secondary);
  --line:var(--beige-line-soft);
  --navy:var(--beige-primary);
  --navy-soft:#E5DACF;
  --navy-deep:var(--beige-secondary);
}

html,body{background:var(--beige-secondary)!important;color:var(--beige-body)!important}
body{accent-color:var(--beige-accent)}
::selection{background:var(--beige-primary)!important;color:var(--beige-ink)!important}

/* ----------------------------------------------------------------------
   PRELOADER + NAVIGATION
   ---------------------------------------------------------------------- */
.loader,.advanced-preloader.loader{
  background:linear-gradient(145deg,var(--beige-primary),var(--beige-secondary))!important;
  color:var(--beige-ink)!important;
}
.preloader-blueprint{
  background-image:
    linear-gradient(rgba(48,43,39,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(48,43,39,.055) 1px,transparent 1px),
    linear-gradient(rgba(199,154,22,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(199,154,22,.025) 1px,transparent 1px)!important;
}
.advanced-preloader::before{background:radial-gradient(circle at 50% 46%,rgba(199,154,22,.13),transparent 30%),linear-gradient(115deg,transparent 36%,rgba(255,255,255,.25) 50%,transparent 64%)!important}
.preloader-data{border-top-color:rgba(48,43,39,.18)!important;color:var(--beige-muted)!important}
.preloader-data b{color:#A57A00!important}
.preloader-progress{background:rgba(48,43,39,.12)!important}
.preloader-progress i{background:linear-gradient(90deg,#A47C12,var(--beige-accent-bright))!important;box-shadow:0 0 15px rgba(199,154,22,.30)!important}
.preloader-corner{color:rgba(48,43,39,.55)!important}
.preloader-corner i{border-top-color:rgba(199,154,22,.55)!important}

.nav,
body[data-page="nakhsha-builders"] .nav:not(.is-scrolled),
body[data-page="status-design-studio"] .nav:not(.is-scrolled),
body[data-page="upworks"] .nav:not(.is-scrolled),
body[data-page="nakhsha-homes"] .nav{
  background:rgba(239,231,222,.90)!important;
  color:var(--beige-ink)!important;
  border-bottom-color:rgba(48,43,39,.12)!important;
  box-shadow:0 8px 34px rgba(73,60,49,.06)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
}
.nav.is-scrolled,
body[data-page="nakhsha-builders"] .nav.is-scrolled,
body[data-page="status-design-studio"] .nav.is-scrolled,
body[data-page="upworks"] .nav.is-scrolled{
  background:rgba(245,241,234,.97)!important;
  color:var(--beige-ink)!important;
  border-bottom-color:var(--beige-line)!important;
  box-shadow:0 12px 34px rgba(73,60,49,.09)!important;
}
.nav .nav-links a,.nav .nav-businesses-toggle,.nav .nav-cta{color:var(--beige-ink)!important}
.nav .nav-links a:hover,.nav .nav-links a[aria-current="page"]{color:#806000!important}
.nav .nav-links a::after{background:var(--beige-accent)!important}
.nav .menu span,.nav.is-scrolled .menu span{background:var(--beige-ink)!important}
.nav-businesses-menu{background:var(--beige-paper)!important;color:var(--beige-ink)!important;border-color:var(--beige-line)!important;box-shadow:0 24px 70px rgba(73,60,49,.13)!important}
.nav-businesses-menu a{color:var(--beige-ink)!important;border-color:rgba(48,43,39,.09)!important}
.nav-businesses-menu a:hover,.nav-businesses-menu a[aria-current="page"]{background:var(--beige-primary)!important;color:var(--beige-ink)!important}

/* ----------------------------------------------------------------------
   HOMEPAGE — beige editorial rhythm
   ---------------------------------------------------------------------- */
.hero{
  background:var(--beige-primary)!important;
  color:var(--beige-ink)!important;
}
.hero::before{background:radial-gradient(circle at 82% 15%,rgba(199,154,22,.10),transparent 30%),linear-gradient(115deg,rgba(245,241,234,.52),rgba(239,231,222,.12) 58%,rgba(255,255,255,.08))!important}
.hero-grid{background-image:linear-gradient(rgba(48,43,39,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(48,43,39,.055) 1px,transparent 1px)!important}
.hero .eyebrow,.hero-title{color:var(--beige-ink)!important}
.hero-title .accent,.hero-title em{color:#A67A00!important}
.hero-copy{color:var(--beige-body)!important}
.hero-actions .text-link{color:var(--beige-ink)!important;border-color:rgba(48,43,39,.32)!important}
.hero-actions .text-link:hover{color:#8C6800!important;border-color:#8C6800!important}
.button.gold,.hero-stat{background:var(--beige-accent-bright)!important;color:var(--beige-ink)!important}
.hero-proof{background:rgba(245,241,234,.88)!important;color:var(--beige-ink)!important;border-color:rgba(48,43,39,.14)!important;box-shadow:0 24px 70px rgba(73,60,49,.12)!important}
.hero-proof strong,.hero-proof sup{color:#806000!important}.hero-proof small{color:var(--beige-muted)!important}
.hero-visual::after{background:linear-gradient(90deg,var(--beige-primary) 0%,rgba(239,231,222,.34) 18%,rgba(239,231,222,0) 52%)!important}
.marquee{background:var(--beige-secondary)!important;color:var(--beige-ink)!important;border-top:1px solid var(--beige-line)!important;border-bottom:1px solid var(--beige-line)!important}

.trust-section,.home-foundation,.process,.video-heading,.press-heading,.press-archive,.open-roles,
.inner-main,.inner-content,.media-led-section,.story-lead,.career-culture,.leadership-page,.leadership-team-section,.accolades-section{background:var(--beige-paper)!important;color:var(--beige-body)!important}
.expertise,.compare-section,.impact-section,.business-section,.leadership-page .foundation-section,.memberships-section,.memberships-section--carousel,.trophy-band,.inner-statement,.csr-gallery,.award-mosaic,.video-rail,.press-rail{background:var(--beige-secondary)!important;color:var(--beige-body)!important}

/* Cards and light panels */
.testimonial-card,.service-card,.steps article,.inner-cards article,.culture-grid article,.press-intro,.media-feature>div,
.leadership-page .foundation-grid .foundation-card,.leadership-page .accolade-grid article,
.business-section .business-panel,.business-section .business-tab{background:var(--beige-paper)!important;color:var(--beige-body)!important;border-color:var(--beige-line)!important;box-shadow:0 18px 54px rgba(73,60,49,.07)!important}
.service-card h3,.business-section .business-copy h3,.business-section .business-copy h4{color:var(--beige-ink)!important}
.service-card p,.business-section .business-copy p,.business-section .nx-heading-row>p{color:var(--beige-body)!important}
.business-section .business-tab[aria-selected="true"]{background:var(--beige-primary)!important;color:var(--beige-ink)!important;border-color:#D4C6B9!important;box-shadow:0 14px 36px rgba(73,60,49,.10)!important}
.business-section .image-index{background:rgba(245,241,234,.92)!important;color:var(--beige-ink)!important}

/* Home selected work / presentation */
body[data-page="home"] .studio-work-section,
body[data-page="home"] .studio-work-sticky{background:var(--beige-secondary)!important;color:var(--beige-ink)!important}
body[data-page="home"] .studio-work-sticky{background-image:linear-gradient(rgba(48,43,39,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(48,43,39,.04) 1px,transparent 1px),radial-gradient(circle at 92% 9%,rgba(199,154,22,.10),transparent 34%)!important;background-size:72px 72px,72px 72px,auto!important}
body[data-page="home"] .studio-work-intro h2,body[data-page="home"] .studio-project-copy h3{color:var(--beige-ink)!important}
body[data-page="home"] .studio-work-intro h2 span:last-child{color:transparent!important;-webkit-text-stroke:1.2px rgba(48,43,39,.42)!important;text-stroke:1.2px rgba(48,43,39,.42)!important}
body[data-page="home"] .studio-work-intro p:last-child,body[data-page="home"] .studio-project-copy p,body[data-page="home"] .studio-project-copy dd{color:var(--beige-body)!important}
body[data-page="home"] .studio-board-paper,body[data-page="home"] .studio-project-board:not(.is-current) .studio-board-paper{background:linear-gradient(135deg,var(--beige-paper),var(--beige-secondary))!important;border-color:var(--beige-line)!important;box-shadow:0 34px 86px rgba(73,60,49,.12),0 12px 32px rgba(73,60,49,.06)!important}
body[data-page="home"] .studio-board-paper::before{background-image:linear-gradient(rgba(48,43,39,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(48,43,39,.04) 1px,transparent 1px)!important}
body[data-page="home"] .studio-project-copy{background:linear-gradient(90deg,rgba(255,253,252,.98),rgba(245,241,234,.94))!important}
body[data-page="home"] .studio-photo-wash{background:linear-gradient(180deg,transparent 38%,rgba(48,43,39,.52) 100%)!important}
body[data-page="home"] .studio-work-controls{background:rgba(255,253,252,.92)!important;color:var(--beige-ink)!important;border-color:var(--beige-line)!important;box-shadow:0 16px 40px rgba(73,60,49,.10)!important}

/* Transformation / process */
.compare-section{background:var(--beige-primary)!important}.handle{background:var(--beige-accent-bright)!important;color:var(--beige-ink)!important}.label{background:rgba(245,241,234,.94)!important;color:var(--beige-ink)!important}
.steps{background:transparent!important}.steps article{background:var(--beige-paper)!important}

/* Interactive design lab becomes a warm technical room, not a dark chapter. */
.model-section{background:var(--beige-primary)!important;color:var(--beige-ink)!important}
.model-section::before{background-image:linear-gradient(rgba(48,43,39,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(48,43,39,.045) 1px,transparent 1px)!important}
.model-section .model-heading,.model-section .model-heading h2,.model-section .eyebrow{color:var(--beige-ink)!important}
.model-heading>p,.model-info>p{color:var(--beige-body)!important}
.model-experience{border-color:var(--beige-line)!important}.model-info{background:var(--beige-secondary)!important;border-color:var(--beige-line)!important;color:var(--beige-ink)!important}.model-info h3{color:var(--beige-ink)!important}.model-info-index,.model-tooltip b{color:#806000!important}.model-chips button{border-color:var(--beige-line)!important;color:var(--beige-body)!important}.model-chips button:hover,.model-chips button.active{background:var(--beige-accent-bright)!important;color:var(--beige-ink)!important;border-color:var(--beige-accent-bright)!important}

/* Contact chapter: maintain BuildAHome form, switch framing to beige. */
.contact{background:linear-gradient(180deg,var(--beige-secondary),var(--beige-primary),var(--beige-secondary))!important;color:var(--beige-ink)!important}
.contact::before{background-image:linear-gradient(rgba(48,43,39,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(48,43,39,.035) 1px,transparent 1px)!important}
.contact h2,.contact .eyebrow,.contact .section-number{color:var(--beige-ink)!important}.contact-copy>p,.contact-details,.contact-details a{color:var(--beige-body)!important}.contact h2 em{color:#806000!important}
.contact .bah-form-shell--section,.homes-consultation .bah-form-shell--section{background:var(--beige-paper)!important;box-shadow:0 24px 65px rgba(73,60,49,.12)!important;border:1px solid var(--beige-line)!important}

/* ----------------------------------------------------------------------
   INNER PAGES
   ---------------------------------------------------------------------- */
.inner-hero,.leadership-hero-framer{background:var(--beige-primary)!important;color:var(--beige-ink)!important}
.inner-hero::after,.leadership-hero-framer::after{background:linear-gradient(90deg,rgba(239,231,222,.88),rgba(245,241,234,.52) 48%,rgba(245,241,234,.14))!important}
.inner-hero-content,.inner-hero-content h1,.inner-hero-content p,.leadership-hero-copy,.leadership-hero-copy h1,.leadership-hero-copy p{color:var(--beige-ink)!important}
.inner-hero-content h1 em,.leadership-hero-copy em{color:#806000!important}
.inner-cta{background:var(--beige-primary)!important;color:var(--beige-ink)!important;box-shadow:none!important}.inner-cta h2,.inner-cta p{color:var(--beige-ink)!important}.inner-cta a{background:var(--beige-accent-bright)!important;color:var(--beige-ink)!important}
.inner-cards article:hover,body[data-page="leadership"] .membership-track .membership-logo:hover{background:var(--beige-primary)!important;color:var(--beige-ink)!important;border-color:#D0C1B4!important;box-shadow:0 18px 48px rgba(73,60,49,.10)!important}.inner-cards article:hover h3,.inner-cards article:hover p{color:var(--beige-ink)!important}

/* Leadership rails */
body[data-page="leadership"] .construction-brand-rail{background:var(--beige-primary)!important;color:var(--beige-ink)!important;border-color:var(--beige-line)!important;box-shadow:none!important}
body[data-page="leadership"] .construction-brand-rail::before{background:linear-gradient(90deg,var(--beige-primary) 12%,rgba(239,231,222,0) 100%)!important}
body[data-page="leadership"] .construction-brand-rail::after{background:linear-gradient(270deg,var(--beige-primary) 12%,rgba(239,231,222,0) 100%)!important}
body[data-page="leadership"] .construction-brand-rail-label,body[data-page="leadership"] .construction-brand-rail-label b{color:var(--beige-ink)!important}
body[data-page="leadership"] .construction-logo-item{background:rgba(255,253,252,.54)!important;border-color:rgba(48,43,39,.12)!important}
body[data-page="leadership"] .membership-marquee::before{background:linear-gradient(90deg,var(--beige-secondary) 4%,rgba(245,241,234,0) 100%)!important}
body[data-page="leadership"] .membership-marquee::after{background:linear-gradient(270deg,var(--beige-secondary) 4%,rgba(245,241,234,0) 100%)!important}

/* CSR / media chapters */
.csr-quote{background:var(--beige-primary)!important;color:var(--beige-ink)!important}.csr-quote p{color:var(--beige-ink)!important}.csr-quote span{color:#806000!important}

/* ----------------------------------------------------------------------
   NAKHSHA HOMES — same layout, beige brand edition
   ---------------------------------------------------------------------- */
body[data-page="nakhsha-homes"]{
  --homes-plum:var(--beige-primary);
  --homes-plum-deep:var(--beige-secondary);
  --homes-gold:var(--beige-accent-bright);
  --homes-gold-soft:#E2B72B;
  --homes-rose:#DCCFC2;
  --homes-paper:var(--beige-paper);
  --homes-soft:var(--beige-secondary);
  --homes-text:var(--beige-ink);
  --homes-muted:var(--beige-muted);
  --homes-line:var(--beige-line-soft);
  background:var(--beige-paper)!important;color:var(--beige-ink)!important;
}
.homes-hero{background:var(--beige-primary)!important;color:var(--beige-ink)!important}
.homes-hero-shade{background:linear-gradient(90deg,rgba(239,231,222,.94) 0%,rgba(239,231,222,.78) 38%,rgba(239,231,222,.28) 70%,rgba(245,241,234,.18) 100%),linear-gradient(0deg,rgba(245,241,234,.50) 0%,transparent 45%)!important}
.homes-hero-grid{background-image:linear-gradient(rgba(48,43,39,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(48,43,39,.08) 1px,transparent 1px)!important}
.homes-hero h1{color:var(--beige-ink)!important}.homes-hero h1 em{color:#806000!important}.homes-hero-copy{color:var(--beige-body)!important}
.homes-button--glass{border-color:rgba(48,43,39,.30)!important;background:rgba(245,241,234,.40)!important;color:var(--beige-ink)!important}.homes-hero-proof{border-color:rgba(48,43,39,.20)!important}.homes-hero-proof div{border-color:rgba(48,43,39,.14)!important}.homes-hero-proof strong{color:var(--beige-ink)!important}.homes-hero-proof span,.homes-scroll{color:var(--beige-muted)!important}
.homes-proof{background:var(--beige-primary)!important;color:var(--beige-ink)!important}.homes-proof-label,.homes-proof-grid article{border-color:rgba(48,43,39,.14)!important}.homes-proof-grid h2{color:var(--beige-ink)!important}.homes-proof-grid p{color:var(--beige-body)!important}
.homes-intro,.homes-journey,.homes-projects,.homes-faq{background:var(--beige-paper)!important}.homes-promise,.homes-system{background:var(--beige-secondary)!important}
.homes-promise-panel,.homes-score,.homes-consultation{background:var(--beige-primary)!important;color:var(--beige-ink)!important;box-shadow:0 28px 80px rgba(73,60,49,.10)!important}
.homes-promise h2,.homes-score h2,.homes-consultation h2{color:var(--beige-ink)!important}.homes-promise-list span{color:var(--beige-body)!important;border-color:rgba(48,43,39,.13)!important}.homes-promise-list span::before{color:#806000!important}
.homes-step:hover,.homes-step.is-active{background:var(--beige-primary)!important;box-shadow:0 24px 60px rgba(73,60,49,.10)!important}.homes-step:hover h3,.homes-step.is-active h3{color:var(--beige-ink)!important}.homes-step:hover p,.homes-step.is-active p,.homes-step:hover .homes-step-top span,.homes-step.is-active .homes-step-top span{color:var(--beige-muted)!important}
.homes-system-chip{background:rgba(245,241,234,.88)!important;border-color:rgba(48,43,39,.14)!important}.homes-system-chip span{color:var(--beige-ink)!important;border-color:rgba(48,43,39,.12)!important}
.homes-score-intro>p,.homes-rating small,.homes-score-grid span,.homes-score-grid strong small,.homes-consultation-copy>p,.homes-contact-lines{color:var(--beige-muted)!important}.homes-score-grid article{border-color:rgba(48,43,39,.13)!important}.homes-score-grid strong,.homes-contact-lines a:first-child{color:var(--beige-ink)!important}.homes-rating>strong,.homes-rating div span{color:#806000!important}
.homes-faq-list details[open] summary i{background:var(--beige-primary)!important;color:#806000!important}

/* ----------------------------------------------------------------------
   PREMIUM BUSINESS VERTICALS — Builders / Status / Upworks
   ---------------------------------------------------------------------- */
body[data-page="nakhsha-builders"],body[data-page="status-design-studio"],body[data-page="upworks"]{
  --vl-bg:var(--beige-secondary);
  --vl-paper:var(--beige-paper);
  --vl-ink:var(--beige-ink);
  --vl-muted:var(--beige-muted);
  --vl-accent:var(--beige-accent);
  --vl-dark:var(--beige-primary);
  --vl-line:var(--beige-line-soft);
  --vl-rgb:239,231,222;
  background:var(--beige-secondary)!important;color:var(--beige-ink)!important;
}
.vertical-page{background:var(--beige-secondary)!important;color:var(--beige-ink)!important}
.vl-hero{background:var(--beige-primary)!important;color:var(--beige-ink)!important}
.vl-hero__shade{background:linear-gradient(90deg,rgba(239,231,222,.96) 0%,rgba(239,231,222,.82) 36%,rgba(239,231,222,.34) 70%,rgba(245,241,234,.10) 100%),linear-gradient(0deg,rgba(245,241,234,.34) 0%,transparent 55%)!important}
.vl-hero__grid{background-image:linear-gradient(rgba(48,43,39,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(48,43,39,.09) 1px,transparent 1px)!important}
.vertical-page .vl-hero .vl-title,.vertical-page .vl-hero .vl-title span,.vertical-page .vl-hero h1,.vertical-page .vl-hero h2,.vertical-page .vl-hero h3{color:var(--beige-ink)!important}
.vertical-page .vl-hero .vl-title em,.vertical-page .vl-hero .vl-kicker{color:#806000!important}.vertical-page .vl-hero .vl-lede{color:var(--beige-body)!important}.vertical-page .vl-hero__stats{border-color:rgba(48,43,39,.16)!important}.vertical-page .vl-hero__stats div{border-color:rgba(48,43,39,.12)!important}.vertical-page .vl-hero__stats strong{color:var(--beige-ink)!important}.vertical-page .vl-hero__stats span,.vl-hero__edge{color:var(--beige-muted)!important}
.vl-button--ghost{border-color:rgba(48,43,39,.28)!important;background:rgba(245,241,234,.42)!important;color:var(--beige-ink)!important}.vl-button--ghost:hover{background:var(--beige-paper)!important;color:var(--beige-ink)!important}
.vl-proof{background:var(--beige-paper)!important}.vl-overview{background:var(--beige-secondary)!important}.vl-projects,.vl-process,.vl-leadership,.vl-faq,.vl-ecosystem{background:var(--beige-paper)!important}
.vl-capabilities,.vl-manifesto,.vl-consultation{background:var(--beige-primary)!important;color:var(--beige-ink)!important}
.vertical-page .vl-capabilities .vl-section-head h2,.vertical-page .vl-capabilities .vl-capability-card h3,.vertical-page .vl-manifesto h2,.vertical-page .vl-manifesto h3,.vertical-page .vl-consultation .vl-consultation__copy h2{color:var(--beige-ink)!important}
.vertical-page .vl-capabilities .vl-section-head>p,.vertical-page .vl-capabilities .vl-capability-card p,.vertical-page .vl-manifesto p,.vertical-page .vl-consultation .vl-consultation__copy>p,.vertical-page .vl-consultation .vl-contact-lines,.vertical-page .vl-consultation .vl-contact-lines p{color:var(--beige-body)!important}
.vl-capabilities .vl-index,.vertical-page .vl-capabilities .vl-index{color:var(--beige-muted)!important;border-color:rgba(48,43,39,.16)!important}.vl-capability-grid{border-color:rgba(48,43,39,.14)!important}.vl-capability-card{border-color:rgba(48,43,39,.14)!important}
.vertical-page .vl-manifesto h2 em,.vertical-page .vl-manifesto__eyebrow,.vertical-page .vl-consultation .vl-consultation__copy h2 em{color:#806000!important}
.vertical-page .vl-consultation .vl-contact-lines a{color:var(--beige-ink)!important}
.vl-manifesto__side article{border-color:rgba(48,43,39,.14)!important}
.vl-ecosystem__grid a:hover,.vl-ecosystem__grid a[aria-current="page"]{background:var(--beige-primary)!important;color:var(--beige-ink)!important}.vertical-page .vl-ecosystem__grid a:hover strong,.vertical-page .vl-ecosystem__grid a[aria-current="page"] strong{color:var(--beige-ink)!important}

/* Project-image overlays remain dark for legibility over photography. */
.vertical-page .vl-project .vl-project__copy h3{color:#fff!important}.vertical-page .vl-project .vl-project__copy p{color:rgba(255,255,255,.84)!important}.vertical-page .vl-project .vl-project__copy small{color:#F0C845!important}

/* ----------------------------------------------------------------------
   SHARED FORM + CTA ELEMENTS
   ---------------------------------------------------------------------- */
.bah-form-shell{--bah-plum:var(--beige-ink);--bah-soft:var(--beige-secondary);--bah-accent:var(--beige-accent);--bah-line:var(--beige-line)}
.bah-submit,.bah-global-trigger{background:var(--beige-ink)!important;color:#fff!important}.bah-submit:hover,.bah-global-trigger:hover{background:#49413B!important}
.bah-modal__backdrop{background:rgba(48,43,39,.58)!important}.bah-modal__dialog{background:var(--beige-paper)!important}.bah-modal__close{background:var(--beige-secondary)!important;color:var(--beige-ink)!important;border-color:var(--beige-line)!important}

/* ----------------------------------------------------------------------
   FOOTER
   ---------------------------------------------------------------------- */
.site-footer{background:var(--beige-primary)!important;color:var(--beige-ink)!important;border-top:1px solid var(--beige-line)!important}
.site-footer::before{background:radial-gradient(circle at 85% 12%,rgba(199,154,22,.09),transparent 28%),radial-gradient(circle at 14% 90%,rgba(255,255,255,.28),transparent 30%)!important}
.site-footer p,.site-footer .footer-links,.site-footer .footer-links a,.copyright{color:var(--beige-body)!important}.site-footer .footer-links a:hover,.site-footer .footer-links b{color:#8C6800!important}.site-footer .footer-cta a{background:var(--beige-accent-bright)!important;color:var(--beige-ink)!important}.site-footer .footer-cta p{color:var(--beige-ink)!important}

/* ----------------------------------------------------------------------
   MOBILE
   ---------------------------------------------------------------------- */
@media(max-width:900px){
  .nav,body[data-page="nakhsha-homes"] .nav{background:rgba(239,231,222,.98)!important;color:var(--beige-ink)!important}.nav-links{background:var(--beige-paper)!important;color:var(--beige-ink)!important}.nav-links a{color:var(--beige-ink)!important}
  .hero{background:var(--beige-primary)!important;color:var(--beige-ink)!important}.hero-visual::after{background:linear-gradient(180deg,rgba(239,231,222,.06) 0%,rgba(239,231,222,.35) 34%,rgba(239,231,222,.78) 70%,rgba(239,231,222,.96) 100%)!important}.hero .eyebrow,.hero-title{color:var(--beige-ink)!important}.hero-copy{color:var(--beige-body)!important}.hero-actions .text-link{color:var(--beige-ink)!important;border-color:rgba(48,43,39,.32)!important}.hero-proof{background:rgba(245,241,234,.93)!important;color:var(--beige-ink)!important;border-color:rgba(48,43,39,.13)!important}
  .homes-hero-shade{background:linear-gradient(0deg,rgba(239,231,222,.97) 0%,rgba(239,231,222,.72) 62%,rgba(239,231,222,.18) 100%)!important}
  .vl-hero__shade{background:linear-gradient(180deg,rgba(239,231,222,.60) 0%,rgba(239,231,222,.48) 28%,rgba(239,231,222,.92) 74%,rgba(239,231,222,.98) 100%)!important}
}

/* Final no-plum cleanup for legacy sections that still carried literal plum stops. */
.testimonial-slider .testimonial-card:nth-child(odd){background:var(--beige-primary)!important;color:var(--beige-ink)!important;border-color:var(--beige-line)!important;box-shadow:0 22px 58px rgba(73,60,49,.10)!important}
.testimonial-slider .testimonial-card:nth-child(odd) p,.testimonial-slider .testimonial-card:nth-child(odd) footer strong,.testimonial-slider .testimonial-card:nth-child(odd) footer small{color:var(--beige-body)!important}
.projects,.coverflow-section,.project-deck-section{background:linear-gradient(145deg,var(--beige-primary),var(--beige-secondary))!important;color:var(--beige-ink)!important}
.projects .section-head,.projects .section-head h2,.projects .eyebrow,.coverflow-section .section-head,.coverflow-section .section-head h2,.project-deck-section .section-head,.project-deck-section .section-head h2{color:var(--beige-ink)!important}
.projects .section-head>p,.coverflow-section .section-head>p,.project-deck-section .section-head>p{color:var(--beige-body)!important}
.coverflow-controls button{border-color:var(--beige-line)!important;color:var(--beige-ink)!important;background:rgba(255,253,252,.52)!important}.coverflow-controls button:hover{background:var(--beige-accent-bright)!important;color:var(--beige-ink)!important}.coverflow-controls b{color:var(--beige-ink)!important}
.studio-project-media,body[data-page="home"] .studio-project-media{background:var(--beige-primary)!important}
body[data-page="home"] .studio-work-controls button:hover{background:var(--beige-primary)!important;color:var(--beige-ink)!important;border-color:#D0C1B4!important;box-shadow:0 12px 28px rgba(73,60,49,.10)!important}
/* Keep gold fill controls bright while using a darker gold for small text. */
.vl-button,.vl-overview__badge{background:var(--beige-accent-bright)!important;color:var(--beige-ink)!important}


/* ======================================================================
   BEIGE CONTRAST HARDENING — v2
   Ensures legacy white/plum text cannot become faint after light-theme remap.
   WCAG-oriented text tones on #EFE7DE / #F5F1EA / #FFFDFC.
   ====================================================================== */
:root{
  --beige-text-strong:#302B27;
  --beige-text:#514A44;
  --beige-text-muted:#6A625B;
  --beige-text-accent:#806000;
}

/* Shared light-surface typography */
body .section-number,
body .eyebrow,
body .eyebrow b,
body .eyebrow small{color:var(--beige-text-muted)!important}
body .text-link.dark,
body .text-link.dark span{color:var(--beige-text-accent)!important}
body .expertise .section-head h2 em,
body .contact h2 em,
body .steps b,
body .inner-card-top b,
body .leadership-page .foundation-grid h3,
body .foundation-card-copy>span,
body .leadership-profile-copy header span,
body .leadership-page .accolade-grid span,
body .culture-grid span,
body .roles-list span,
body .open-roles-heading a{color:var(--beige-text-accent)!important}

/* Homepage panels that used white text in the plum edition */
body[data-page="home"] .foundation-home-seal{
  background:var(--beige-primary)!important;
  color:var(--beige-text-strong)!important;
  border:1px solid var(--beige-line)!important;
}
body[data-page="home"] .foundation-home-seal strong{color:var(--beige-text-accent)!important}
body[data-page="home"] .testimonial-controls button,
body[data-page="home"] .coverflow-controls button{color:var(--beige-text-strong)!important}
body[data-page="home"] .service-card>span,
body[data-page="home"] .service-card>b,
body[data-page="home"] .testimonial-stars,
body[data-page="home"] .testimonial-card footer>span,
body[data-page="home"] .testimonial-controls>span b{color:var(--beige-text-accent)!important}

/* Careers / sponsorship / CSR / press light chapters */
.gallery-edition-title,
.open-roles,
.story-lead,
.trophy-band,
.video-heading,
.press-heading,
.press-intro,
.media-feature>div{color:var(--beige-text)!important}
.gallery-edition-title,
.gallery-edition-title h1,
.gallery-edition-title h2,
.gallery-edition-title h3,
.open-roles h1,
.open-roles h2,
.open-roles h3,
.open-roles-heading h2,
.story-lead h1,
.story-lead h2,
.story-lead h3,
.trophy-band h1,
.trophy-band h2,
.trophy-band h3,
.video-heading h2,
.press-heading h2,
.press-intro h2,
.media-feature>div h2{color:var(--beige-text-strong)!important}
.gallery-edition-title p,
.open-roles p,
.open-roles-heading>p,
.roles-list p,
.story-lead p,
.trophy-band p,
.video-heading p,
.press-heading p,
.press-intro p,
.media-feature>div p{color:var(--beige-text)!important}
.gallery-edition-title span,
.story-lead>span,
.trophy-band>div span,
.video-heading span,
.press-heading span,
.press-intro span,
.media-feature>div>span{color:var(--beige-text-accent)!important}
.roles-list>a{color:var(--beige-text-strong)!important;border-color:var(--beige-line)!important}
.roles-list>a:hover{color:var(--beige-text-accent)!important;background:var(--beige-primary)!important}

/* Leadership / About — force every beige card and rail label readable */
body[data-page="leadership"] .foundation-section,
body[data-page="leadership"] .leadership-team-section,
body[data-page="leadership"] .memberships-section,
body[data-page="leadership"] .accolades-section{color:var(--beige-text)!important}
body[data-page="leadership"] .foundation-section h2,
body[data-page="leadership"] .foundation-section h3,
body[data-page="leadership"] .leadership-team-section h2,
body[data-page="leadership"] .leadership-team-section h3,
body[data-page="leadership"] .memberships-section h2,
body[data-page="leadership"] .accolades-section h2,
body[data-page="leadership"] .accolades-section h3{color:var(--beige-text-strong)!important}
body[data-page="leadership"] .foundation-section p,
body[data-page="leadership"] .leadership-team-section p,
body[data-page="leadership"] .memberships-section p,
body[data-page="leadership"] .accolades-section p{color:var(--beige-text)!important}
body[data-page="leadership"] .foundation-grid span,
body[data-page="leadership"] .accolade-grid span,
body[data-page="leadership"] .memberships-section .eyebrow{color:var(--beige-text-accent)!important}

/* Nakhsha Homes: old plum variables were used for BOTH background and text.
   The light edition keeps backgrounds explicit and gives text dedicated dark tones. */
body[data-page="nakhsha-homes"]{
  --homes-plum:var(--beige-text-strong);
  --homes-plum-deep:var(--beige-text-strong);
  --homes-muted:var(--beige-text-muted);
}
body[data-page="nakhsha-homes"] .homes-page{color:var(--beige-text)!important}
body[data-page="nakhsha-homes"] .homes-kicker{color:var(--beige-text-muted)!important}
body[data-page="nakhsha-homes"] .homes-kicker--dark{color:var(--beige-text-muted)!important}
body[data-page="nakhsha-homes"] .homes-section-head h2,
body[data-page="nakhsha-homes"] .homes-system-copy h2,
body[data-page="nakhsha-homes"] .homes-capabilities h3,
body[data-page="nakhsha-homes"] .homes-step h3,
body[data-page="nakhsha-homes"] .homes-project-copy h3,
body[data-page="nakhsha-homes"] .homes-faq h2,
body[data-page="nakhsha-homes"] .homes-faq-list summary{color:var(--beige-text-strong)!important}
body[data-page="nakhsha-homes"] .homes-section-head>p,
body[data-page="nakhsha-homes"] .homes-system-copy>p,
body[data-page="nakhsha-homes"] .homes-system-copy li,
body[data-page="nakhsha-homes"] .homes-capabilities p,
body[data-page="nakhsha-homes"] .homes-step p,
body[data-page="nakhsha-homes"] .homes-faq-heading>p,
body[data-page="nakhsha-homes"] .homes-faq-list details p{color:var(--beige-text-muted)!important}
body[data-page="nakhsha-homes"] .homes-capabilities article>span,
body[data-page="nakhsha-homes"] .homes-step-top b,
body[data-page="nakhsha-homes"] .homes-system-copy li i,
body[data-page="nakhsha-homes"] .homes-text-link span,
body[data-page="nakhsha-homes"] .homes-project-copy span,
body[data-page="nakhsha-homes"] .homes-faq-list summary i{color:var(--beige-text-accent)!important}
body[data-page="nakhsha-homes"] .homes-system-copy li strong,
body[data-page="nakhsha-homes"] .homes-text-link,
body[data-page="nakhsha-homes"] .homes-project-copy dd{color:var(--beige-text-strong)!important}
body[data-page="nakhsha-homes"] .homes-project-copy dt{color:var(--beige-text-muted)!important}
body[data-page="nakhsha-homes"] .homes-project-card{
  background:var(--beige-paper)!important;
  border-color:var(--beige-line)!important;
}
body[data-page="nakhsha-homes"] .homes-button--outline{
  background:var(--beige-paper)!important;
  color:var(--beige-text-strong)!important;
  border-color:var(--beige-line)!important;
}
body[data-page="nakhsha-homes"] .homes-button--gold,
body[data-page="nakhsha-homes"] .homes-visual-badge{
  background:var(--beige-accent-bright)!important;
  color:var(--beige-text-strong)!important;
}
/* Re-assert all converted beige panels because --homes-plum now means text ink. */
body[data-page="nakhsha-homes"] .homes-hero,
body[data-page="nakhsha-homes"] .homes-promise-panel,
body[data-page="nakhsha-homes"] .homes-score,
body[data-page="nakhsha-homes"] .homes-consultation{background:var(--beige-primary)!important}
body[data-page="nakhsha-homes"] .homes-step:hover,
body[data-page="nakhsha-homes"] .homes-step.is-active{background:var(--beige-primary)!important}
body[data-page="nakhsha-homes"] .homes-step:hover h3,
body[data-page="nakhsha-homes"] .homes-step.is-active h3{color:var(--beige-text-strong)!important}
body[data-page="nakhsha-homes"] .homes-step:hover p,
body[data-page="nakhsha-homes"] .homes-step.is-active p,
body[data-page="nakhsha-homes"] .homes-step:hover .homes-step-top span,
body[data-page="nakhsha-homes"] .homes-step.is-active .homes-step-top span{color:var(--beige-text-muted)!important}
body[data-page="nakhsha-homes"] .homes-promise h2,
body[data-page="nakhsha-homes"] .homes-promise-list span,
body[data-page="nakhsha-homes"] .homes-score h2,
body[data-page="nakhsha-homes"] .homes-score-grid strong,
body[data-page="nakhsha-homes"] .homes-consultation h2,
body[data-page="nakhsha-homes"] .homes-contact-lines a:first-child{color:var(--beige-text-strong)!important}
body[data-page="nakhsha-homes"] .homes-promise-list span,
body[data-page="nakhsha-homes"] .homes-score-grid article{border-color:var(--beige-line)!important}
body[data-page="nakhsha-homes"] .homes-score-intro>p,
body[data-page="nakhsha-homes"] .homes-rating small,
body[data-page="nakhsha-homes"] .homes-score-grid span,
body[data-page="nakhsha-homes"] .homes-score-grid strong small,
body[data-page="nakhsha-homes"] .homes-consultation-copy>p,
body[data-page="nakhsha-homes"] .homes-contact-lines{color:var(--beige-text-muted)!important}
body[data-page="nakhsha-homes"] .homes-rating>strong,
body[data-page="nakhsha-homes"] .homes-rating div span{color:var(--beige-text-accent)!important}
body[data-page="nakhsha-homes"] .homes-faq-list details[open] summary i{
  background:var(--beige-secondary)!important;
  color:var(--beige-text-accent)!important;
}
/* The chip sits on an image, so keep it intentionally dark with white text. */
body[data-page="nakhsha-homes"] .homes-system-chip{
  background:rgba(48,43,39,.78)!important;
  border-color:rgba(255,255,255,.28)!important;
}
body[data-page="nakhsha-homes"] .homes-system-chip span{color:#fff!important;border-color:rgba(255,255,255,.20)!important}

/* Premium verticals: enforce dark-on-beige in every non-photo text surface. */
body[data-page="nakhsha-builders"] .vertical-page,
body[data-page="status-design-studio"] .vertical-page,
body[data-page="upworks"] .vertical-page{color:var(--beige-text)!important}
body[data-page="nakhsha-builders"] .vl-proof h2,
body[data-page="nakhsha-builders"] .vl-proof h3,
body[data-page="nakhsha-builders"] .vl-overview h2,
body[data-page="nakhsha-builders"] .vl-overview h3,
body[data-page="nakhsha-builders"] .vl-process h2,
body[data-page="nakhsha-builders"] .vl-process h3,
body[data-page="nakhsha-builders"] .vl-leadership h2,
body[data-page="nakhsha-builders"] .vl-leadership h3,
body[data-page="nakhsha-builders"] .vl-faq h2,
body[data-page="nakhsha-builders"] .vl-faq h3,
body[data-page="status-design-studio"] .vl-proof h2,
body[data-page="status-design-studio"] .vl-proof h3,
body[data-page="status-design-studio"] .vl-overview h2,
body[data-page="status-design-studio"] .vl-overview h3,
body[data-page="status-design-studio"] .vl-process h2,
body[data-page="status-design-studio"] .vl-process h3,
body[data-page="status-design-studio"] .vl-leadership h2,
body[data-page="status-design-studio"] .vl-leadership h3,
body[data-page="status-design-studio"] .vl-faq h2,
body[data-page="status-design-studio"] .vl-faq h3,
body[data-page="upworks"] .vl-proof h2,
body[data-page="upworks"] .vl-proof h3,
body[data-page="upworks"] .vl-overview h2,
body[data-page="upworks"] .vl-overview h3,
body[data-page="upworks"] .vl-process h2,
body[data-page="upworks"] .vl-process h3,
body[data-page="upworks"] .vl-leadership h2,
body[data-page="upworks"] .vl-leadership h3,
body[data-page="upworks"] .vl-faq h2,
body[data-page="upworks"] .vl-faq h3{color:var(--beige-text-strong)!important}
body[data-page="nakhsha-builders"] .vl-proof p,
body[data-page="nakhsha-builders"] .vl-overview p,
body[data-page="nakhsha-builders"] .vl-process p,
body[data-page="nakhsha-builders"] .vl-leadership p,
body[data-page="nakhsha-builders"] .vl-faq p,
body[data-page="status-design-studio"] .vl-proof p,
body[data-page="status-design-studio"] .vl-overview p,
body[data-page="status-design-studio"] .vl-process p,
body[data-page="status-design-studio"] .vl-leadership p,
body[data-page="status-design-studio"] .vl-faq p,
body[data-page="upworks"] .vl-proof p,
body[data-page="upworks"] .vl-overview p,
body[data-page="upworks"] .vl-process p,
body[data-page="upworks"] .vl-leadership p,
body[data-page="upworks"] .vl-faq p{color:var(--beige-text)!important}

/* Small text accents: dark gold on light surfaces; bright gold is reserved for fills/icons. */
body .service-card>span,
body .service-card>b,
body .video-rail article>span,
body .press-rail figcaption span,
body .vl-kicker,
body .vl-index,
body .vl-manifesto__eyebrow{color:var(--beige-text-accent)!important}

/* Photo overlays remain intentionally light over their dark image gradients. */
.impact-card h3,
.cover-card .cover-info strong,
.vertical-page .vl-project .vl-project__copy h3{color:#fff!important}
.impact-card p,
.cover-card .cover-info em,
.vertical-page .vl-project .vl-project__copy p{color:rgba(255,255,255,.84)!important}
.event-mosaic figcaption,
.award-mosaic figcaption,
.csr-gallery figcaption{color:#fff!important}
.event-mosaic figcaption span,
.award-mosaic figcaption span,
.csr-gallery figcaption span{color:#F0C845!important}

/* ======================================================================
   BEIGE VISUAL QA LOCK — 2026-09-23
   Final light-theme layer after full-page screenshot review.
   - Removes surviving white text from beige surfaces.
   - Keeps white text only on genuinely dark photo overlays.
   - Softens legacy plum-era shadows for the warm light palette.
   ====================================================================== */
:root{
  --beige-shadow-soft:0 12px 32px rgba(73,60,49,.065);
  --beige-shadow-card:0 18px 44px rgba(73,60,49,.075);
  --beige-shadow-float:0 24px 58px rgba(73,60,49,.095);
}

/* Home hero: all non-accent copy must be readable on the warm light wash. */
body[data-page="home"] .hero .hero-title,
body[data-page="home"] .hero .hero-title .line:not(.accent),
body[data-page="home"] .hero .hero-kicker,
body[data-page="home"] .hero .hero-copy,
body[data-page="home"] .hero .hero-actions .text-link{
  color:var(--beige-text-strong)!important;
  text-shadow:none!important;
}
body[data-page="home"] .hero .hero-title .accent{color:var(--beige-text-accent)!important}
body[data-page="home"] .hero .hero-copy{color:var(--beige-text)!important}
body[data-page="home"] .hero .hero-actions .text-link{border-color:rgba(48,43,39,.34)!important}
body[data-page="home"] .hero-visual::after{
  background:linear-gradient(90deg,rgba(239,231,222,.98) 0%,rgba(239,231,222,.84) 22%,rgba(239,231,222,.48) 43%,rgba(239,231,222,.12) 72%),linear-gradient(0deg,rgba(245,241,234,.28),transparent 52%)!important;
}
body[data-page="home"] .hero-proof{box-shadow:var(--beige-shadow-card)!important}

/* Testimonials: no alternating white type on beige cards. */
body[data-page="home"] .testimonial-slider .testimonial-card,
body[data-page="home"] .testimonial-slider .testimonial-card:nth-child(odd),
body[data-page="home"] .testimonial-slider .testimonial-card:nth-child(even),
body[data-page="home"] .testimonial-slider .testimonial-card.is-active{
  background:var(--beige-paper)!important;
  color:var(--beige-text)!important;
  border-color:var(--beige-line)!important;
  box-shadow:var(--beige-shadow-card)!important;
}
body[data-page="home"] .testimonial-slider .testimonial-card blockquote,
body[data-page="home"] .testimonial-slider .testimonial-card:nth-child(odd) blockquote,
body[data-page="home"] .testimonial-slider .testimonial-card:nth-child(even) blockquote{
  color:var(--beige-text-strong)!important;
}
body[data-page="home"] .testimonial-slider .testimonial-card footer strong,
body[data-page="home"] .testimonial-slider .testimonial-card:nth-child(odd) footer strong,
body[data-page="home"] .testimonial-slider .testimonial-card:nth-child(even) footer strong{color:var(--beige-text)!important}
body[data-page="home"] .testimonial-slider .testimonial-card footer small,
body[data-page="home"] .testimonial-slider .testimonial-card:nth-child(odd) footer small,
body[data-page="home"] .testimonial-slider .testimonial-card:nth-child(even) footer small{color:var(--beige-text-muted)!important}
body[data-page="home"] .testimonial-slider .testimonial-card.is-active{border-color:rgba(128,96,0,.42)!important}
body[data-page="home"] .testimonial-controls button{box-shadow:none!important}

/* Warm cards: soften shadows site-wide on light surfaces. */
body[data-page="home"] .service-card,
body[data-page="home"] .business-section .business-panel,
body[data-page="home"] .business-section .business-tab,
body[data-page="leadership"] .foundation-card,
body[data-page="leadership"] .accolade-grid article,
body[data-page="careers"] .culture-grid article,
body[data-page="nakhsha-homes"] .homes-project-card,
body[data-page="nakhsha-homes"] .homes-step,
.vertical-page .vl-proof article,
.vertical-page .vl-process article,
.vertical-page .vl-leadership article,
.vertical-page .vl-ecosystem__grid a{
  box-shadow:var(--beige-shadow-soft)!important;
}

/* Inner photographic heroes: use a restrained dark scrim and white type.
   This avoids the washed-out grey/white combination seen in the screenshots. */
.inner-hero::after{
  background:linear-gradient(90deg,rgba(31,27,24,.78),rgba(31,27,24,.43) 58%,rgba(31,27,24,.16))!important;
}
.inner-hero-content,
.inner-hero-content h1,
.inner-hero-content h1 span,
.inner-hero-content>p,
.inner-hero-content .eyebrow,
.inner-index{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.18)!important}
.inner-hero-content h1 em{color:#E0B93F!important}
.inner-hero-content>p:last-child{color:rgba(255,255,255,.86)!important}

/* About / leadership hero follows the same photographic treatment. */
body[data-page="leadership"] .leadership-hero-framer{background:#211d1a!important;color:#fff!important}
body[data-page="leadership"] .leadership-hero-overlay{
  background:linear-gradient(180deg,rgba(31,27,24,.08),rgba(31,27,24,.18) 45%,rgba(31,27,24,.82) 100%),linear-gradient(90deg,rgba(31,27,24,.30),transparent 48%,rgba(31,27,24,.20))!important;
}
body[data-page="leadership"] .leadership-hero-copy,
body[data-page="leadership"] .leadership-hero-copy h1,
body[data-page="leadership"] .leadership-hero-copy h1 span,
body[data-page="leadership"] .leadership-hero-copy>p,
body[data-page="leadership"] .leadership-hero-copy .eyebrow,
body[data-page="leadership"] .leadership-hero-index{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.18)!important}
body[data-page="leadership"] .leadership-hero-copy h1 em{color:#E0B93F!important}
body[data-page="leadership"] .leadership-hero-copy>p:last-child{color:rgba(255,255,255,.86)!important}

/* Inner statements (Sponsorships / CSR / Press): dark-on-beige, never ghosted. */
body[data-page="sponsorships"] .inner-statement,
body[data-page="csr"] .inner-statement,
body[data-page="press-media"] .inner-statement,
body[data-page="careers"] .inner-statement{
  background:linear-gradient(135deg,var(--beige-secondary),var(--beige-primary))!important;
  color:var(--beige-text-strong)!important;
  box-shadow:none!important;
}
body[data-page="sponsorships"] .inner-statement blockquote,
body[data-page="csr"] .inner-statement blockquote,
body[data-page="press-media"] .inner-statement blockquote,
body[data-page="careers"] .inner-statement blockquote{color:var(--beige-text-strong)!important;opacity:1!important;text-shadow:none!important}
body[data-page="sponsorships"] .inner-statement .eyebrow,
body[data-page="csr"] .inner-statement .eyebrow,
body[data-page="press-media"] .inner-statement .eyebrow,
body[data-page="careers"] .inner-statement .eyebrow{color:var(--beige-text-muted)!important}

/* Business verticals: beige conversion wins over the old DARK SURFACE LOCK. */
body[data-page="nakhsha-builders"] .vertical-page .vl-capabilities,
body[data-page="status-design-studio"] .vertical-page .vl-capabilities,
body[data-page="upworks"] .vertical-page .vl-capabilities,
body[data-page="nakhsha-builders"] .vertical-page .vl-manifesto,
body[data-page="status-design-studio"] .vertical-page .vl-manifesto,
body[data-page="upworks"] .vertical-page .vl-manifesto,
body[data-page="nakhsha-builders"] .vertical-page .vl-consultation,
body[data-page="status-design-studio"] .vertical-page .vl-consultation,
body[data-page="upworks"] .vertical-page .vl-consultation{
  background:linear-gradient(145deg,var(--beige-primary),var(--beige-secondary))!important;
  color:var(--beige-text)!important;
}
body[data-page="nakhsha-builders"] .vertical-page .vl-capabilities h2,
body[data-page="nakhsha-builders"] .vertical-page .vl-capabilities h3,
body[data-page="nakhsha-builders"] .vertical-page .vl-manifesto h2,
body[data-page="nakhsha-builders"] .vertical-page .vl-manifesto h3,
body[data-page="nakhsha-builders"] .vertical-page .vl-consultation__copy h2,
body[data-page="nakhsha-builders"] .vertical-page .vl-consultation__copy h3,
body[data-page="status-design-studio"] .vertical-page .vl-capabilities h2,
body[data-page="status-design-studio"] .vertical-page .vl-capabilities h3,
body[data-page="status-design-studio"] .vertical-page .vl-manifesto h2,
body[data-page="status-design-studio"] .vertical-page .vl-manifesto h3,
body[data-page="status-design-studio"] .vertical-page .vl-consultation__copy h2,
body[data-page="status-design-studio"] .vertical-page .vl-consultation__copy h3,
body[data-page="upworks"] .vertical-page .vl-capabilities h2,
body[data-page="upworks"] .vertical-page .vl-capabilities h3,
body[data-page="upworks"] .vertical-page .vl-manifesto h2,
body[data-page="upworks"] .vertical-page .vl-manifesto h3,
body[data-page="upworks"] .vertical-page .vl-consultation__copy h2,
body[data-page="upworks"] .vertical-page .vl-consultation__copy h3{
  color:var(--beige-text-strong)!important;
  text-shadow:none!important;
}
body[data-page="nakhsha-builders"] .vertical-page .vl-capabilities .vl-section-head>p,
body[data-page="nakhsha-builders"] .vertical-page .vl-capabilities .vl-capability-card p,
body[data-page="nakhsha-builders"] .vertical-page .vl-manifesto p,
body[data-page="nakhsha-builders"] .vertical-page .vl-consultation__copy>p,
body[data-page="status-design-studio"] .vertical-page .vl-capabilities .vl-section-head>p,
body[data-page="status-design-studio"] .vertical-page .vl-capabilities .vl-capability-card p,
body[data-page="status-design-studio"] .vertical-page .vl-manifesto p,
body[data-page="status-design-studio"] .vertical-page .vl-consultation__copy>p,
body[data-page="upworks"] .vertical-page .vl-capabilities .vl-section-head>p,
body[data-page="upworks"] .vertical-page .vl-capabilities .vl-capability-card p,
body[data-page="upworks"] .vertical-page .vl-manifesto p,
body[data-page="upworks"] .vertical-page .vl-consultation__copy>p{
  color:var(--beige-text)!important;
}
body[data-page="nakhsha-builders"] .vertical-page .vl-capabilities .vl-index,
body[data-page="status-design-studio"] .vertical-page .vl-capabilities .vl-index,
body[data-page="upworks"] .vertical-page .vl-capabilities .vl-index,
body[data-page="nakhsha-builders"] .vertical-page .vl-capabilities .no,
body[data-page="status-design-studio"] .vertical-page .vl-capabilities .no,
body[data-page="upworks"] .vertical-page .vl-capabilities .no,
body[data-page="nakhsha-builders"] .vertical-page .vl-manifesto__eyebrow,
body[data-page="status-design-studio"] .vertical-page .vl-manifesto__eyebrow,
body[data-page="upworks"] .vertical-page .vl-manifesto__eyebrow,
body[data-page="nakhsha-builders"] .vertical-page .vl-manifesto h2 em,
body[data-page="status-design-studio"] .vertical-page .vl-manifesto h2 em,
body[data-page="upworks"] .vertical-page .vl-manifesto h2 em,
body[data-page="nakhsha-builders"] .vertical-page .vl-consultation__copy h2 em,
body[data-page="status-design-studio"] .vertical-page .vl-consultation__copy h2 em,
body[data-page="upworks"] .vertical-page .vl-consultation__copy h2 em{color:var(--beige-text-accent)!important}
body[data-page="nakhsha-builders"] .vertical-page .vl-capability-grid,
body[data-page="status-design-studio"] .vertical-page .vl-capability-grid,
body[data-page="upworks"] .vertical-page .vl-capability-grid,
body[data-page="nakhsha-builders"] .vertical-page .vl-capability-card,
body[data-page="status-design-studio"] .vertical-page .vl-capability-card,
body[data-page="upworks"] .vertical-page .vl-capability-card,
body[data-page="nakhsha-builders"] .vertical-page .vl-manifesto__side article,
body[data-page="status-design-studio"] .vertical-page .vl-manifesto__side article,
body[data-page="upworks"] .vertical-page .vl-manifesto__side article{border-color:var(--beige-line)!important}
body[data-page="nakhsha-builders"] .vertical-page .vl-consultation .vl-contact-lines,
body[data-page="status-design-studio"] .vertical-page .vl-consultation .vl-contact-lines,
body[data-page="upworks"] .vertical-page .vl-consultation .vl-contact-lines{color:var(--beige-text-muted)!important}
body[data-page="nakhsha-builders"] .vertical-page .vl-consultation .vl-contact-lines a,
body[data-page="status-design-studio"] .vertical-page .vl-consultation .vl-contact-lines a,
body[data-page="upworks"] .vertical-page .vl-consultation .vl-contact-lines a{color:var(--beige-text-strong)!important}

/* Business heroes stay photographic and premium: darker overlay, white type. */
body[data-page="nakhsha-builders"] .vertical-page .vl-hero,
body[data-page="status-design-studio"] .vertical-page .vl-hero,
body[data-page="upworks"] .vertical-page .vl-hero{background:#211d1a!important;color:#fff!important}
body[data-page="nakhsha-builders"] .vertical-page .vl-hero__shade,
body[data-page="status-design-studio"] .vertical-page .vl-hero__shade,
body[data-page="upworks"] .vertical-page .vl-hero__shade{
  background:linear-gradient(90deg,rgba(31,27,24,.86) 0%,rgba(31,27,24,.68) 37%,rgba(31,27,24,.30) 72%,rgba(31,27,24,.12) 100%),linear-gradient(0deg,rgba(31,27,24,.48) 0%,transparent 55%)!important;
}
body[data-page="nakhsha-builders"] .vertical-page .vl-hero .vl-title,
body[data-page="nakhsha-builders"] .vertical-page .vl-hero .vl-title span,
body[data-page="nakhsha-builders"] .vertical-page .vl-hero .vl-lede,
body[data-page="status-design-studio"] .vertical-page .vl-hero .vl-title,
body[data-page="status-design-studio"] .vertical-page .vl-hero .vl-title span,
body[data-page="status-design-studio"] .vertical-page .vl-hero .vl-lede,
body[data-page="upworks"] .vertical-page .vl-hero .vl-title,
body[data-page="upworks"] .vertical-page .vl-hero .vl-title span,
body[data-page="upworks"] .vertical-page .vl-hero .vl-lede{color:#fff!important;text-shadow:0 2px 20px rgba(0,0,0,.18)!important}
body[data-page="nakhsha-builders"] .vertical-page .vl-hero .vl-title em,
body[data-page="status-design-studio"] .vertical-page .vl-hero .vl-title em,
body[data-page="upworks"] .vertical-page .vl-hero .vl-title em,
body[data-page="nakhsha-builders"] .vertical-page .vl-hero .vl-kicker,
body[data-page="status-design-studio"] .vertical-page .vl-hero .vl-kicker,
body[data-page="upworks"] .vertical-page .vl-hero .vl-kicker{color:#E0B93F!important}
body[data-page="nakhsha-builders"] .vertical-page .vl-hero__stats strong,
body[data-page="status-design-studio"] .vertical-page .vl-hero__stats strong,
body[data-page="upworks"] .vertical-page .vl-hero__stats strong{color:#fff!important}
body[data-page="nakhsha-builders"] .vertical-page .vl-hero__stats span,
body[data-page="status-design-studio"] .vertical-page .vl-hero__stats span,
body[data-page="upworks"] .vertical-page .vl-hero__stats span{color:rgba(255,255,255,.76)!important}

/* Nakhsha Homes: readable project/meta/score copy and gentler shadows. */
body[data-page="nakhsha-homes"] .homes-project-copy h3,
body[data-page="nakhsha-homes"] .homes-project-copy dd,
body[data-page="nakhsha-homes"] .homes-score h2,
body[data-page="nakhsha-homes"] .homes-score-grid strong,
body[data-page="nakhsha-homes"] .homes-promise h2,
body[data-page="nakhsha-homes"] .homes-consultation h2{color:var(--beige-text-strong)!important}
body[data-page="nakhsha-homes"] .homes-project-copy dt,
body[data-page="nakhsha-homes"] .homes-score-intro>p,
body[data-page="nakhsha-homes"] .homes-score-grid span,
body[data-page="nakhsha-homes"] .homes-consultation-copy>p{color:var(--beige-text-muted)!important}
body[data-page="nakhsha-homes"] .homes-project-card,
body[data-page="nakhsha-homes"] .homes-score,
body[data-page="nakhsha-homes"] .homes-promise-panel,
body[data-page="nakhsha-homes"] .homes-consultation{box-shadow:var(--beige-shadow-card)!important}

/* Forms: crisp readable labels and lighter framing. */
.bah-form-shell,
.bah-form-shell--section,
.bah-modal__dialog{box-shadow:var(--beige-shadow-card)!important}
.bah-form-shell label,
.bah-form-shell .bah-label,
.bah-form-shell small,
.bah-form-shell p{color:var(--beige-text)!important}
.bah-form-shell input,
.bah-form-shell textarea,
.bah-form-shell select{color:var(--beige-text-strong)!important;background:#fff!important;border-color:#D4C8BC!important}

/* Mobile: keep photographic hero scrims strong enough for white text. */
@media(max-width:900px){
  body[data-page="nakhsha-builders"] .vertical-page .vl-hero__shade,
  body[data-page="status-design-studio"] .vertical-page .vl-hero__shade,
  body[data-page="upworks"] .vertical-page .vl-hero__shade{
    background:linear-gradient(180deg,rgba(31,27,24,.28) 0%,rgba(31,27,24,.40) 34%,rgba(31,27,24,.82) 76%,rgba(31,27,24,.92) 100%)!important;
  }
  body[data-page="leadership"] .leadership-hero-overlay{
    background:linear-gradient(0deg,rgba(31,27,24,.88),rgba(31,27,24,.22) 62%,rgba(31,27,24,.08))!important;
  }
}

/* Warm photographic finish for the light edition. */
body[data-page="leadership"] .leadership-hero-media img{
  filter:grayscale(.28) saturate(.82) contrast(1.04) brightness(.92)!important;
}
body[data-page="nakhsha-builders"] .vertical-page .vl-hero__media img,
body[data-page="status-design-studio"] .vertical-page .vl-hero__media img,
body[data-page="upworks"] .vertical-page .vl-hero__media img{
  filter:saturate(.88) contrast(1.04) brightness(.90)!important;
}

/* Remaining light editorial/card surfaces. */
.inner-content h1,.inner-content h2,.inner-content h3,
.media-feature>div h1,.media-feature>div h2,.media-feature>div h3,
.story-lead h1,.story-lead h2,.story-lead h3,
.press-intro h1,.press-intro h2,.press-intro h3,
.open-roles h1,.open-roles h2,.open-roles h3{color:var(--beige-text-strong)!important}
.inner-content p,.media-feature>div p,.story-lead p,.press-intro p,.open-roles p{color:var(--beige-text)!important}
.inner-cards article,.media-feature>div,.press-intro{box-shadow:var(--beige-shadow-soft)!important}
.inner-cards article:hover{background:var(--beige-primary)!important;color:var(--beige-text-strong)!important;box-shadow:var(--beige-shadow-card)!important}
.inner-cards article:hover h3{color:var(--beige-text-strong)!important}
.inner-cards article:hover p{color:var(--beige-text)!important}

/* ======================================================================
   2026-09-25 — WARM SURFACE + PROCESS EMPHASIS PASS
   Reduce harsh white fields, keep the approved cream/beige language, and
   give process/milestone content stronger hierarchy without changing layout.
   ====================================================================== */
:root{
  --beige-warm-ivory:#F8F3ED;
  --beige-warm-paper:#F4ECE3;
  --beige-warm-panel:#EEE2D6;
  --beige-warm-panel-strong:#E8D8C9;
  --beige-warm-line:#D7C8BA;
  --beige-warm-shadow:0 22px 52px rgba(86,68,54,.09);
  --beige-warm-shadow-hover:0 30px 68px rgba(86,68,54,.14);
}

/* Replace large near-white fields with warmer architectural surfaces. */
body[data-page="home"] .trust-section,
body[data-page="home"] .home-foundation,
body[data-page="home"] .process,
body[data-page="home"] .seo-home-section{
  background:
    radial-gradient(circle at 92% 5%,rgba(128,96,0,.045),transparent 26%),
    linear-gradient(180deg,var(--beige-warm-ivory),var(--beige-warm-paper))!important;
}
body[data-page="home"] .trust-section{border-bottom:1px solid var(--beige-warm-line)!important}
body[data-page="home"] .home-foundation{background:linear-gradient(180deg,var(--beige-warm-paper),#F6EFE8)!important}
body[data-page="home"] .process{background:linear-gradient(145deg,#F1E7DD,var(--beige-warm-ivory))!important}

/* Client experiences: warmer cards, stronger active state, less empty white. */
body[data-page="home"] .testimonial-slider .testimonial-card,
body[data-page="home"] .testimonial-slider .testimonial-card:nth-child(odd),
body[data-page="home"] .testimonial-slider .testimonial-card:nth-child(even){
  background:rgba(255,252,248,.72)!important;
  border-color:var(--beige-warm-line)!important;
  box-shadow:var(--beige-warm-shadow)!important;
  backdrop-filter:blur(8px);
}
body[data-page="home"] .testimonial-slider .testimonial-card:nth-child(2n){background:#F1E6DA!important}
body[data-page="home"] .testimonial-slider .testimonial-card.is-active{
  background:linear-gradient(145deg,#EEDFD1,#F6EEE7)!important;
  border-color:rgba(128,96,0,.52)!important;
  box-shadow:var(--beige-warm-shadow-hover)!important;
}
body[data-page="home"] .testimonial-slider .testimonial-card.is-active::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#9B7600;border-radius:inherit;
}
body[data-page="home"] .testimonial-slider .testimonial-card{position:relative;overflow:hidden}
body[data-page="home"] .testimonial-controls button{background:#F4ECE3!important;border-color:var(--beige-warm-line)!important}

/* Foundation metrics: make the proof row feel like an intentional feature panel. */
body[data-page="home"] .home-foundation-metrics{
  margin-top:56px!important;
  padding:0!important;
  border:1px solid var(--beige-warm-line)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:rgba(255,252,248,.68)!important;
  box-shadow:var(--beige-warm-shadow)!important;
}
body[data-page="home"] .home-foundation-metrics>div{
  min-height:150px!important;
  padding:30px 26px!important;
  border-left:1px solid var(--beige-warm-line)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  transition:background .3s ease,transform .3s ease!important;
}
body[data-page="home"] .home-foundation-metrics>div:first-child{border-left:0!important}
body[data-page="home"] .home-foundation-metrics>div:nth-child(2),
body[data-page="home"] .home-foundation-metrics>div:nth-child(4){background:#F0E4D8!important}
body[data-page="home"] .home-foundation-metrics>div:hover{background:#E9DACB!important;transform:translateY(-4px)}
body[data-page="home"] .home-foundation-metrics strong{color:var(--beige-text-strong)!important}
body[data-page="home"] .home-foundation-metrics span{color:var(--beige-text-muted)!important}

/* Homepage process: preserve transparent .steps shell, but make stages premium. */
body[data-page="home"] .steps{background:transparent!important;gap:16px!important}
body[data-page="home"] .steps article{
  background:rgba(255,252,248,.76)!important;
  border:1px solid var(--beige-warm-line)!important;
  border-radius:22px!important;
  box-shadow:var(--beige-warm-shadow)!important;
  position:relative!important;
  overflow:hidden!important;
  transition:transform .32s ease,box-shadow .32s ease,background .32s ease!important;
}
body[data-page="home"] .steps article::before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#C7A33B;transform:scaleX(.22);transform-origin:left;transition:transform .35s ease;
}
body[data-page="home"] .steps article:hover{transform:translateY(-7px);box-shadow:var(--beige-warm-shadow-hover)!important}
body[data-page="home"] .steps article:hover::before{transform:scaleX(1)}
body[data-page="home"] .steps article:nth-child(2),
body[data-page="home"] .steps article:nth-child(3){
  background:linear-gradient(145deg,#EADBCB,#F3E9DF)!important;
  border-color:#CDB7A2!important;
  transform:translateY(-8px);
}
body[data-page="home"] .steps article:nth-child(2)::before,
body[data-page="home"] .steps article:nth-child(3)::before{transform:scaleX(1);background:#9A7400}
body[data-page="home"] .steps b{
  width:38px;height:38px;border-radius:50%;display:grid!important;place-items:center;background:#EFE2D4;color:#806000!important;border:1px solid #D2BEA8;
}
body[data-page="home"] .steps article:nth-child(2) b,
body[data-page="home"] .steps article:nth-child(3) b{background:#8B6800!important;color:#fff!important;border-color:#8B6800!important}
body[data-page="home"] .steps article>div{background:#D9C9BA!important}
body[data-page="home"] .steps h3{color:var(--beige-text-strong)!important}
body[data-page="home"] .steps p{color:var(--beige-text)!important}

/* Nakhsha Homes: alternate warm section fields instead of large white canvases. */
body[data-page="nakhsha-homes"] .homes-proof,
body[data-page="nakhsha-homes"] .homes-journey,
body[data-page="nakhsha-homes"] .homes-projects,
body[data-page="nakhsha-homes"] .homes-faq{
  background:linear-gradient(180deg,var(--beige-warm-paper),var(--beige-warm-ivory))!important;
}
body[data-page="nakhsha-homes"] .homes-intro,
body[data-page="nakhsha-homes"] .homes-system,
body[data-page="nakhsha-homes"] .homes-score{
  background:linear-gradient(145deg,#F0E5DA,#F6EFE8)!important;
}
body[data-page="nakhsha-homes"] .homes-journey-track{gap:16px!important}
body[data-page="nakhsha-homes"] .homes-step{
  background:rgba(255,252,248,.78)!important;
  border:1px solid var(--beige-warm-line)!important;
  box-shadow:var(--beige-warm-shadow)!important;
}
body[data-page="nakhsha-homes"] .homes-step:nth-child(2),
body[data-page="nakhsha-homes"] .homes-step:nth-child(3){
  background:linear-gradient(150deg,#E9D8C7,#F3E8DD)!important;
  border-color:#CAB39B!important;
  transform:translateY(-8px);
}
body[data-page="nakhsha-homes"] .homes-step:nth-child(2)::after,
body[data-page="nakhsha-homes"] .homes-step:nth-child(3)::after{background:#8D6900!important}
body[data-page="nakhsha-homes"] .homes-step:hover,
body[data-page="nakhsha-homes"] .homes-step.is-active{box-shadow:var(--beige-warm-shadow-hover)!important}

/* Business landing process/proof sections: warm paper cards + selected milestones. */
.vertical-page .vl-proof,
.vertical-page .vl-process,
.vertical-page .vl-overview,
.vertical-page .vl-faq,
.vertical-page .vl-leadership{
  background:linear-gradient(180deg,var(--beige-warm-ivory),var(--beige-warm-paper))!important;
}
.vertical-page .vl-proof__grid{gap:12px!important}
.vertical-page .vl-proof article{
  background:rgba(255,252,248,.72)!important;
  border:1px solid var(--beige-warm-line)!important;
  box-shadow:var(--beige-warm-shadow)!important;
}
.vertical-page .vl-process__track{
  gap:12px!important;border:0!important;background:transparent!important;
}
.vertical-page .vl-process__track article{
  background:rgba(255,252,248,.78)!important;
  border:1px solid var(--beige-warm-line)!important;
  border-radius:18px!important;
  box-shadow:var(--beige-warm-shadow)!important;
  overflow:hidden!important;
  transition:transform .3s ease,box-shadow .3s ease,background .3s ease!important;
}
.vertical-page .vl-process__track article:hover{transform:translateY(-6px);box-shadow:var(--beige-warm-shadow-hover)!important}
.vertical-page .vl-process__track article::before{background:#A17A00!important;height:4px!important}
body[data-page="nakhsha-builders"] .vl-process__track article:nth-child(3),
body[data-page="nakhsha-builders"] .vl-process__track article:nth-child(5),
body[data-page="status-design-studio"] .vl-process__track article:nth-child(2),
body[data-page="status-design-studio"] .vl-process__track article:nth-child(4),
body[data-page="upworks"] .vl-process__track article:nth-child(2),
body[data-page="upworks"] .vl-process__track article:nth-child(4){
  background:linear-gradient(145deg,#E8D7C6,#F1E5D9)!important;
  border-color:#C8AF95!important;
  transform:translateY(-7px);
}
body[data-page="nakhsha-builders"] .vl-process__track article:nth-child(3)::before,
body[data-page="nakhsha-builders"] .vl-process__track article:nth-child(5)::before,
body[data-page="status-design-studio"] .vl-process__track article:nth-child(2)::before,
body[data-page="status-design-studio"] .vl-process__track article:nth-child(4)::before,
body[data-page="upworks"] .vl-process__track article:nth-child(2)::before,
body[data-page="upworks"] .vl-process__track article:nth-child(4)::before{width:100%!important}
.vertical-page .vl-process__track h3{color:var(--beige-text-strong)!important}
.vertical-page .vl-process__track p{color:var(--beige-text)!important}

/* Local SEO process: same visual language as the main site. */
.seo-local-section,
.insights-page,
.article-main{background:var(--beige-warm-ivory)!important}
.seo-process-grid{gap:12px!important;border:0!important}
.seo-process-grid article{
  background:rgba(255,252,248,.80)!important;
  border:1px solid var(--beige-warm-line)!important;
  border-radius:18px!important;
  box-shadow:var(--beige-warm-shadow)!important;
  transition:transform .3s ease,box-shadow .3s ease!important;
}
.seo-process-grid article:nth-child(2),.seo-process-grid article:nth-child(4){background:#EEDFD1!important;border-color:#CDB59E!important}
.seo-process-grid article:hover{transform:translateY(-5px);box-shadow:var(--beige-warm-shadow-hover)!important}

/* Inner/editorial pages: turn former white canvases into brownish-white. */
.inner-main,.inner-content,.media-led-section,.story-lead,.career-culture,
.leadership-page,.leadership-team-section,.accolades-section,.press-heading,.press-archive,.open-roles{
  background:var(--beige-warm-ivory)!important;
}
.inner-cards article,.culture-grid article,.press-intro,.media-feature>div,
.leadership-page .foundation-grid .foundation-card,.leadership-page .accolade-grid article{
  background:rgba(255,252,248,.80)!important;border-color:var(--beige-warm-line)!important;
}
.inner-cards article:nth-child(even),.culture-grid article:nth-child(even),
.leadership-page .foundation-grid .foundation-card:nth-child(even){background:#F0E4D8!important}

/* Mobile/tablet: keep emphasis without raised-card collisions. */
@media(max-width:900px){
  body[data-page="home"] .steps{grid-template-columns:1fr 1fr!important;gap:12px!important}
  body[data-page="home"] .steps article:nth-child(2),
  body[data-page="home"] .steps article:nth-child(3),
  body[data-page="nakhsha-homes"] .homes-step:nth-child(2),
  body[data-page="nakhsha-homes"] .homes-step:nth-child(3),
  body[data-page="nakhsha-builders"] .vl-process__track article:nth-child(3),
  body[data-page="nakhsha-builders"] .vl-process__track article:nth-child(5),
  body[data-page="status-design-studio"] .vl-process__track article:nth-child(2),
  body[data-page="status-design-studio"] .vl-process__track article:nth-child(4),
  body[data-page="upworks"] .vl-process__track article:nth-child(2),
  body[data-page="upworks"] .vl-process__track article:nth-child(4){transform:none!important}
  body[data-page="home"] .home-foundation-metrics{grid-template-columns:repeat(2,1fr)!important}
  body[data-page="home"] .home-foundation-metrics>div{border-top:1px solid var(--beige-warm-line)!important}
  body[data-page="home"] .home-foundation-metrics>div:nth-child(-n+2){border-top:0!important}
  body[data-page="home"] .home-foundation-metrics>div:nth-child(odd){border-left:0!important}
}
@media(max-width:640px){
  body[data-page="home"] .steps{grid-template-columns:1fr!important}
  body[data-page="home"] .steps article{min-height:auto!important;padding:26px 22px!important}
  body[data-page="home"] .home-foundation-metrics{grid-template-columns:1fr!important;border-radius:18px!important}
  body[data-page="home"] .home-foundation-metrics>div{min-height:120px!important;border-left:0!important;border-top:1px solid var(--beige-warm-line)!important}
  body[data-page="home"] .home-foundation-metrics>div:first-child{border-top:0!important}
  .vertical-page .vl-process__track{gap:10px!important}
  .vertical-page .vl-process__track article{border:1px solid var(--beige-warm-line)!important;border-radius:16px!important}
}

/* ======================================================================
   2026-09-25 — UNIFIED PREMIUM BEIGE CARD SYSTEM
   All card-style components use one consistent beige family. Emphasis is
   created with borders, gold details and depth — never odd/darker cards.
   ====================================================================== */
:root{
  --premium-card-bg:linear-gradient(145deg,#F2E8DE 0%,#F8F3EE 100%);
  --premium-card-bg-hover:linear-gradient(145deg,#EDE0D3 0%,#F6EEE6 100%);
  --premium-card-border:#D2C0AE;
  --premium-card-border-accent:#B8962E;
  --premium-card-shadow:0 18px 42px rgba(78,60,47,.08),0 3px 10px rgba(78,60,47,.035);
  --premium-card-shadow-hover:0 26px 58px rgba(78,60,47,.13),0 8px 18px rgba(78,60,47,.055);
}

/* One premium beige surface for every card family. */
body[data-page="home"] .testimonial-slider .testimonial-card,
body[data-page="home"] .testimonial-slider .testimonial-card:nth-child(odd),
body[data-page="home"] .testimonial-slider .testimonial-card:nth-child(even),
body[data-page="home"] .testimonial-slider .testimonial-card.is-active,
body[data-page="home"] .service-card,
body[data-page="home"] .steps article,
body[data-page="home"] .steps article:nth-child(2),
body[data-page="home"] .steps article:nth-child(3),
body[data-page="home"] .business-section .business-panel,
body[data-page="home"] .business-section .business-tab,
body[data-page="nakhsha-homes"] .homes-step,
body[data-page="nakhsha-homes"] .homes-step:nth-child(2),
body[data-page="nakhsha-homes"] .homes-step:nth-child(3),
body[data-page="nakhsha-homes"] .homes-project-card,
.vertical-page .vl-proof article,
.vertical-page .vl-process__track article,
body[data-page="nakhsha-builders"] .vl-process__track article:nth-child(3),
body[data-page="nakhsha-builders"] .vl-process__track article:nth-child(5),
body[data-page="status-design-studio"] .vl-process__track article:nth-child(2),
body[data-page="status-design-studio"] .vl-process__track article:nth-child(4),
body[data-page="upworks"] .vl-process__track article:nth-child(2),
body[data-page="upworks"] .vl-process__track article:nth-child(4),
.vertical-page .vl-capability-card,
.vertical-page .vl-leadership article,
.vertical-page .vl-ecosystem__grid a,
.seo-process-grid article,
.seo-process-grid article:nth-child(2),
.seo-process-grid article:nth-child(4),
.inner-cards article,
.inner-cards article:nth-child(even),
.culture-grid article,
.culture-grid article:nth-child(even),
.leadership-page .foundation-grid .foundation-card,
.leadership-page .foundation-grid .foundation-card:nth-child(even),
.leadership-page .accolade-grid article,
.press-intro,
.media-feature>div,
.impact-card,
.cover-card{
  background:var(--premium-card-bg)!important;
  border-color:var(--premium-card-border)!important;
  box-shadow:var(--premium-card-shadow)!important;
}

/* Consistent premium edge — same on every card, no odd/even color treatment. */
body[data-page="home"] .testimonial-slider .testimonial-card,
body[data-page="home"] .service-card,
body[data-page="home"] .steps article,
body[data-page="home"] .business-section .business-panel,
body[data-page="nakhsha-homes"] .homes-step,
body[data-page="nakhsha-homes"] .homes-project-card,
.vertical-page .vl-proof article,
.vertical-page .vl-process__track article,
.vertical-page .vl-capability-card,
.vertical-page .vl-leadership article,
.vertical-page .vl-ecosystem__grid a,
.seo-process-grid article,
.inner-cards article,
.culture-grid article,
.leadership-page .foundation-grid .foundation-card,
.leadership-page .accolade-grid article,
.press-intro,
.media-feature>div,
.impact-card,
.cover-card{
  box-shadow:inset 0 3px 0 rgba(184,150,46,.78),var(--premium-card-shadow)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease!important;
}

/* Hover/focus: richer depth, still the exact same beige family. */
@media (hover:hover) and (pointer:fine){
  body[data-page="home"] .testimonial-slider .testimonial-card:hover,
  body[data-page="home"] .service-card:hover,
  body[data-page="home"] .steps article:hover,
  body[data-page="home"] .business-section .business-panel:hover,
  body[data-page="home"] .business-section .business-tab:hover,
  body[data-page="nakhsha-homes"] .homes-step:hover,
  body[data-page="nakhsha-homes"] .homes-project-card:hover,
  .vertical-page .vl-proof article:hover,
  .vertical-page .vl-process__track article:hover,
  .vertical-page .vl-capability-card:hover,
  .vertical-page .vl-leadership article:hover,
  .vertical-page .vl-ecosystem__grid a:hover,
  .seo-process-grid article:hover,
  .inner-cards article:hover,
  .culture-grid article:hover,
  .leadership-page .foundation-grid .foundation-card:hover,
  .leadership-page .accolade-grid article:hover,
  .press-intro:hover,
  .media-feature>div:hover,
  .impact-card:hover,
  .cover-card:hover{
    background:var(--premium-card-bg-hover)!important;
    border-color:var(--premium-card-border-accent)!important;
    box-shadow:inset 0 3px 0 #A98212,var(--premium-card-shadow-hover)!important;
    transform:translateY(-5px)!important;
  }
}

/* Homepage process — all four cards must be visually equal. */
body[data-page="home"] .steps article,
body[data-page="home"] .steps article:nth-child(2),
body[data-page="home"] .steps article:nth-child(3){
  transform:none!important;
  background:var(--premium-card-bg)!important;
  border-color:var(--premium-card-border)!important;
}
body[data-page="home"] .steps article::before,
body[data-page="home"] .steps article:nth-child(2)::before,
body[data-page="home"] .steps article:nth-child(3)::before{
  background:#B08A18!important;
  transform:scaleX(.32)!important;
}
body[data-page="home"] .steps article:hover::before{transform:scaleX(1)!important}
body[data-page="home"] .steps b,
body[data-page="home"] .steps article:nth-child(2) b,
body[data-page="home"] .steps article:nth-child(3) b{
  background:#EFE2D4!important;
  color:#806000!important;
  border-color:#D2BEA8!important;
}

/* Testimonials — same card tone; selected slide is identified only by a refined accent. */
body[data-page="home"] .testimonial-slider .testimonial-card.is-active{
  background:var(--premium-card-bg)!important;
  border-color:var(--premium-card-border-accent)!important;
  box-shadow:inset 0 3px 0 #A98212,var(--premium-card-shadow-hover)!important;
}
body[data-page="home"] .testimonial-slider .testimonial-card.is-active::before{
  width:3px!important;
  background:#A98212!important;
}

/* Foundation metrics — every metric cell uses one beige tone. */
body[data-page="home"] .home-foundation-metrics{
  background:var(--premium-card-bg)!important;
  border-color:var(--premium-card-border)!important;
  box-shadow:var(--premium-card-shadow)!important;
}
body[data-page="home"] .home-foundation-metrics>div,
body[data-page="home"] .home-foundation-metrics>div:nth-child(2),
body[data-page="home"] .home-foundation-metrics>div:nth-child(4){
  background:transparent!important;
}
body[data-page="home"] .home-foundation-metrics>div:hover{
  background:rgba(225,208,191,.28)!important;
}

/* Homes/process and business process cards — remove selected darker cards. */
body[data-page="nakhsha-homes"] .homes-step,
body[data-page="nakhsha-homes"] .homes-step:nth-child(2),
body[data-page="nakhsha-homes"] .homes-step:nth-child(3),
body[data-page="nakhsha-homes"] .homes-step.is-active,
body[data-page="nakhsha-homes"] .homes-step:hover{
  background:var(--premium-card-bg)!important;
  border-color:var(--premium-card-border)!important;
  transform:none!important;
}
body[data-page="nakhsha-homes"] .homes-step:nth-child(2)::after,
body[data-page="nakhsha-homes"] .homes-step:nth-child(3)::after{background:#B08A18!important}

.vertical-page .vl-process__track article,
body[data-page="nakhsha-builders"] .vl-process__track article:nth-child(3),
body[data-page="nakhsha-builders"] .vl-process__track article:nth-child(5),
body[data-page="status-design-studio"] .vl-process__track article:nth-child(2),
body[data-page="status-design-studio"] .vl-process__track article:nth-child(4),
body[data-page="upworks"] .vl-process__track article:nth-child(2),
body[data-page="upworks"] .vl-process__track article:nth-child(4){
  background:var(--premium-card-bg)!important;
  border-color:var(--premium-card-border)!important;
  transform:none!important;
}
.vertical-page .vl-process__track article::before,
body[data-page="nakhsha-builders"] .vl-process__track article:nth-child(3)::before,
body[data-page="nakhsha-builders"] .vl-process__track article:nth-child(5)::before,
body[data-page="status-design-studio"] .vl-process__track article:nth-child(2)::before,
body[data-page="status-design-studio"] .vl-process__track article:nth-child(4)::before,
body[data-page="upworks"] .vl-process__track article:nth-child(2)::before,
body[data-page="upworks"] .vl-process__track article:nth-child(4)::before{
  background:#B08A18!important;
}

/* SEO and editorial cards — no alternating darker cards. */
.seo-process-grid article,
.seo-process-grid article:nth-child(2),
.seo-process-grid article:nth-child(4),
.inner-cards article,
.inner-cards article:nth-child(even),
.culture-grid article,
.culture-grid article:nth-child(even),
.leadership-page .foundation-grid .foundation-card,
.leadership-page .foundation-grid .foundation-card:nth-child(even){
  background:var(--premium-card-bg)!important;
  border-color:var(--premium-card-border)!important;
}

/* Keep touch layouts stable: premium depth without lifted-card collisions. */
@media(max-width:900px){
  body[data-page="home"] .steps article,
  body[data-page="nakhsha-homes"] .homes-step,
  .vertical-page .vl-process__track article,
  .seo-process-grid article,
  .inner-cards article,
  .culture-grid article,
  .leadership-page .foundation-grid .foundation-card,
  .leadership-page .accolade-grid article{
    transform:none!important;
    box-shadow:inset 0 3px 0 rgba(184,150,46,.70),0 14px 32px rgba(78,60,47,.075)!important;
  }
}

/* ======================================================================
   HOME — CLIENTELE + PROFESSIONAL MEMBERSHIPS (moved from About)
   ====================================================================== */
body[data-page="home"] .home-clientele-section,
body[data-page="home"] .home-memberships-section{
  position:relative;
  overflow:hidden;
  padding:clamp(72px,8vw,128px) 0;
  color:var(--beige-text-strong);
}
body[data-page="home"] .home-clientele-section{
  background:linear-gradient(180deg,var(--beige-paper) 0%,var(--beige-secondary) 100%);
  border-top:1px solid var(--beige-line);
}
body[data-page="home"] .home-memberships-section{
  background:linear-gradient(180deg,var(--beige-secondary) 0%,var(--beige-primary) 100%);
  border-top:1px solid var(--beige-line);
  border-bottom:1px solid var(--beige-line);
}
body[data-page="home"] .home-logo-section-heading{
  width:min(1180px,calc(100% - 7.4vw));
  margin:0 auto clamp(34px,4vw,58px);
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(250px,.65fr);
  gap:28px 6vw;
  align-items:end;
}
body[data-page="home"] .home-logo-section-heading .eyebrow{
  grid-column:1/-1;
  margin:0;
  color:#806000!important;
}
body[data-page="home"] .home-logo-section-heading h2{
  margin:0;
  font-size:clamp(2.45rem,5vw,5.6rem);
  line-height:.94;
  letter-spacing:-.065em;
  font-weight:400;
  color:var(--beige-text-strong)!important;
}
body[data-page="home"] .home-logo-section-heading h2 em{
  font-style:normal;
  color:#806000!important;
}
body[data-page="home"] .home-logo-section-heading>p:last-child{
  margin:0;
  max-width:460px;
  color:var(--beige-text-muted)!important;
  font-size:13px;
  line-height:1.75;
}

body[data-page="home"] .home-logo-rail{
  position:relative;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:6px 0 12px;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  touch-action:auto;
  cursor:grab;
  outline:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 min(7vw,92px),#000 calc(100% - min(7vw,92px)),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 min(7vw,92px),#000 calc(100% - min(7vw,92px)),transparent 100%);
}
body[data-page="home"] .home-logo-rail::-webkit-scrollbar{display:none}
body[data-page="home"] .home-logo-rail.is-dragging{
  cursor:grabbing;
  user-select:none;
}
body[data-page="home"] .home-logo-rail:focus-visible{
  box-shadow:inset 0 0 0 2px rgba(128,96,0,.28);
}

body[data-page="home"] .home-clientele-track,
body[data-page="home"] .home-membership-track{
  display:flex;
  width:max-content;
  min-width:max-content;
  align-items:center;
  transform:translateZ(0);
  will-change:scroll-position;
}
body[data-page="home"] .home-clientele-group,
body[data-page="home"] .home-membership-group{
  display:flex;
  flex:none;
  align-items:center;
  gap:14px;
  padding-right:14px;
}
body[data-page="home"] .home-client-logo,
body[data-page="home"] .home-membership-card{
  position:relative;
  flex:none;
  display:grid;
  place-items:center;
  background:var(--premium-card-bg)!important;
  border:1px solid var(--premium-card-border)!important;
  border-radius:18px;
  box-shadow:var(--premium-card-shadow)!important;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease;
}
body[data-page="home"] .home-client-logo{
  width:clamp(166px,13vw,220px);
  height:clamp(100px,8vw,132px);
  padding:18px 22px;
}
body[data-page="home"] .home-membership-card{
  width:clamp(220px,18vw,286px);
  min-height:clamp(156px,12vw,184px);
  padding:22px 24px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:13px;
  text-align:center;
}
body[data-page="home"] .home-client-logo::before,
body[data-page="home"] .home-membership-card::before{
  content:"";
  position:absolute;
  left:18px;
  top:-1px;
  width:34px;
  height:2px;
  background:linear-gradient(90deg,#806000,#c79a16);
}
body[data-page="home"] .home-client-logo img,
body[data-page="home"] .home-membership-mark img{
  display:block;
  width:auto;
  height:auto;
  object-fit:contain;
  user-select:none;
  pointer-events:none;
  transition:transform .35s ease;
}
body[data-page="home"] .home-client-logo img{
  max-width:100%;
  max-height:78px;
  filter:saturate(.92);
}
body[data-page="home"] .home-membership-mark{
  width:100%;
  height:88px;
  display:grid;
  place-items:center;
}
body[data-page="home"] .home-membership-mark img{
  max-width:194px;
  max-height:84px;
  filter:none; /* preserve exact original membership brand colours */
}
body[data-page="home"] .home-membership-name{
  max-width:230px;
  color:var(--beige-text-muted)!important;
  font-size:8px;
  line-height:1.45;
  font-weight:600;
  letter-spacing:.075em;
  text-transform:uppercase;
}

@media(hover:hover) and (pointer:fine){
  body[data-page="home"] .home-client-logo:hover,
  body[data-page="home"] .home-membership-card:hover{
    transform:translateY(-5px);
    border-color:var(--premium-card-border-accent)!important;
    background:var(--premium-card-bg-hover)!important;
    box-shadow:inset 0 3px 0 #A98212,var(--premium-card-shadow-hover)!important;
  }
  body[data-page="home"] .home-client-logo:hover img,
  body[data-page="home"] .home-membership-card:hover img{
    transform:scale(1.035);
  }
}

@media(max-width:760px){
  body[data-page="home"] .home-clientele-section,
  body[data-page="home"] .home-memberships-section{padding:72px 0}
  body[data-page="home"] .home-logo-section-heading{
    width:calc(100% - 44px);
    grid-template-columns:1fr;
    gap:18px;
    margin-bottom:30px;
  }
  body[data-page="home"] .home-logo-section-heading .eyebrow{grid-column:auto}
  body[data-page="home"] .home-logo-section-heading h2{
    font-size:clamp(2.35rem,10.5vw,4.25rem);
    letter-spacing:-.055em;
  }
  body[data-page="home"] .home-logo-rail{
    padding:4px 0 8px;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);
  }
  body[data-page="home"] .home-clientele-group,
  body[data-page="home"] .home-membership-group{
    gap:10px;
    padding-right:10px;
  }
  body[data-page="home"] .home-client-logo{
    width:145px;
    height:92px;
    padding:14px 16px;
    border-radius:14px;
  }
  body[data-page="home"] .home-client-logo img{max-height:60px}
  body[data-page="home"] .home-membership-card{
    width:192px;
    min-height:142px;
    padding:16px 17px 15px;
    border-radius:14px;
    gap:10px;
  }
  body[data-page="home"] .home-membership-mark{height:72px}
  body[data-page="home"] .home-membership-mark img{
    max-width:154px;
    max-height:68px;
  }
  body[data-page="home"] .home-membership-name{
    max-width:164px;
    font-size:7px;
    letter-spacing:.06em;
  }
}

@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .home-logo-rail{scroll-behavior:auto}
  body[data-page="home"] .home-clientele-group[aria-hidden="true"],
  body[data-page="home"] .home-membership-group[aria-hidden="true"]{display:none!important}
  body[data-page="home"] .home-client-logo,
  body[data-page="home"] .home-membership-card{transition:none!important}
}


/* ======================================================================
   ABOUT — LEADERSHIP SOCIAL LINKS
   ====================================================================== */
body[data-page="leadership"] .leadership-socials{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(99,79,62,.14);
}
body[data-page="leadership"] .leadership-socials a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:36px;
  padding:8px 13px;
  border:1px solid rgba(128,96,0,.24);
  border-radius:999px;
  background:rgba(255,253,248,.68);
  color:var(--beige-text-strong)!important;
  font-size:10px;
  line-height:1;
  font-weight:650;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;
}

body[data-page="leadership"] .leadership-socials a.social-linkedin::before{
  content:"in";
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:4px;
  background:#0a66c2;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:-.03em;
  text-transform:none;
}
body[data-page="leadership"] .leadership-socials a.social-linkedin--search{
  border-style:dashed;
}

body[data-page="leadership"] .leadership-socials a span{
  color:#806000;
  font-size:12px;
  transform:translateY(-1px);
}
@media(hover:hover) and (pointer:fine){
  body[data-page="leadership"] .leadership-socials a:hover{
    transform:translateY(-2px);
    border-color:rgba(128,96,0,.5);
    background:#fffaf2;
    box-shadow:0 10px 26px rgba(73,60,49,.08);
  }
}
@media(max-width:760px){
  body[data-page="leadership"] .leadership-socials{
    gap:8px;
    margin-top:15px;
    padding-top:14px;
  }
  body[data-page="leadership"] .leadership-socials a{
    min-height:38px;
    padding:9px 12px;
    font-size:9px;
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-page="leadership"] .leadership-socials a{transition:none!important}
}
