/* Shared VWEB.DEV visual language. Partner and expert desks are intentionally excluded. */
.home-shell.unified-content .sp-home-hero{display:grid!important}
.home-shell.unified-content .unified-original-hero{display:block!important}
.home-shell.unified-content .legacy-service-realms{display:none!important}
.home-shell.unified-content main{display:flex;flex-direction:column}
.home-shell.unified-content .unified-services-hero{order:0;min-height:calc(100vh - 76px);padding:92px clamp(18px,2.5vw,48px) 58px!important;border-bottom:1px solid var(--hud-line)}
.home-shell.unified-content .unified-services-hero .oh-hero-card{width:min(1580px,100%)!important;min-height:650px!important;padding:clamp(48px,5vw,78px)!important}
.home-shell.unified-content .sp-home-intro{order:1}.home-shell.unified-content .sp-outcome-rail{order:2}.home-shell.unified-content .sp-home-hero{order:3;min-height:850px!important;border-block:1px solid var(--hud-line)}
.home-shell.unified-content .sp-partners{order:4}.home-shell.unified-content .sp-specialists{order:5}.home-shell.unified-content .sp-evidence{order:6}.home-shell.unified-content .sp-portfolio-system{order:7}.home-shell.unified-content .sp-process{order:8}.home-shell.unified-content .sp-insights{order:9}.home-shell.unified-content .sp-final{order:10}
.home-shell.unified-content .unified-services-hero .oh-hero-copy>.eyebrow{display:block;margin-bottom:22px;color:var(--hud-gold);font:700 9px/1.2 monospace;letter-spacing:.17em;text-transform:uppercase}

