/* Premium vertical landing pages — Nakhsha Builders / Status Design Studio / Upworks */
body[data-page="nakhsha-builders"],body[data-page="status-design-studio"],body[data-page="upworks"]{
    --vl-bg:#f6f2ec;--vl-paper:#fff;--vl-ink:#20191b;--vl-muted:#766b6e;--vl-accent:#d9b34e;--vl-dark:#2f171f;--vl-line:rgba(32,25,27,.14);--vl-rgb:62,29,39;
    background:var(--vl-bg);color:var(--vl-ink)
}
body[data-page="nakhsha-builders"]{--vl-bg:#f7f3ef;--vl-paper:#fff;--vl-ink:#24191c;--vl-muted:#74696b;--vl-accent:#e0b93f;--vl-dark:#31151d;--vl-line:rgba(62,29,39,.14);--vl-rgb:62,29,39}
body[data-page="status-design-studio"]{--vl-bg:#efede8;--vl-paper:#f8f6f1;--vl-ink:#171717;--vl-muted:#6e6b64;--vl-accent:#b9995f;--vl-dark:#101010;--vl-line:rgba(16,16,16,.16);--vl-rgb:16,16,16}
body[data-page="upworks"]{--vl-bg:#f5f1e9;--vl-paper:#fffdf8;--vl-ink:#24231f;--vl-muted:#706d63;--vl-accent:#be8d52;--vl-dark:#26312b;--vl-line:rgba(38,49,43,.14);--vl-rgb:38,49,43}
.vertical-page{overflow:hidden;background:var(--vl-bg);font-family:"Plus Jakarta Sans",Arial,sans-serif}
.vertical-page *{box-sizing:border-box}
.vl-wrap{width:min(1180px,calc(100% - 44px));margin:0 auto}
.vl-kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--vl-accent);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.vl-kicker::before{content:"";width:34px;height:1px;background:currentColor}
.vl-title{margin:0;font:500 clamp(2.9rem,6vw,6.8rem)/.93 "Manrope","Plus Jakarta Sans",sans-serif;letter-spacing:-.065em}
.vl-title em{font-weight:300;font-style:normal;color:var(--vl-accent)}
.vl-lede{max-width:650px;margin:26px 0 0;color:rgba(255,255,255,.72);font-size:clamp(14px,1.25vw,18px);line-height:1.75}
.vl-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 22px;border:1px solid transparent;background:var(--vl-accent);color:#17130f!important;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}
.vl-button:hover{transform:translateY(-3px);background:#f0ce66}
.vl-button--ghost{border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.04);color:#fff!important;backdrop-filter:blur(10px)}
.vl-button--ghost:hover{background:#fff;color:var(--vl-dark)!important}
.vl-section{padding:clamp(82px,9vw,140px) 0;position:relative}
.vl-section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.55fr);gap:70px;align-items:end;margin-bottom:58px}
.vl-section-head h2{margin:0;font:500 clamp(2.5rem,4.7vw,5.4rem)/.98 "Manrope","Plus Jakarta Sans",sans-serif;letter-spacing:-.055em}
.vl-section-head h2 em{font-weight:300;font-style:normal;color:var(--vl-accent)}
.vl-section-head>p{margin:0;color:var(--vl-muted);font-size:14px;line-height:1.8}
.vl-index{display:block;margin-bottom:28px;padding-top:12px;border-top:1px solid var(--vl-line);color:var(--vl-muted);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}

/* Hero */
.vl-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff;background:var(--vl-dark);isolation:isolate}
.vl-hero__media{position:absolute;inset:0;overflow:hidden;z-index:-3}
.vl-hero__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.03);transform:scale(1.035);animation:vlHeroBreath 13s ease-in-out infinite alternate}
.vl-hero__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(var(--vl-rgb),.95) 0%,rgba(var(--vl-rgb),.82) 36%,rgba(var(--vl-rgb),.36) 70%,rgba(0,0,0,.20) 100%),linear-gradient(0deg,rgba(0,0,0,.45) 0%,transparent 55%)}
.vl-hero__grid{position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.vl-hero__content{width:min(1180px,calc(100% - 44px));margin:0 auto;padding:170px 0 86px}
.vl-hero__content .vl-title{max-width:920px}
.vl-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.vl-hero__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:920px;margin-top:68px;border-top:1px solid rgba(255,255,255,.22)}
.vl-hero__stats div{padding:23px 22px 0 0;border-right:1px solid rgba(255,255,255,.18)}
.vl-hero__stats div+div{padding-left:22px}
.vl-hero__stats div:last-child{border-right:0}
.vl-hero__stats strong{display:block;font:500 clamp(2rem,3.5vw,3.9rem)/1 "Manrope";letter-spacing:-.05em;color:#fff}
.vl-hero__stats span{display:block;margin-top:8px;color:rgba(255,255,255,.63);font-size:9px;letter-spacing:.12em;text-transform:uppercase;line-height:1.5}
.vl-hero__edge{position:absolute;right:4.3vw;bottom:86px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.68);font-size:8px;letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl}
.vl-hero__edge i{width:1px;height:52px;background:var(--vl-accent)}
@keyframes vlHeroBreath{to{transform:scale(1.085)}}

