/* VOSS ADVISORY - scoped project styles (mirrors client css/styles.css) */
.va-project{--va-primary:var(--gcid-8e563287-eccd-45d6-8479-53ec5137cc64);--va-primary-dark:#333C58;--va-primary-light:#6077C0;--va-secondary:#35406B;--va-accent:var(--gcid-8d4a1c23-5af9-4b9f-a829-dbfb6cf0e070);--va-accent-dark:#8C5B27;--va-accent-tint:#E3B983;--va-bg:var(--gcid-013f574a-bddf-459a-ba62-920a7d78347d);--va-surface:#FFFFFF;--va-surface-alt:#E4E9F1;--va-heading:var(--gcid-288c46c5-b9ce-4891-bae0-058dbd5cc853);--va-body:#3D4459;--va-muted:#676E82;--va-border:#D7DCE6;--va-pad:1.5rem}
body.va-project{background:var(--va-bg)}

/* shared container: header, body, footer all align */
.va-project .et_pb_section > .et_pb_row,
.va-header .et_pb_row,
.va-footer .et_pb_row{
  width:100%!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:var(--va-pad)!important;padding-right:var(--va-pad)!important;box-sizing:border-box}
/* Vertically center header row content (logo + nav + mobile toggle) - scoped to header only */
.va-header .et_pb_row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;}
.va-project .va-w900 > .et_pb_column{max-width:900px;margin-left:auto;margin-right:auto}
.va-project .va-w832 > .et_pb_column{max-width:832px;margin-left:auto;margin-right:auto}
.va-project .va-w700 > .et_pb_column{max-width:700px;margin-left:auto;margin-right:auto}
.va-project .va-w680 > .et_pb_column{max-width:680px;margin-left:auto;margin-right:auto}

