/* VCS website v3 "mix" draft (11/3/2026): v2 look on top (v2.css), full v1 depth below in native <details>. */
.v3-bar{background:#0b0d10;color:#fff;font-size:.875rem;text-align:center;padding:.4rem 1rem;border-bottom:2px solid var(--slate)}
.v3-bar a{color:#fff;font-weight:700}
.v3-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.v3-depth-h{background:var(--tint);border-top:1px solid var(--silver);padding:2rem 0 .5rem}
.v3-depth-h h2{margin:0}
.v3-deep{padding:2rem 0}
.v3-deep+.v3-deep{border-top:1px solid #e3e8ec}
.v3-deep .sec-lead{margin:.4rem 0 1rem}
details.v3-more>summary{list-style:none;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:700;border:2px solid var(--black);border-radius:var(--radius);padding:.55rem 1rem;background:#fff;color:#000;font-size:1rem}
details.v3-more>summary::-webkit-details-marker{display:none}
details.v3-more>summary::after{content:"";width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}
details.v3-more[open]>summary::after{transform:rotate(225deg) translateY(-2px)}
details.v3-more>summary:hover{background:var(--black);color:#fff}
details.v3-more>summary .less{display:none}
details.v3-more[open]>summary .more{display:none}
details.v3-more[open]>summary .less{display:inline}
.v3-full{margin-top:1rem;border:1px solid var(--silver);border-radius:var(--radius);padding:1.6rem 0;overflow:hidden}
.v3-full.dark,.v3-full.band-safety{border-color:#222}
.v3-full>.wrap{max-width:none}
details.v3-more[open] .v3-full{animation:v3In .35s ease both}
@keyframes v3In{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){details.v3-more[open] .v3-full{animation:none}details.v3-more>summary::after{transition:none}}
@media print{
  .v3-bar,.v2-dots,.v2-cap,details.v3-more>summary,.nav-toggle{display:none!important}
  .v3-full{border:0;padding:0;margin:0;background:none!important;color:#000!important}
  .v3-full *{color:#000!important}
  .v2-hero .v2-slide:not(.on){display:none}
}

/* 11/3/2026: keep anything scrolled into view (hash links, Read more summaries, scripted scrolls) clear of the sticky header (81px) so it is never covered and stays clickable. */
html{scroll-padding-top:6.5rem}
summary{scroll-margin-top:6.5rem}

/* 11/6/2026: Subcontractor Bidding added to nav (9 items). Keep the hamburger menu up to 1279px so the desktop row never overflows; tighten spacing above that. */
@media(min-width:1040px) and (max-width:1279px){
  .nav-toggle{display:inline-flex}
  .site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:3px solid var(--black);box-shadow:var(--shadow)}
  .site-nav.open{display:block}
  .site-nav ul{display:block;padding:.5rem 1.25rem 1rem}
  .site-nav a{display:block;padding:.7rem 0;border-bottom:1px solid var(--tint)}
  .site-nav .cta a{margin-top:.6rem;padding:.75rem 1.3rem}
}
@media(min-width:1280px){
  .site-nav ul{gap:1.05rem}
  .site-nav a{font-size:.95rem;white-space:nowrap}
}

/* Company social link: inline SVG, no third-party scripts. */
.site-footer a.vcs-linkedin{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;max-width:100%;color:#6b1728;text-decoration:underline;text-underline-offset:.2em;line-height:1.4}
.vcs-linkedin svg{flex:0 0 20px}
.site-footer a.vcs-linkedin:hover{color:#000}
.site-footer a.vcs-linkedin:focus-visible{outline:3px solid #6b1728;outline-offset:4px;border-radius:2px}