/* Proof rail */
.vl-proof{background:var(--vl-paper);border-bottom:1px solid var(--vl-line)}
.vl-proof__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.vl-proof article{min-height:270px;padding:38px 30px;border-right:1px solid var(--vl-line);position:relative;overflow:hidden}
.vl-proof article:first-child{border-left:1px solid var(--vl-line)}
.vl-proof article::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--vl-accent);transform:scaleX(0);transform-origin:left;transition:transform .45s ease}
.vl-proof article:hover::after{transform:scaleX(1)}
.vl-proof b{font-size:10px;color:var(--vl-accent);letter-spacing:.14em}
.vl-proof h2{margin:52px 0 14px;font:500 clamp(1.45rem,2.2vw,2.1rem)/1.08 "Manrope";letter-spacing:-.04em}
.vl-proof p{margin:0;color:var(--vl-muted);font-size:12px;line-height:1.75}

/* Editorial overview */
.vl-overview{background:var(--vl-bg)}
.vl-overview__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:64px;align-items:stretch}
.vl-overview__media{min-height:650px;position:relative;overflow:hidden;background:var(--vl-dark)}
.vl-overview__media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.vl-overview__media:hover img{transform:scale(1.035)}
.vl-overview__badge{position:absolute;left:0;bottom:0;min-width:190px;padding:26px 28px;background:var(--vl-accent);color:#17130f}
.vl-overview__badge strong{display:block;font:500 42px/1 "Manrope";letter-spacing:-.05em}.vl-overview__badge span{display:block;margin-top:7px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.vl-overview__copy{display:flex;flex-direction:column;justify-content:center;padding:32px 0}
.vl-overview__copy h2{margin:0;font:500 clamp(2.6rem,4.5vw,5rem)/.98 "Manrope";letter-spacing:-.055em}
.vl-overview__copy h2 em{font-style:normal;font-weight:300;color:var(--vl-accent)}
.vl-overview__copy>p{margin:26px 0 34px;color:var(--vl-muted);font-size:14px;line-height:1.85}
.vl-capability-list{border-top:1px solid var(--vl-line)}
.vl-capability-list article{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--vl-line)}
.vl-capability-list b{color:var(--vl-accent);font-size:9px;letter-spacing:.12em}.vl-capability-list h3{margin:0 0 7px;font:600 18px/1.2 "Manrope"}.vl-capability-list p{margin:0;color:var(--vl-muted);font-size:12px;line-height:1.7}

/* Capability band */
.vl-capabilities{background:var(--vl-dark);color:#fff}
.vl-capabilities .vl-index{border-color:rgba(255,255,255,.17);color:rgba(255,255,255,.52)}
.vl-capabilities .vl-section-head>p{color:rgba(255,255,255,.58)}
.vl-capability-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid rgba(255,255,255,.12)}
.vl-capability-card{min-height:310px;padding:38px;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.vl-capability-card:nth-child(2n){border-right:0}.vl-capability-card:nth-last-child(-n+2){border-bottom:0}
.vl-capability-card .no{display:block;color:var(--vl-accent);font-size:10px;font-weight:700;letter-spacing:.14em}
.vl-capability-card h3{max-width:420px;margin:72px 0 16px;font:500 clamp(1.8rem,3vw,3.4rem)/1 "Manrope";letter-spacing:-.05em}
.vl-capability-card p{max-width:510px;margin:0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.75}
.vl-capability-card::after{content:"↗";position:absolute;right:32px;top:32px;color:var(--vl-accent);font-size:23px;font-weight:300;transition:transform .35s ease}.vl-capability-card:hover::after{transform:translate(5px,-5px)}

/* Projects */
.vl-projects{background:var(--vl-paper)}
.vl-project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.vl-project{position:relative;min-height:520px;overflow:hidden;background:var(--vl-dark);color:#fff}
.vl-project:nth-child(3){grid-column:1/-1;min-height:560px}.vl-project:nth-child(4),.vl-project:nth-child(5){min-height:440px}
.vl-project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.vl-project::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.74),rgba(0,0,0,.04) 66%)}
.vl-project:hover img{transform:scale(1.045);filter:saturate(1.06)}
.vl-project__copy{position:absolute;left:30px;right:30px;bottom:28px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.vl-project__copy small{display:block;margin-bottom:8px;color:var(--vl-accent);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.vl-project__copy h3{margin:0;font:500 clamp(1.8rem,3vw,3.4rem)/1 "Manrope";letter-spacing:-.05em}.vl-project__copy p{max-width:380px;margin:10px 0 0;color:rgba(255,255,255,.66);font-size:11px;line-height:1.6}.vl-project__copy b{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;background:var(--vl-accent);color:#17130f;font-size:18px}

/* Process */
.vl-process{background:var(--vl-bg)}
.vl-process__track{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--vl-line);border-bottom:1px solid var(--vl-line)}
.vl-process__track article{min-height:280px;padding:28px 22px;border-right:1px solid var(--vl-line);position:relative}.vl-process__track article:last-child{border-right:0}
.vl-process__track b{color:var(--vl-accent);font-size:10px;letter-spacing:.14em}.vl-process__track h3{margin:82px 0 12px;font:600 18px/1.15 "Manrope";letter-spacing:-.03em}.vl-process__track p{margin:0;color:var(--vl-muted);font-size:11px;line-height:1.7}.vl-process__track article::before{content:"";position:absolute;top:-2px;left:0;width:0;height:3px;background:var(--vl-accent);transition:width .4s ease}.vl-process__track article:hover::before,.vl-process__track article.is-seen::before{width:100%}

/* Recognition / manifesto */
.vl-manifesto{background:var(--vl-dark);color:#fff;position:relative;overflow:hidden}
.vl-manifesto::before{content:"";position:absolute;width:720px;height:720px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-180px;top:-260px;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.018)}
.vl-manifesto__grid{position:relative;display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:end}
.vl-manifesto__eyebrow{color:var(--vl-accent);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.vl-manifesto__grid h2{margin:0;font:400 clamp(3rem,6vw,7rem)/.92 "Manrope";letter-spacing:-.065em}.vl-manifesto__grid h2 em{display:block;color:var(--vl-accent);font-weight:300;font-style:normal}.vl-manifesto__side{display:grid;gap:18px}.vl-manifesto__side article{padding:23px 0;border-top:1px solid rgba(255,255,255,.16)}.vl-manifesto__side h3{margin:0 0 8px;font:500 18px "Manrope"}.vl-manifesto__side p{margin:0;color:rgba(255,255,255,.58);font-size:12px;line-height:1.7}

/* Leadership */
.vl-leadership{background:var(--vl-paper)}
.vl-leaders{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vl-leader{position:relative;overflow:hidden;background:var(--vl-bg);min-height:520px}.vl-leader img{width:100%;height:420px;object-fit:cover;object-position:top center;filter:saturate(.72);transition:transform .6s ease,filter .45s ease}.vl-leader:hover img{transform:scale(1.025);filter:saturate(1)}.vl-leader div{padding:24px 24px 28px}.vl-leader h3{margin:0;font:600 21px "Manrope";letter-spacing:-.03em}.vl-leader p{margin:6px 0 0;color:var(--vl-muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}

/* Testimonials */
.vl-testimonials{background:var(--vl-bg)}
.vl-quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.vl-quote-card{padding:34px;min-height:250px;background:var(--vl-paper);border:1px solid var(--vl-line);display:flex;flex-direction:column;justify-content:space-between}.vl-quote-card>p{margin:0;font:400 clamp(1.3rem,2.15vw,2.2rem)/1.35 "Manrope";letter-spacing:-.025em}.vl-quote-card footer{padding:24px 0 0!important;background:none!important;color:var(--vl-ink)!important;border:0!important;display:block!important}.vl-quote-card footer strong{display:block;font-size:12px}.vl-quote-card footer span{display:block;margin-top:4px;color:var(--vl-muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}

/* FAQ */
.vl-faq{background:var(--vl-paper)}
.vl-faq__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.vl-faq__intro h2{margin:0;font:500 clamp(2.8rem,4.8vw,5.2rem)/.98 "Manrope";letter-spacing:-.055em}.vl-faq__intro h2 em{font-style:normal;color:var(--vl-accent);font-weight:300}.vl-faq__intro p{margin:24px 0 0;color:var(--vl-muted);font-size:13px;line-height:1.8}.vl-faq__list{border-top:1px solid var(--vl-line)}.vl-faq__list details{border-bottom:1px solid var(--vl-line)}.vl-faq__list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font:600 16px/1.4 "Manrope"}.vl-faq__list summary::-webkit-details-marker{display:none}.vl-faq__list summary i{font-style:normal;font-size:24px;color:var(--vl-accent);transition:transform .25s ease}.vl-faq__list details[open] summary i{transform:rotate(45deg)}.vl-faq__list details p{max-width:720px;margin:-6px 42px 24px 0;color:var(--vl-muted);font-size:12px;line-height:1.8}

/* Consultation */
.vl-consultation{background:var(--vl-dark);color:#fff}
.vl-consultation__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.vl-consultation__copy{position:sticky;top:110px}.vl-consultation__copy h2{margin:0;font:500 clamp(2.7rem,4.7vw,5rem)/.98 "Manrope";letter-spacing:-.055em}.vl-consultation__copy h2 em{color:var(--vl-accent);font-weight:300;font-style:normal}.vl-consultation__copy>p{margin:25px 0 32px;color:rgba(255,255,255,.62);font-size:13px;line-height:1.8}.vl-contact-lines{display:grid;gap:10px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.74);font-size:12px}.vl-contact-lines a:first-child{color:#fff;font:500 22px "Manrope"}.vl-consultation .bah-form-shell--section{padding:clamp(24px,3vw,40px);background:#fff;box-shadow:0 28px 75px rgba(0,0,0,.24)}

/* Cross-business strip */
.vl-ecosystem{background:var(--vl-bg);padding:0 0 clamp(70px,8vw,110px)}
.vl-ecosystem__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vl-line);border-left:1px solid var(--vl-line)}.vl-ecosystem__grid a{min-height:150px;padding:24px;border-right:1px solid var(--vl-line);border-bottom:1px solid var(--vl-line);display:flex;flex-direction:column;justify-content:space-between;transition:background .25s ease,color .25s ease}.vl-ecosystem__grid a:hover,.vl-ecosystem__grid a[aria-current="page"]{background:var(--vl-dark);color:#fff}.vl-ecosystem__grid small{color:var(--vl-accent);font-size:9px;letter-spacing:.14em}.vl-ecosystem__grid strong{font:600 18px "Manrope"}.vl-ecosystem__grid span{font-size:17px;color:var(--vl-accent)}

/* Status-specific editorial refinements */
body[data-page="status-design-studio"] .vl-hero__shade{background:linear-gradient(90deg,rgba(16,16,16,.96),rgba(16,16,16,.73) 45%,rgba(16,16,16,.18) 83%),linear-gradient(0deg,rgba(0,0,0,.52),transparent 56%)}
body[data-page="status-design-studio"] .vl-title,body[data-page="status-design-studio"] .vl-section-head h2,body[data-page="status-design-studio"] .vl-overview__copy h2,body[data-page="status-design-studio"] .vl-manifesto__grid h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em}
body[data-page="status-design-studio"] .vl-hero__media img{filter:grayscale(.18) sepia(.08) contrast(1.05)}
body[data-page="status-design-studio"] .vl-proof article{background:#f8f6f1}

/* Upworks warmth */
body[data-page="upworks"] .vl-hero__shade{background:linear-gradient(90deg,rgba(38,49,43,.96),rgba(38,49,43,.76) 42%,rgba(38,49,43,.20) 82%),linear-gradient(0deg,rgba(15,20,17,.48),transparent 56%)}
body[data-page="upworks"] .vl-capability-card,body[data-page="upworks"] .vl-project{border-radius:2px}

/* Shared nav business dropdown */
.nav-businesses{position:relative;display:flex;align-items:center}.nav-businesses-toggle{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;opacity:.78}.nav-businesses-toggle span{font-size:10px;color:var(--nakhsha-gold,#ECBD00);transition:transform .25s ease}.nav-businesses:hover .nav-businesses-menu,.nav-businesses:focus-within .nav-businesses-menu,.nav-businesses.is-open .nav-businesses-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.nav-businesses-menu{position:absolute;top:calc(100% + 24px);left:-22px;width:260px;padding:9px;background:#fff;color:#2a2023;box-shadow:0 24px 70px rgba(24,12,17,.18);border:1px solid rgba(62,29,39,.1);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:.25s ease}.nav-businesses-menu::before{content:"";position:absolute;left:0;right:0;top:-25px;height:25px}.nav-businesses-menu a{display:grid!important;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;width:100%;padding:12px 10px!important;border-bottom:1px solid rgba(62,29,39,.08);color:#3e1d27!important;opacity:1!important;font-size:11px!important}.nav-businesses-menu a:last-child{border-bottom:0}.nav-businesses-menu a small{font-size:8px;color:#b18e00}.nav-businesses-menu a b{font-weight:400;color:#b18e00}.nav-businesses-menu a::after{display:none!important}.nav-businesses-menu a:hover{background:#f7f1f3;color:#3e1d27!important}

@media(max-width:1050px){
    .vl-hero__stats{grid-template-columns:repeat(2,1fr);max-width:670px}.vl-hero__stats div:nth-child(2){border-right:0}.vl-hero__stats div:nth-child(n+3){margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
    .vl-section-head,.vl-overview__grid,.vl-manifesto__grid,.vl-faq__grid,.vl-consultation__grid{grid-template-columns:1fr;gap:38px}.vl-overview__media{min-height:560px}.vl-manifesto__side{grid-template-columns:repeat(3,1fr)}.vl-leaders{grid-template-columns:repeat(3,1fr)}
    .vl-process__track{grid-template-columns:repeat(3,1fr)}.vl-process__track article:nth-child(3){border-right:0}.vl-process__track article:nth-child(-n+3){border-bottom:1px solid var(--vl-line)}.vl-consultation__copy{position:static}.vl-ecosystem__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
    .nav-businesses{display:block;width:100%}.nav-businesses-toggle{width:100%;justify-content:space-between;padding:17px 0;border-bottom:1px solid rgba(62,29,39,.13);font-size:17px!important;font-weight:400;opacity:1}.nav-businesses-menu{position:static;width:100%;padding:0 0 0 14px;max-height:0;overflow:hidden;border:0;box-shadow:none;background:transparent;opacity:1;visibility:visible;pointer-events:none;transform:none;transition:max-height .28s ease}.nav-businesses.is-open .nav-businesses-menu{max-height:310px;pointer-events:auto}.nav-businesses-menu a{padding:12px 0!important;background:transparent!important;font-size:13px!important;border-color:rgba(62,29,39,.1)}.nav-businesses-toggle span{transform:rotate(0)}.nav-businesses.is-open .nav-businesses-toggle span{transform:rotate(180deg)}
}
@media(max-width:760px){
    .vl-wrap,.vl-hero__content{width:min(100% - 36px,1180px)}.vl-hero{min-height:880px}.vl-hero__content{padding:130px 0 54px}.vl-hero__shade{background:linear-gradient(180deg,rgba(var(--vl-rgb),.70) 0%,rgba(var(--vl-rgb),.40) 28%,rgba(var(--vl-rgb),.92) 74%,rgba(var(--vl-rgb),.98) 100%)}.vl-hero__grid{mask-image:none;opacity:.1}.vl-hero__edge{display:none}.vl-title{font-size:clamp(3.05rem,14vw,5.25rem)}.vl-lede{font-size:14px}.vl-hero__actions{display:grid;grid-template-columns:1fr}.vl-button{width:100%}.vl-hero__stats{grid-template-columns:1fr 1fr;margin-top:42px}.vl-hero__stats div{padding:18px 12px 0 0}.vl-hero__stats div+div{padding-left:12px}.vl-hero__stats strong{font-size:2.3rem}.vl-hero__stats span{font-size:8px}.vl-section{padding:76px 0}.vl-section-head{margin-bottom:38px}.vl-section-head h2,.vl-overview__copy h2,.vl-faq__intro h2,.vl-consultation__copy h2{font-size:clamp(2.65rem,12vw,4.2rem)}
    .vl-proof__grid{grid-template-columns:1fr 1fr}.vl-proof article{min-height:230px;padding:26px 20px}.vl-proof article:nth-child(3){border-left:1px solid var(--vl-line)}.vl-proof h2{margin-top:36px;font-size:1.45rem}.vl-overview__media{min-height:480px}.vl-overview__badge{min-width:160px;padding:20px}.vl-overview__badge strong{font-size:34px}.vl-capability-list article{grid-template-columns:38px 1fr}.vl-capability-grid{grid-template-columns:1fr}.vl-capability-card,.vl-capability-card:nth-child(2n){min-height:260px;padding:28px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.vl-capability-card:last-child{border-bottom:0}.vl-capability-card h3{margin-top:50px}.vl-project-grid{grid-template-columns:1fr}.vl-project,.vl-project:nth-child(3),.vl-project:nth-child(4),.vl-project:nth-child(5){grid-column:auto;min-height:420px}.vl-project__copy{left:20px;right:20px;bottom:20px}.vl-project__copy p{display:none}.vl-process__track{grid-template-columns:1fr 1fr}.vl-process__track article,.vl-process__track article:nth-child(3){min-height:220px;border-right:1px solid var(--vl-line);border-bottom:1px solid var(--vl-line)}.vl-process__track article:nth-child(2n){border-right:0}.vl-process__track article:nth-last-child(-n+2){border-bottom:0}.vl-process__track h3{margin-top:48px}.vl-manifesto__grid{gap:48px}.vl-manifesto__side{grid-template-columns:1fr}.vl-leaders{grid-template-columns:1fr}.vl-leader{min-height:0}.vl-leader img{height:460px}.vl-quote-grid{grid-template-columns:1fr}.vl-quote-card{min-height:220px;padding:26px}.vl-faq__grid,.vl-consultation__grid{gap:42px}.vl-ecosystem__grid{grid-template-columns:1fr 1fr}.vl-ecosystem__grid a{min-height:125px;padding:18px}.vl-ecosystem__grid strong{font-size:15px}
}
@media(max-width:430px){.vl-proof__grid{grid-template-columns:1fr}.vl-proof article,.vl-proof article:nth-child(3){border-left:1px solid var(--vl-line);border-right:1px solid var(--vl-line)}.vl-hero__stats{grid-template-columns:1fr 1fr}.vl-process__track{grid-template-columns:1fr}.vl-process__track article,.vl-process__track article:nth-child(2n){border-right:0;border-bottom:1px solid var(--vl-line)}.vl-process__track article:last-child{border-bottom:0}.vl-ecosystem__grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.vl-hero__media img{animation:none!important}.vl-project img,.vl-overview__media img,.vl-button,.vl-capability-card::after{transition:none!important}}

/* Vertical-specific navigation tone while preserving the group navigation system. */
body[data-page="nakhsha-builders"] .nav:not(.is-scrolled){background:linear-gradient(115deg,rgba(49,21,29,.94),rgba(91,44,57,.86) 68%,rgba(91,44,57,.72))!important}
body[data-page="status-design-studio"] .nav:not(.is-scrolled){background:linear-gradient(115deg,rgba(10,10,10,.94),rgba(22,22,22,.84) 70%,rgba(22,22,22,.68))!important}
body[data-page="upworks"] .nav:not(.is-scrolled){background:linear-gradient(115deg,rgba(29,39,34,.95),rgba(38,49,43,.86) 70%,rgba(53,67,59,.72))!important}
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(255,255,255,.97)!important;color:var(--vl-ink)!important}

/* ======================================================================
   DARK SECTION CONTRAST GUARD
   The shared group theme intentionally uses !important on generic h1-h6
   and p colours. Vertical pages therefore need equally explicit scoped
   overrides so text can never inherit plum/graphite colours on a dark
   brand surface.
   ====================================================================== */
body[data-page="nakhsha-builders"] .vertical-page,
body[data-page="status-design-studio"] .vertical-page,
body[data-page="upworks"] .vertical-page{
    --vl-on-dark:#ffffff;
    --vl-on-dark-soft:#f2e9ec;
    --vl-on-dark-muted:#d7c9ce;
}

/* Default vertical-page typography on light surfaces. */
body[data-page="nakhsha-builders"] .vertical-page h1,
body[data-page="nakhsha-builders"] .vertical-page h2,
body[data-page="nakhsha-builders"] .vertical-page h3,
body[data-page="nakhsha-builders"] .vertical-page h4,
body[data-page="status-design-studio"] .vertical-page h1,
body[data-page="status-design-studio"] .vertical-page h2,
body[data-page="status-design-studio"] .vertical-page h3,
body[data-page="status-design-studio"] .vertical-page h4,
body[data-page="upworks"] .vertical-page h1,
body[data-page="upworks"] .vertical-page h2,
body[data-page="upworks"] .vertical-page h3,
body[data-page="upworks"] .vertical-page h4{color:var(--vl-ink)!important}

body[data-page="nakhsha-builders"] .vertical-page p,
body[data-page="status-design-studio"] .vertical-page p,
body[data-page="upworks"] .vertical-page p{color:var(--vl-muted)!important}

/* Hero — always high contrast over imagery/brand overlay. */
.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(--vl-on-dark)!important}
.vertical-page .vl-hero .vl-title em,
.vertical-page .vl-hero .vl-kicker{color:var(--vl-accent)!important}
.vertical-page .vl-hero .vl-lede{color:rgba(255,255,255,.82)!important}
.vertical-page .vl-hero__stats strong{color:#fff!important}
.vertical-page .vl-hero__stats span{color:rgba(255,255,255,.72)!important}

/* Capability / sector band — screenshot issue fixed here. */
.vertical-page .vl-capabilities .vl-section-head h2,
.vertical-page .vl-capabilities .vl-capability-card h3{color:var(--vl-on-dark)!important}
.vertical-page .vl-capabilities .vl-section-head h2 em{color:var(--vl-accent)!important}
.vertical-page .vl-capabilities .vl-section-head>p{color:var(--vl-on-dark-soft)!important}
.vertical-page .vl-capabilities .vl-capability-card p{color:var(--vl-on-dark-muted)!important}
.vertical-page .vl-capabilities .vl-index{color:rgba(255,255,255,.64)!important}
.vertical-page .vl-capabilities .vl-capability-card .no{color:var(--vl-accent)!important}

/* Project cards use imagery + dark gradient overlay. */
.vertical-page .vl-project .vl-project__copy h3{color:#fff!important}
.vertical-page .vl-project .vl-project__copy p{color:rgba(255,255,255,.82)!important}
.vertical-page .vl-project .vl-project__copy small{color:var(--vl-accent)!important}

/* Manifesto / recognition dark chapter. */
.vertical-page .vl-manifesto h2,
.vertical-page .vl-manifesto h3{color:var(--vl-on-dark)!important}
.vertical-page .vl-manifesto h2 em,
.vertical-page .vl-manifesto__eyebrow{color:var(--vl-accent)!important}
.vertical-page .vl-manifesto p{color:var(--vl-on-dark-muted)!important}

/* Consultation dark chapter. Form itself remains white. */
.vertical-page .vl-consultation .vl-consultation__copy h2{color:var(--vl-on-dark)!important}
.vertical-page .vl-consultation .vl-consultation__copy h2 em{color:var(--vl-accent)!important}
.vertical-page .vl-consultation .vl-consultation__copy>p{color:var(--vl-on-dark-soft)!important}
.vertical-page .vl-consultation .vl-contact-lines,
.vertical-page .vl-consultation .vl-contact-lines p{color:rgba(255,255,255,.78)!important}
.vertical-page .vl-consultation .vl-contact-lines a{color:#fff!important}

/* Ecosystem cards when dark on hover/current. */
.vertical-page .vl-ecosystem__grid a:hover strong,
.vertical-page .vl-ecosystem__grid a[aria-current="page"] strong{color:#fff!important}

/* Accessible contrast for Status (black) and Upworks (deep green) too. */
body[data-page="status-design-studio"] .vl-capabilities .vl-section-head>p,
body[data-page="status-design-studio"] .vl-capabilities .vl-capability-card p,
body[data-page="status-design-studio"] .vl-manifesto p,
body[data-page="status-design-studio"] .vl-consultation .vl-consultation__copy>p{color:#e7e2d9!important}
body[data-page="upworks"] .vl-capabilities .vl-section-head>p,
body[data-page="upworks"] .vl-capabilities .vl-capability-card p,
body[data-page="upworks"] .vl-manifesto p,
body[data-page="upworks"] .vl-consultation .vl-consultation__copy>p{color:#e3ebe6!important}

/* ======================================================================
   DARK SURFACE CONTRAST LOCK — 2026-09-22
   Final guard against the global theme's !important typography rules.
   Keep primary type white, supporting copy softly tinted, and gold for
   labels/accents on every branded dark chapter across all vertical pages.
   ====================================================================== */
body[data-page="nakhsha-builders"] .vertical-page .vl-hero h1,
body[data-page="nakhsha-builders"] .vertical-page .vl-hero h2,
body[data-page="nakhsha-builders"] .vertical-page .vl-hero h3,
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-project h2,
body[data-page="nakhsha-builders"] .vertical-page .vl-project 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-hero h1,
body[data-page="status-design-studio"] .vertical-page .vl-hero h2,
body[data-page="status-design-studio"] .vertical-page .vl-hero 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-project h2,
body[data-page="status-design-studio"] .vertical-page .vl-project 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-hero h1,
body[data-page="upworks"] .vertical-page .vl-hero h2,
body[data-page="upworks"] .vertical-page .vl-hero 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-project h2,
body[data-page="upworks"] .vertical-page .vl-project 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:#fff!important;
}

body[data-page="nakhsha-builders"] .vertical-page .vl-hero .vl-lede,
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-project .vl-project__copy p,
body[data-page="nakhsha-builders"] .vertical-page .vl-manifesto p,
body[data-page="nakhsha-builders"] .vertical-page .vl-consultation__copy>p{
    color:#e9dee1!important;
}
body[data-page="status-design-studio"] .vertical-page .vl-hero .vl-lede,
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-project .vl-project__copy p,
body[data-page="status-design-studio"] .vertical-page .vl-manifesto p,
body[data-page="status-design-studio"] .vertical-page .vl-consultation__copy>p{
    color:#e7e2d9!important;
}
body[data-page="upworks"] .vertical-page .vl-hero .vl-lede,
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-project .vl-project__copy p,
body[data-page="upworks"] .vertical-page .vl-manifesto p,
body[data-page="upworks"] .vertical-page .vl-consultation__copy>p{
    color:#e3ebe6!important;
}

body[data-page="nakhsha-builders"] .vertical-page .vl-manifesto h2 em,
body[data-page="nakhsha-builders"] .vertical-page .vl-manifesto__eyebrow,
body[data-page="nakhsha-builders"] .vertical-page .vl-capabilities .no,
body[data-page="status-design-studio"] .vertical-page .vl-manifesto h2 em,
body[data-page="status-design-studio"] .vertical-page .vl-manifesto__eyebrow,
body[data-page="status-design-studio"] .vertical-page .vl-capabilities .no,
body[data-page="upworks"] .vertical-page .vl-manifesto h2 em,
body[data-page="upworks"] .vertical-page .vl-manifesto__eyebrow,
body[data-page="upworks"] .vertical-page .vl-capabilities .no{
    color:var(--vl-accent)!important;
}