/* Vero4 palette, 12 November 2026. Load after all theme and service styles. */
body.vh-design,
body.vh-design:not(.home){
  --vh-mirage:#16232a;
  --vh-orange:#ff5b04;
  --vh-green:#075056;
  --vh-sand:#e4eef0;
  --vh-paper:var(--vh-sand);
  --vh-ink:var(--vh-mirage);
  --vh-purple:var(--vh-green);
  --v4-ink:var(--vh-mirage);
  --v4-text:var(--vh-mirage);
  --v4-purple:var(--vh-green);
  --v4-purple-hover:var(--vh-mirage);
  --v4-lavender:var(--vh-orange);
  --v4-soft:var(--vh-sand);
  --v4-line:rgba(22,35,42,.24);
  --vero-primary:var(--vh-green);
  --vero-primary-hover:var(--vh-mirage);
  --vero-accent-text:var(--vh-green);
  --vero-accent-dark:var(--vh-orange);
  --brand-primary:var(--vh-green);
  --brand-hover:var(--vh-mirage);
  --text-primary:var(--vh-mirage);
  --text-secondary:var(--vh-mirage);
  --text-muted:var(--vh-green);
  --bg-canvas:var(--vh-sand);
  --bg-surface-bento:var(--vh-sand);
  --bg-contrast-section:var(--vh-mirage);
  --bg-glass:rgba(228,238,240,.94);
  --border-hairline:rgba(22,35,42,.2);
  color:var(--vh-mirage);
  background:var(--vh-sand);
}
body.vh-design ::selection{background:var(--vh-green);color:var(--vh-sand)}
body.vh-design :focus-visible,
body.vh-design:not(.home) #content :focus-visible{outline:3px solid var(--vh-green);outline-offset:5px}
body.vh-design .vh-skip{background:var(--vh-sand);color:var(--vh-mirage)}
body.vh-design :is(.vh-header,.vh-mobile-nav,.vh-hero,.vh-footer){background:var(--vh-mirage);color:var(--vh-sand)}
body.vh-design .vh-home .vh-hero :is(h1,.vh-hero-copy p),
body.vh-design .vh-scroll,
body.vh-design .vh-menu-toggle{color:var(--vh-sand)}
body.vh-design .vh-menu-lines:before,body.vh-design .vh-menu-lines:after{background:var(--vh-sand)}
body.vh-design .vh-contact-pill{background:var(--vh-orange);color:var(--vh-mirage)!important}
body.vh-design .vh-contact-pill:is(:hover,:active){background:var(--vh-sand);color:var(--vh-mirage)!important}
body.vh-design :is(.vh-header,.vh-mobile-nav,.vh-hero,.vh-footer) :focus-visible{outline-color:var(--vh-orange)}
body.vh-design .vh-hero-preview{background:var(--vh-green);border-color:var(--vh-sand)}
body.vh-design .vh-hero-preview span{color:var(--vh-sand);text-shadow:0 1px 8px var(--vh-mirage)}
body.vh-design .vh-mobile-nav>p,body.vh-design .vh-mobile-services a{color:var(--vh-sand)}
body.vh-design .vh-mobile-services{border-color:rgba(228,238,240,.4)}
body.vh-design .vh-mobile-services a:hover{color:var(--vh-orange)}

/* The replacement logo is a real transparent asset, not a cropped JPEG. */
body.vh-design .vh-brand,body.vh-design .vh-logo-window{width:112px;height:35px;overflow:visible}
body.vh-design .vh-logo-window img{position:static;display:block;left:auto;top:auto;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain;object-position:left center;filter:none;mix-blend-mode:normal}
@media(max-width:760px){body.vh-design .vh-brand,body.vh-design .vh-logo-window{width:106px;height:33px}}