/* full-bleed rows: no container cap, no residual spacing */
.va-project .et_pb_section:has(> .et_pb_row.va-fullbleed){padding-top:0!important;padding-bottom:0!important}
.va-project .et_pb_row.va-fullbleed{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
.va-project .va-fullbleed > .et_pb_column{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}

/* asymmetric split (0.9fr/1.1fr in source) */
.va-project .va-asym-split{display:flex!important;align-items:flex-start;gap:2.5rem}
.va-project .va-asym-split > .et_pb_column:first-child{flex:0 0 45%!important;width:45%!important}
.va-project .va-asym-split > .et_pb_column:last-child{flex:1 1 auto!important;width:auto!important}

/* TYPE */
.va-project h1,.va-project h2,.va-project h3,.va-project h4{font-family:'Source Serif 4',Georgia,serif;letter-spacing:-0.01em;line-height:1.15}
.va-project h1{font-size:clamp(2.1rem,4vw + 1rem,3.4rem)!important;font-weight:500!important}
.va-project h2{font-size:clamp(1.7rem,2.4vw + 1rem,2.4rem)!important;font-weight:600!important}
.va-project h3{font-size:clamp(1.25rem,1vw + 1rem,1.5rem)!important;font-weight:600!important}

/* BUTTONS */
.va-project .et_pb_button{display:inline-flex!important;align-items:center;justify-content:center;gap:0.5rem;min-height:44px;padding:0.85rem 1.6rem!important;font-family:Inter,sans-serif!important;font-size:0.95rem!important;font-weight:600!important;transition:transform 150ms ease,background 150ms ease,color 150ms ease}
.va-project .et_pb_button:after,.va-project .et_pb_button:before{display:none!important}
.va-project .et_pb_button:hover{transform:translateY(-1px)}

/* HEADER / NAV */
.va-header{position:sticky;top:0;z-index:100;background:rgba(238,241,246,0.94);-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid var(--va-border)}
.va-logo{text-decoration:none;color:#232A3D!important}
.va-logo:visited,.va-logo:hover{color:#232A3D!important}
.va-nav{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.va-nav a{font-size:0.94rem;font-weight:500;color:var(--va-body);padding:0.4rem 0;border-bottom:1px solid transparent;text-decoration:none;transition:color 150ms ease,border-color 150ms ease}
.va-nav a:hover{color:var(--va-primary-dark);border-bottom-color:var(--va-accent-dark)}
.va-nav-mobile-cta{display:none}
.va-hdr-phone a{white-space:nowrap}

.va-nav-toggle{display:none;background:none;border:1px solid var(--va-border);border-radius:3px;padding:0.5rem;min-width:44px;min-height:44px;align-items:center;justify-content:center;cursor:pointer;position:relative}
.va-nav-toggle span{display:block;width:20px;height:2px;background:var(--va-heading);position:relative}
.va-nav-toggle span::before,.va-nav-toggle span::after{content:'';position:absolute;left:0;width:20px;height:2px;background:var(--va-heading);transition:transform 150ms ease,opacity 150ms ease}
.va-nav-toggle span::before{top:-6px}
.va-nav-toggle span::after{top:6px}
.va-nav-toggle[aria-expanded=true] span{opacity:0}
.va-nav-toggle[aria-expanded=true] span::before{transform:translateY(6px) rotate(45deg)}
.va-nav-toggle[aria-expanded=true] span::after{transform:translateY(-6px) rotate(-45deg)}

@media (max-width:900px){
  .va-nav-toggle{display:inline-flex}
  .va-header .et_pb_row{flex-wrap:wrap}
  .va-hdr-phone,.va-hdr-cta{display:none}
  .va-nav{display:none!important;flex-direction:column;align-items:flex-start;position:absolute;top:100%;left:0;right:0;background:var(--va-bg);padding:0;gap:0;border-bottom:1px solid var(--va-border);max-height:75vh;overflow-y:auto}
  .va-nav.is-open{display:flex!important}
  .va-nav a{width:100%;padding:1rem 1.5rem;font-size:1.05rem;border-bottom:1px solid var(--va-border)}
  .va-nav-mobile-cta{display:block!important;margin:1rem 1.5rem;background:var(--va-primary-dark);color:#FBF8F1!important;padding:0.85rem;text-align:center;font-weight:600;text-decoration:none;border-radius:3px;font-family:Inter;font-size:0.95rem;}
}

/* FOOTER */
.va-footer a{color:#C6CADC;text-decoration:none}
.va-footer a:hover{color:#FBF8F1}
.va-fmenu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.6rem}

/* prototype forms (raw HTML - built entirely via project CSS, no Divi native form dependency) */
.va-project .va-proto-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.va-project .va-form-field-full{grid-column:1 / -1}
.va-project input:focus,.va-project select:focus,.va-project textarea:focus{outline:2px solid var(--va-accent-dark);outline-offset:1px}
@media (max-width:700px){
  .va-project .va-proto-form{grid-template-columns:1fr}
}

/* FAQ (native <details>/<summary>, styled here) */
.va-faq-item summary{outline:none}
.va-faq-item summary:focus-visible{outline:2px solid #8C5B27;outline-offset:3px}

/* comparison table horizontal scroll on small screens */
@media (max-width:700px){
  .va-project table{font-size:0.85rem!important}
}
/* hero-specific asymmetric split: source uses 1.15fr/0.85fr (distinct from the 0.9fr/1.1fr value-prop ratio) */
.va-project .va-hero-split{display:flex!important;align-items:center;gap:4rem}
.va-project .va-hero-split > .et_pb_column:first-child{flex:0 0 57.5%!important;width:57.5%!important}
.va-project .va-hero-split > .et_pb_column:last-child{flex:1 1 auto!important;width:auto!important}
@media (max-width:900px){
  .va-project .va-hero-split{flex-direction:column;gap:2.5rem}
  .va-project .va-hero-split > .et_pb_column:first-child,
  .va-project .va-hero-split > .et_pb_column:last-child{flex:1 1 100%!important;width:100%!important}
}
/* button hover states, matching source exactly per variant */
.va-project a.va-btn-primary:hover{background:#455073!important}
.va-project a.va-btn-secondary:hover{background:#333C58!important;color:#FBF8F1!important}
.va-project a.va-btn-ondark:hover{background:#AD7D3F!important}
.va-project a.va-btn-light:hover{background:#FBF8F1!important;color:#333C58!important}
/* Back-to-portfolio link in header, next to logo */
.va-back-link{display:block;margin-top:8px;font-size:0.72rem;font-weight:600;letter-spacing:0.02em;color:var(--va-muted);text-decoration:none;transition:color 150ms ease;}
.va-back-link:hover{color:var(--va-accent);}