/* Shared transparent, sticky navigation; underlying sections remain visible. */
:root{--header-overlay-height:72px}
body>.header{position:sticky!important;top:0!important;margin-bottom:calc(-1 * var(--header-overlay-height))!important;z-index:2000!important;min-height:var(--header-overlay-height);background:rgba(9,10,11,.57)!important;-webkit-backdrop-filter:blur(11px) saturate(110%);backdrop-filter:blur(11px) saturate(110%);border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 1px 8px rgba(0,0,0,.08)}
body>.header .nav>a,body>.header .services-main-link{color:#fff}
body>.header .nav>a:hover,body>.header .services-main-link:hover{color:var(--gold)}
/* Let page media extend behind navigation without obscuring first-page text. */
main>section:first-child:is(.contact-us-intro,.service-heading-original,.page-head,.detail-hero){padding-top:calc(72px + 6vw)!important}
main>section:first-child:is(.hero,.projects-hero){min-height:calc(100% + var(--header-overlay-height))}
main>section:first-child:not(.contact-us-intro,.service-heading-original,.page-head,.detail-hero,.hero,.projects-hero){padding-top:calc(72px + 2rem)}
@media(max-width:820px){body>.header .nav{background:rgba(9,10,11,.95)!important;backdrop-filter:blur(14px)}body>.header{background:rgba(9,10,11,.68)!important}}
@media(prefers-reduced-transparency:reduce){body>.header{background:rgba(9,10,11,.88)!important;-webkit-backdrop-filter:none;backdrop-filter:none}}