/* Home sections and the service chooser. */
body.vh-design .vh-statement h2 span{color:var(--vh-green)}
body.vh-design :is(.vh-intro-grid nav a,.vh-text-link,.vh-idea h3 a):hover{color:var(--vh-green)}
body.vh-design .vh-work-controls button{color:var(--vh-mirage);border-color:var(--vh-green)}
body.vh-design .vh-work-controls button:hover{background:var(--vh-green);color:var(--vh-sand)}
body.vh-design .vh-work-controls button:active{background:var(--vh-orange);color:var(--vh-mirage)}
body.vh-design .vh-work-card{background:var(--vh-mirage);color:var(--vh-sand)!important}
body.vh-design .vh-work-card:after{background:linear-gradient(180deg,rgba(22,35,42,.02) 10%,rgba(22,35,42,.12) 30%,rgba(22,35,42,.84) 62%,rgba(22,35,42,.96) 100%)}
body.vh-design .vh-process article{border-color:rgba(22,35,42,.3)}
body.vh-design .vh-process article>span{color:var(--vh-green)}
body.vh-design .vh-solution{box-shadow:0 -8px 40px rgba(22,35,42,.06)}
body.vh-design .vh-solution-web{background:var(--vh-orange);color:var(--vh-mirage)!important}
body.vh-design .vh-solution-ai{background:var(--vh-green);color:var(--vh-sand)!important}
body.vh-design .vh-solution-marketing{background:var(--vh-mirage);color:var(--vh-sand)!important}
body.vh-design .vh-solution-web:focus-visible{outline-color:var(--vh-mirage)}
body.vh-design .vh-solution-ai:focus-visible{outline-color:var(--vh-sand)}
body.vh-design .vh-solution-marketing:focus-visible{outline-color:var(--vh-orange)}
body.vh-design .vh-idea-image{background:var(--vh-green)}
body.vh-design .vh-idea-image span{background:var(--vh-sand);color:var(--vh-mirage)}
body.vh-design .vh-cta-pair{background:var(--vh-green);color:var(--vh-sand)}
body.vh-design .vh-cta-pair>a:nth-child(2){background:var(--vh-orange);color:var(--vh-mirage)}
body.vh-design .vh-cta-pair>a:focus-visible{outline-color:var(--vh-sand);outline-offset:-7px}
body.vh-design .vh-cta-pair>a:nth-child(2):focus-visible{outline-color:var(--vh-mirage)}
body.vh-design .vh-footer-contact>a{border-color:rgba(228,238,240,.55)}
body.vh-design .vh-footer a:hover{color:var(--vh-orange)}
body.vh-design .vh-footer-bottom{border-color:rgba(228,238,240,.25);color:var(--vh-sand)}

/* Direct-service navigation. */
body.vh-design .vh-solutions-trigger:is(:hover,[aria-expanded="true"]){color:var(--vh-orange)}
body.vh-design .vh-solutions-panel{background:var(--vh-sand);color:var(--vh-mirage);border-color:rgba(22,35,42,.2);box-shadow:0 22px 44px rgba(22,35,42,.2)}
body.vh-design .vh-desktop-nav .vh-solutions-card{border-color:rgba(22,35,42,.25)}
body.vh-design :is(.vh-solutions-label,.vh-solutions-description){color:var(--vh-mirage)}
body.vh-design .vh-desktop-nav .vh-solutions-card:hover{color:var(--vh-green);border-color:var(--vh-green)}
body.vh-design .vh-solutions-all:hover{color:var(--vh-green)}
body.vh-design .vh-solutions-panel a:focus-visible{outline-color:var(--vh-green)}