.inner-shell.unified-content{--ui-bg:#050505;--ui-panel:#0b0c0a;--ui-panel-2:#11120f;--ui-paper:#f1eee6;--ui-gold:#d2a63d;--ui-line:rgba(210,166,61,.2);--ui-white:#f7f5ef;--ui-muted:#97958e;background:var(--ui-bg)!important;color:var(--ui-white)!important}
.inner-shell.unified-content main{position:relative;overflow:hidden;background:transparent!important}
.inner-shell.unified-content main:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(rgba(210,166,61,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(210,166,61,.035) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.inner-shell.unified-content main>section,.inner-shell.unified-content main>article{border-color:rgba(255,255,255,.09)!important}
.inner-shell.unified-content .eyebrow{color:var(--ui-gold)!important;font:700 9px/1.3 "JetBrains Mono",monospace!important;letter-spacing:.16em!important;text-transform:uppercase}
.inner-shell.unified-content h1,.inner-shell.unified-content h2,.inner-shell.unified-content h3{color:var(--ui-white)}
.inner-shell.unified-content h1 em,.inner-shell.unified-content h2 em,.inner-shell.unified-content h3 em{color:var(--ui-gold)!important}
.inner-shell.unified-content p{color:var(--ui-muted)}

/* Every public content page begins with the same HUD-scale editorial hero. */
.inner-shell.unified-content .page-hero,.inner-shell.unified-content .portfolio-discipline-hero,.inner-shell.unified-content .identity-hero,.inner-shell.unified-content .creative-case-hero,.inner-shell.unified-content .case-hero,.inner-shell.unified-content .insight-hero{min-height:clamp(470px,67vh,760px)!important;padding:clamp(130px,14vw,205px) clamp(18px,6vw,110px) clamp(72px,8vw,125px)!important;background:radial-gradient(circle at 78% 32%,rgba(210,166,61,.12),transparent 30%),linear-gradient(135deg,#0b0c09,#030303)!important;border-bottom:1px solid var(--ui-line)!important;color:var(--ui-white)!important;position:relative;isolation:isolate}
.inner-shell.unified-content .page-hero:before,.inner-shell.unified-content .portfolio-discipline-hero:before,.inner-shell.unified-content .identity-hero:before,.inner-shell.unified-content .creative-case-hero:before,.inner-shell.unified-content .case-hero:before,.inner-shell.unified-content .insight-hero:before{content:"VWEB / CONNECTED PRACTICE";position:absolute;top:112px;right:clamp(18px,6vw,110px);color:rgba(210,166,61,.5);font:7px monospace;letter-spacing:.2em}
.inner-shell.unified-content .page-hero h1,.inner-shell.unified-content .portfolio-discipline-hero h1,.inner-shell.unified-content .identity-hero h1,.inner-shell.unified-content .creative-case-hero h1,.inner-shell.unified-content .case-hero h1,.inner-shell.unified-content .insight-hero h1{max-width:1120px;margin:22px 0!important;font-family:"DM Sans",Arial,sans-serif!important;font-size:clamp(52px,8vw,132px)!important;font-weight:700!important;line-height:.84!important;letter-spacing:-.075em!important;color:var(--ui-white)!important}
.inner-shell.unified-content .page-hero p,.inner-shell.unified-content .portfolio-discipline-hero p,.inner-shell.unified-content .identity-hero p,.inner-shell.unified-content .creative-case-hero p,.inner-shell.unified-content .case-hero p,.inner-shell.unified-content .insight-hero p{max-width:700px!important;font-size:clamp(15px,1.35vw,20px)!important;line-height:1.65!important;color:var(--ui-muted)!important}

/* Shared panels, cards and archives. */
.inner-shell.unified-content .archive,.inner-shell.unified-content .service-realms,.inner-shell.unified-content .articles,.inner-shell.unified-content .social-profile-showcase,.inner-shell.unified-content .brand-deck,.inner-shell.unified-content .identity-opening,.inner-shell.unified-content .identity-rationale,.inner-shell.unified-content .identity-process,.inner-shell.unified-content .identity-anatomy,.inner-shell.unified-content .identity-usage,.inner-shell.unified-content .identity-clearspace,.inner-shell.unified-content .identity-colour,.inner-shell.unified-content .identity-rules,.inner-shell.unified-content .identity-mockups,.inner-shell.unified-content .identity-slide-story,.inner-shell.unified-content .case-story,.inner-shell.unified-content .live-preview,.inner-shell.unified-content .case-outcome,.inner-shell.unified-content .case-connections,.inner-shell.unified-content .contact-page,.inner-shell.unified-content .contact-assurance,.inner-shell.unified-content .contact-briefing,.inner-shell.unified-content .about-story,.inner-shell.unified-content .about-manifest,.inner-shell.unified-content .founder-section,.inner-shell.unified-content .founder-bio,.inner-shell.unified-content .about-capability-map,.inner-shell.unified-content .values,.inner-shell.unified-content .team-intro,.inner-shell.unified-content .team-directory{padding-left:clamp(18px,6vw,110px)!important;padding-right:clamp(18px,6vw,110px)!important;background-color:transparent!important;color:var(--ui-white)!important}
.inner-shell.unified-content .archive-card,.inner-shell.unified-content .service-module,.inner-shell.unified-content .articles>a,.inner-shell.unified-content .articles article,.inner-shell.unified-content .social-method article,.inner-shell.unified-content .value-grid article,.inner-shell.unified-content .team-directory article,.inner-shell.unified-content .case-facts>div,.inner-shell.unified-content .contact-assurance article,.inner-shell.unified-content .contact-briefing article{background:rgba(9,10,8,.92)!important;border:1px solid rgba(255,255,255,.09)!important;color:var(--ui-white)!important;box-shadow:none!important;transition:transform .35s,border-color .35s,background .35s!important}
.inner-shell.unified-content .archive-card:hover,.inner-shell.unified-content .service-module:hover,.inner-shell.unified-content .articles>a:hover,.inner-shell.unified-content .articles article:hover,.inner-shell.unified-content .social-method article:hover,.inner-shell.unified-content .value-grid article:hover{transform:translateY(-5px);border-color:var(--ui-gold)!important;background:rgba(210,166,61,.055)!important}
.inner-shell.unified-content .archive-number,.inner-shell.unified-content .archive-view,.inner-shell.unified-content .service-module>span,.inner-shell.unified-content .articles small,.inner-shell.unified-content .social-method b{color:var(--ui-gold)!important}
.inner-shell.unified-content .archive-browser-chrome,.inner-shell.unified-content .sp-evidence-browser>span{background:#080907!important;border-color:var(--ui-line)!important;color:#777!important}

/* Filters are one sticky, compact control system across all portfolio disciplines. */
.inner-shell.unified-content .portfolio-filters,.inner-shell.unified-content .insight-filters,.inner-shell.unified-content .identity-tabs{position:sticky!important;z-index:65!important;top:96px!important;margin:0!important;padding:14px clamp(18px,4vw,68px)!important;background:rgba(6,7,5,.94)!important;border:0!important;border-block:1px solid var(--ui-line)!important;border-radius:0!important;backdrop-filter:blur(18px)}
.inner-shell.unified-content .portfolio-filters a,.inner-shell.unified-content .portfolio-filters button,.inner-shell.unified-content .insight-filters button,.inner-shell.unified-content .identity-tabs a{min-height:38px!important;padding:0 16px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;background:#0b0c0a!important;color:#aaa!important;font:600 10px "DM Sans",sans-serif!important}
.inner-shell.unified-content .portfolio-filters a:hover,.inner-shell.unified-content .portfolio-filters button:hover,.inner-shell.unified-content .portfolio-filters .active,.inner-shell.unified-content .insight-filters button:hover,.inner-shell.unified-content .insight-filters .active,.inner-shell.unified-content .identity-tabs a:hover{background:var(--ui-gold)!important;border-color:var(--ui-gold)!important;color:#050505!important}

/* Forms and calls to action use the same technical surface. */
.inner-shell.unified-content input,.inner-shell.unified-content textarea,.inner-shell.unified-content select{background:#090a08!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;color:var(--ui-white)!important}
.inner-shell.unified-content input:focus,.inner-shell.unified-content textarea:focus,.inner-shell.unified-content select:focus{outline:1px solid var(--ui-gold)!important;border-color:var(--ui-gold)!important}
.inner-shell.unified-content .pill,.inner-shell.unified-content button[type=submit],.inner-shell.unified-content .portfolio-closing a,.inner-shell.unified-content .creative-next a{background:var(--ui-gold)!important;border-color:var(--ui-gold)!important;border-radius:0!important;color:#050505!important;clip-path:polygon(0 0,91% 0,100% 30%,100% 100%,0 100%)}
.inner-shell.unified-content .closing,.inner-shell.unified-content .newsletter,.inner-shell.unified-content .creative-next,.inner-shell.unified-content .team-band{background:radial-gradient(circle at 50% 30%,rgba(210,166,61,.12),transparent 36%),#070806!important;border-block:1px solid var(--ui-line)!important;color:var(--ui-white)!important}

@media(max-width:760px){
 .inner-shell.unified-content .page-hero,.inner-shell.unified-content .portfolio-discipline-hero,.inner-shell.unified-content .identity-hero,.inner-shell.unified-content .creative-case-hero,.inner-shell.unified-content .case-hero,.inner-shell.unified-content .insight-hero{min-height:480px!important;padding:130px 14px 64px!important}
 .inner-shell.unified-content .page-hero:before,.inner-shell.unified-content .portfolio-discipline-hero:before,.inner-shell.unified-content .identity-hero:before,.inner-shell.unified-content .creative-case-hero:before,.inner-shell.unified-content .case-hero:before,.inner-shell.unified-content .insight-hero:before{top:102px;right:14px}
 .inner-shell.unified-content .page-hero h1,.inner-shell.unified-content .portfolio-discipline-hero h1,.inner-shell.unified-content .identity-hero h1,.inner-shell.unified-content .creative-case-hero h1,.inner-shell.unified-content .case-hero h1,.inner-shell.unified-content .insight-hero h1{font-size:clamp(48px,15vw,72px)!important;line-height:.88!important;overflow-wrap:anywhere}
 .inner-shell.unified-content .portfolio-filters,.inner-shell.unified-content .insight-filters,.inner-shell.unified-content .identity-tabs{top:89px!important;padding:10px 14px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}
 .inner-shell.unified-content .archive,.inner-shell.unified-content .service-realms,.inner-shell.unified-content .articles,.inner-shell.unified-content .social-profile-showcase,.inner-shell.unified-content .brand-deck,.inner-shell.unified-content .identity-opening,.inner-shell.unified-content .identity-rationale,.inner-shell.unified-content .identity-process,.inner-shell.unified-content .identity-anatomy,.inner-shell.unified-content .identity-usage,.inner-shell.unified-content .identity-clearspace,.inner-shell.unified-content .identity-colour,.inner-shell.unified-content .identity-rules,.inner-shell.unified-content .identity-mockups,.inner-shell.unified-content .identity-slide-story,.inner-shell.unified-content .case-story,.inner-shell.unified-content .live-preview,.inner-shell.unified-content .case-outcome,.inner-shell.unified-content .case-connections,.inner-shell.unified-content .contact-page,.inner-shell.unified-content .contact-assurance,.inner-shell.unified-content .contact-briefing,.inner-shell.unified-content .about-story,.inner-shell.unified-content .about-manifest,.inner-shell.unified-content .founder-section,.inner-shell.unified-content .founder-bio,.inner-shell.unified-content .about-capability-map,.inner-shell.unified-content .values,.inner-shell.unified-content .team-intro,.inner-shell.unified-content .team-directory{padding-left:14px!important;padding-right:14px!important}
 .inner-shell.unified-content .archive-grid,.inner-shell.unified-content .articles,.inner-shell.unified-content .service-realms>div,.inner-shell.unified-content .value-grid{grid-template-columns:1fr!important}
}

/* All primary dropdowns share the same two-column futuristic HUD system. */
@media(min-width:951px){
 .site-header .nav-submenu-hud,.site-header .nav-submenu-partners{display:grid!important;width:min(720px,calc(100vw - 36px))!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;background:linear-gradient(145deg,rgba(13,14,12,.99),rgba(4,5,4,.99))!important;border:1px solid rgba(210,166,61,.28)!important;box-shadow:0 28px 90px #000,0 0 45px rgba(210,166,61,.07)!important}
 .site-header .nav-submenu-hud:after,.site-header .nav-submenu-partners:after{content:"VWEB / HUD_NAV / ACTIVE";position:absolute;right:13px;top:8px;color:rgba(210,166,61,.38);font:6px monospace;letter-spacing:.16em}
 .site-header .hud-menu-column,.site-header .partner-menu-column{min-width:0;padding:4px!important}
 .site-header .hud-menu-column+section,.site-header .partner-menu-column+section{border-left:1px solid rgba(255,255,255,.1);padding-left:12px!important}
 .site-header .hud-menu-column>header,.site-header .partner-menu-column>header{display:flex;align-items:center;justify-content:space-between;padding:7px 9px 12px;color:var(--hud-gold);font:8px monospace;letter-spacing:.13em;text-transform:uppercase}
 .site-header .hud-menu-column>a,.site-header .partner-menu-column>a{display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;gap:8px!important;min-height:66px!important;padding:10px!important;border:1px solid transparent!important;border-radius:0!important;color:var(--hud-white)!important;text-decoration:none;transition:background .2s,border-color .2s,color .2s!important}
 .site-header .hud-menu-column>a:hover,.site-header .hud-menu-column>a:focus-visible,.site-header .partner-menu-column>a:hover,.site-header .partner-menu-column>a:focus-visible{background:rgba(210,166,61,.12)!important;border-color:var(--hud-gold)!important;color:var(--hud-white)!important}
 .site-header .hud-menu-column>a i,.site-header .partner-menu-column>a i{color:var(--hud-gold)!important;font:normal 8px monospace}
 .site-header .hud-menu-column>a b,.site-header .hud-menu-column>a small{display:block}.site-header .hud-menu-column>a b{font-size:13px}.site-header .hud-menu-column>a small{margin-top:3px;color:#99958d!important;font-size:9px;line-height:1.35}
 .site-header .hud-menu-note,.site-header .nav-submenu-partners .partner-menu-note{grid-column:1/-1;display:flex;justify-content:space-between;margin:4px 8px 0;padding:13px 5px 6px;border-top:1px solid rgba(255,255,255,.1)}
}

/* Loader logo has an isolated frame so the bitmap can never overlap its copy. */
.page-loader .loader-console{overflow:hidden!important}
.page-loader .loader-console:before{content:"BOOT / VWEB.CONNECTED_SYSTEM"!important;left:auto!important;right:12px!important;top:8px!important;width:auto!important;height:auto!important;border:0!important;color:rgba(210,166,61,.48)!important;font:6px/1 monospace!important;letter-spacing:.15em!important}
.page-loader .loader-brand-row{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;align-items:center!important;gap:20px!important;min-height:74px}
.page-loader .loader-brand-row>img{display:block!important;width:96px!important;height:64px!important;max-width:96px!important;max-height:64px!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;border-radius:3px!important;background:#050505!important}
.page-loader .loader-brand-row>span{min-width:0!important;position:static!important;transform:none!important}.page-loader .loader-brand-row b{display:block;font-size:20px!important;line-height:1.1!important;letter-spacing:-.02em!important}.page-loader .loader-brand-row small{display:block;margin-top:7px!important;font-size:8px!important;line-height:1.45!important;letter-spacing:.12em!important;white-space:normal!important}
@media(max-width:950px){.site-header #site-navigation .hud-menu-column{min-width:0;padding:0 4px}.site-header #site-navigation .hud-menu-column>header{display:flex;justify-content:space-between;padding:12px 10px;color:var(--hud-gold);font:8px monospace;letter-spacing:.12em;text-transform:uppercase}.site-header #site-navigation .hud-menu-column>a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;min-height:52px;padding:8px 10px;border-left:1px solid #ffffff22;color:var(--hud-white);text-decoration:none}.site-header #site-navigation .hud-menu-column>a i{color:var(--hud-gold);font:normal 8px monospace}.site-header #site-navigation .hud-menu-column>a b,.site-header #site-navigation .hud-menu-column>a small{display:block}.site-header #site-navigation .hud-menu-column>a b{font-size:11px}.site-header #site-navigation .hud-menu-column>a small{margin-top:3px;color:#99958d;font-size:8px;line-height:1.35}.site-header #site-navigation .hud-menu-note{grid-column:1/-1!important}}
@media(max-width:600px){.page-loader .loader-brand-row{grid-template-columns:72px minmax(0,1fr)!important;gap:13px!important}.page-loader .loader-brand-row>img{width:72px!important;height:52px!important;max-width:72px!important;max-height:52px!important}.page-loader .loader-brand-row b{font-size:17px!important}.page-loader .loader-brand-row small{font-size:7px!important}.site-header #site-navigation .nav-submenu-hud{grid-template-columns:1fr!important}.site-header #site-navigation .hud-menu-column+section{margin-top:8px}}
@media(max-width:760px){.home-shell.unified-content .unified-services-hero{min-height:820px;padding:92px 14px 48px!important}.home-shell.unified-content .unified-services-hero .oh-hero-card{min-height:690px!important;padding:50px 23px 28px!important}.home-shell.unified-content .sp-home-hero{min-height:auto!important}}