/* Shared compact mobile header and dropdown navigation. */
.mobile-menu-toggle{display:none}
@media(max-width:760px){
header,header.scrolled{background:linear-gradient(115deg,#101113 12%,#26282b 64%,#484a4d);border-bottom:1px solid #33363a}
header .nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:0;padding-bottom:0}
header .brand{flex:0 0 215px;width:215px;height:49px;background:transparent;max-width:70%}
header .call-pill{display:none}
.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:48px;height:48px;padding:9px;border:0;background:transparent;color:#fff;cursor:pointer;flex-shrink:0}
.mobile-menu-toggle span{height:3px;width:28px;display:block;background:currentColor;border-radius:3px;transition:transform .18s,opacity .18s}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.mobile-menu-toggle:focus-visible{outline:2px solid #39ff14;outline-offset:2px}
header .page-navigation{display:none;position:absolute;top:100%;left:0;right:0;width:100%;max-width:none;margin:0;padding:6px 16px 15px;background:#000;max-height:calc(100dvh - 168px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;font-size:15px;line-height:1.4;box-shadow:0 10px 24px #0007}
header.mobile-menu-open .page-navigation{display:block}
header .page-navigation>a,header .services-menu>summary{display:block;padding:16px 0;border-bottom:1px solid #292c32;font-weight:750;text-decoration:none}
header .services-menu{display:block;width:100%}
header .services-menu>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer}
header .services-menu>summary::-webkit-details-marker{display:none}
header .services-menu>summary span{font-size:19px;line-height:1;transition:transform .18s}
header .services-menu[open]>summary span{transform:rotate(180deg)}
header .services-panel{position:static;display:grid;grid-template-columns:1fr;width:100%;max-height:none;padding:3px 0 6px 9px;background:#000;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;gap:0;overflow:visible}
header .services-panel a{font-size:14px;padding:8px 0;border-bottom:1px solid #1b1e22;border-radius:0}
header .page-navigation a:hover,header .services-menu summary:hover{color:#39ff14}
.hero{padding-top:92px!important}
.hero .hero-bg{top:92px!important}
.hero .hero-inner{padding-top:24px!important}
.service-layout .page-hero{padding-top:126px}
.gallery-intro{padding-top:126px}
html{scroll-padding-top:110px}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-toggle span,header .services-menu>summary span{transition:none}}

/* Let the white and green wordmark blend cleanly into the header. */
header .brand{background:transparent;mix-blend-mode:screen}