/* Existing pages, editable Elementor content, contact, privacy and 404. */
body.vh-design:not(.home) #content,
body.vh-design:not(.home) #content :is(.v4-page-hero,.e-con.v4-page-hero,.v4-editorial,.e-con.v4-editorial,.v4-contact-section,.e-con.v4-contact-section){background:var(--vh-sand);color:var(--vh-mirage)}
body.vh-design:not(.home) #content .v4-page-hero .v4-eyebrow,
body.vh-design:not(.home) #content .v4-page-hero .v4-eyebrow :is(p,.elementor-heading-title){color:var(--vh-green)}
body.vh-design:not(.home) #content :is(.v4-page-hero .v4-lead,.v4-page-hero .v4-lead p,.v4-contact-intro p,.v4-post-excerpt,.v4-form-note,.v4-form .v4-optional){color:var(--vh-mirage)}
body.vh-design:not(.home) #content :is(.v4-content-section,.e-con.v4-content-section){border-color:rgba(22,35,42,.25)}
body.vh-design:not(.home) #content .v4-content-section :is(h2,.elementor-heading-title,p,li){color:var(--vh-mirage)}
body.vh-design:not(.home) #content :is(.v4-reading a:not(.elementor-button),.v4-post-category,.v4-text-link:hover){color:var(--vh-green)}
body.vh-design:not(.home).page-id-9 #content .v4-content-section{background:var(--vh-orange);color:var(--vh-mirage)}
body.vh-design:not(.home).page-id-9 #content .v4-content-section:nth-child(2){background:var(--vh-green);color:var(--vh-sand)}
body.vh-design:not(.home).page-id-9 #content .v4-content-section:nth-child(3){background:var(--vh-mirage);color:var(--vh-sand)}
body.vh-design:not(.home).page-id-9 #content .v4-content-section :is(h2,h3,p,li,.elementor-heading-title,a){color:inherit}
body.vh-design:not(.home) #content :is(.v4-cta,.e-con.v4-cta){background:var(--vh-orange);color:var(--vh-mirage)}
body.vh-design:not(.home) #content .v4-cta :is(h2,p,.elementor-heading-title){color:var(--vh-mirage)}
body.vh-design:not(.home) #content :is(.v4-button,.v4-button-light) .elementor-button,
body.vh-design:not(.home) #content .v4-plain-button{background:var(--vh-mirage);color:var(--vh-sand)}
body.vh-design:not(.home) #content :is(.v4-button,.v4-button-light) .elementor-button:hover,
body.vh-design:not(.home) #content .v4-plain-button:hover{background:var(--vh-green);color:var(--vh-sand)}
body.vh-design:not(.home) #content .v4-button-ghost .elementor-button{background:transparent;color:var(--vh-mirage)}
body.vh-design:not(.home) #content .v4-button-ghost .elementor-button:hover{background:transparent;color:var(--vh-green)}
body.vh-design:not(.home) #content .v4-cta .v4-button-light .elementor-button,
body.vh-design:not(.home) #content .v4-cta .v4-plain-button{background:var(--vh-mirage);color:var(--vh-sand)}
body.vh-design:not(.home) #content .v4-cta .v4-button-light .elementor-button:hover,
body.vh-design:not(.home) #content .v4-cta .v4-plain-button:hover{background:var(--vh-green);color:var(--vh-sand)}
body.vh-design:not(.home) #content .v4-cta :focus-visible{outline-color:var(--vh-mirage)}
body.vh-design:not(.home) #content :is(.v4-form label,.v4-form .v4-consent,.v4-search-form label){color:var(--vh-mirage)}
body.vh-design:not(.home) #content .v4-form :is(input:not([type="checkbox"]):not([type="hidden"]),select,textarea),
body.vh-design:not(.home) #content .v4-search-form input{border-color:var(--vh-green);background:var(--vh-sand);color:var(--vh-mirage)}
body.vh-design:not(.home) #content :is(.v4-form,.v4-search-form) :is(input,select,textarea):focus{border-color:var(--vh-green);outline-color:var(--vh-green)}
body.vh-design:not(.home) #content .v4-form .v4-consent input{accent-color:var(--vh-green)}
body.vh-design:not(.home) #content .v4-form a{color:var(--vh-green)}
body.vh-design:not(.home) #content .v4-form button[type="submit"],
body.vh-design:not(.home) #content .v4-search-form button{background:var(--vh-orange);color:var(--vh-mirage)}
body.vh-design:not(.home) #content .v4-form button[type="submit"]:hover,
body.vh-design:not(.home) #content .v4-search-form button:hover{background:var(--vh-green);color:var(--vh-sand)}
body.vh-design:not(.home) #content :is(.v4-form-success,.v4-form-error,.v4-notice){background:var(--vh-sand);color:var(--vh-mirage);border-color:var(--vh-green)}
body.vh-design:not(.home) #content .v4-form-error{border-left:5px solid var(--vh-orange)}

/* The dedicated service pages use their own component colors. */
body.vh-design:not(.home) #content.vh-service{--vs-line:rgba(22,35,42,.25);--vs-muted:var(--vh-mirage);background:var(--vh-sand);color:var(--vh-mirage)}
body.vh-design #content.vh-service :is(.vs-breadcrumb,.vs-jumps a,.vs-offering p,.vs-faq-list details>p,p.vs-note){color:var(--vh-mirage)}
body.vh-design #content.vh-service :is(.vs-breadcrumb a:hover,.vs-text-link:hover,.vs-jumps a:hover,.vs-number,.vs-offering li::before,.vs-faq-list summary:hover){color:var(--vh-green)}
body.vh-design #content.vh-service .vs-button{background:var(--vh-orange);border-color:var(--vh-orange);color:var(--vh-mirage)}
body.vh-design #content.vh-service .vs-button:hover{background:var(--vh-green);border-color:var(--vh-green);color:var(--vh-sand)}
body.vh-design #content.vh-service .vs-button:active{background:var(--vh-mirage);border-color:var(--vh-mirage);color:var(--vh-sand)}
body.vh-design #content.vh-service .vs-visual.vs-photo{background:var(--vh-green)}
body.vh-design #content.vh-service .vs-context{background:var(--vh-green);color:var(--vh-sand)}
body.vh-design #content.vh-service .vs-context-list article{border-color:rgba(228,238,240,.4)}
body.vh-design #content.vh-service .vs-context-list p,
body.vh-design #content.vh-service .vs-context p.vs-note{color:var(--vh-sand)}
body.vh-design #content.vh-service .vs-process{background:var(--vh-mirage);color:var(--vh-sand)}
body.vh-design #content.vh-service .vs-steps li{border-color:rgba(228,238,240,.4)}
body.vh-design #content.vh-service .vs-steps li>span{color:var(--vh-orange)}
body.vh-design #content.vh-service .vs-steps p{color:var(--vh-sand)}
body.vh-design #content.vh-service .vs-context :focus-visible{outline-color:var(--vh-sand)}
body.vh-design #content.vh-service .vs-process :focus-visible{outline-color:var(--vh-orange)}
body.vh-design #content.vh-service .vs-end{background:var(--vh-orange);color:var(--vh-mirage)}
body.vh-design #content.vh-service .vs-end>.vs-button{background:var(--vh-mirage);border-color:var(--vh-mirage);color:var(--vh-sand)}
body.vh-design #content.vh-service .vs-end>.vs-button:hover{background:var(--vh-green);border-color:var(--vh-green);color:var(--vh-sand)}
body.vh-design:not(.home) #content.vh-service .vs-end :focus-visible{outline-color:var(--vh-mirage)}
body.vh-design #content.vh-service .vs-related a{border-color:var(--vh-mirage)}
body.vh-design #content.vh-service .vs-related a:hover{border-color:var(--vh-green);color:var(--vh-green)}

@media print{
  body.vh-design,body.vh-design:not(.home),body.vh-design:not(.home) #content{background:#fff;color:#16232a}
}
/* Pseudo-elements need a separate selector outside :is(). */
body.vh-design #content.vh-service .vs-offering li::before{color:var(--vh-green)}