/* MPB Works Header Only */

:root{
--header-bg:rgba(13,16,22,.78);
--header-utility-bg:#0a0f16;
--header-text:#d7e0ee;
--header-link:#e5e7eb;
--header-link-hover-bg:rgba(255,255,255,.08);
--header-border:rgba(255,255,255,.08);
--header-dropdown-bg:#0f1723;
--header-dropdown-border:rgba(164,189,232,.28);
--header-dropdown-hover:rgba(62,134,247,.16);
--header-accent:#60a5fa;
--header-phone:#ef4444;
}

.utility-bar{
justify-content:center;
position:sticky;
top:0;
z-index:70;
display:flex;
gap:14px;
align-items:center;
justify-content:flex-start;
flex-wrap:nowrap;
height:30px;
min-height:30px;
max-height:30px;
padding:0 12px;
background:var(--header-utility-bg);
color:var(--header-text);
font-size:.84rem;
line-height:1;
font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
margin:0;
border-bottom:0;
white-space:nowrap;
overflow-x:auto;
overflow-y:hidden;
}

.utility-bar a{
color:inherit;
text-decoration:none;
}

.utility-bar a:hover{
text-decoration:underline;
}

.utility-phone-icon{
display:inline-block;
width:13px;
height:13px;
vertical-align:-1px;
margin-right:5px;
color:var(--header-phone);
fill:currentColor;
}

.topbar{
position:sticky;
top:30px;
z-index:69;
display:flex;
align-items:center;
justify-content:space-between;
min-height:52px;
padding:10px clamp(18px,3vw,40px);
background:var(--header-bg);
backdrop-filter:blur(10px);
border-top:0;
border-bottom:1px solid var(--header-border);
font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
margin-top:0;
}

.brand-wrap{
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
justify-content:flex-start;
}

.brand-logo{
height:45px;
width:auto;
display:block;
object-fit:contain;
}

.brand-dot{
display:none;
width:10px;
height:10px;
border-radius:50%;
background:var(--header-accent);
box-shadow:0 0 18px #60a5fa99;
}

.brand{
font-weight:600;
letter-spacing:.01em;
color:#e6efff;
text-decoration:none;
}

.main-nav{
display:flex;
gap:14px;
align-items:center;
flex-wrap:nowrap;
white-space:nowrap;
}

.main-nav a{
color:var(--header-link);
text-decoration:none;
font-size:.95rem;
padding:8px 10px;
border-radius:8px;
}

.main-nav a:hover{
background:var(--header-link-hover-bg);
}

.main-nav .has-dropdown{
position:relative;
display:inline-block;
}

.main-nav .has-dropdown > a::after{
content:" ▾";
font-size:.85em;
opacity:.85;
}

.main-nav .dropdown-menu{
display:none;
position:absolute;
top:calc(100% + 8px);
left:0;
min-width:270px;
background:var(--header-dropdown-bg);
border:1px solid var(--header-dropdown-border);
border-radius:10px;
padding:8px;
box-shadow:0 16px 32px rgba(0,0,0,.35);
z-index:99999;
}

.main-nav .dropdown-menu a{
display:block;
padding:8px 10px;
border-radius:7px;
white-space:nowrap;
}

.main-nav .dropdown-menu a:hover{
background:var(--header-dropdown-hover);
}

.main-nav .has-dropdown:hover .dropdown-menu,
.main-nav .has-dropdown:focus-within .dropdown-menu{
display:block;
}

/* hide duplicate in-content top bars */
main#content > .utility-bar,
main#content > .topbar,
main#content > .mpb-top-utility,
main#content > .mpb-topbar{
display:none !important;
}

/* hide legacy blankslate header */
#header,
#branding,
#site-title,
#site-description,
#menu,
#search{
display:none !important;
}

@media (min-width:901px){
.utility-bar{
justify-content:center !important;
}
}

@media (max-width:900px){
.brand-logo{
height:32px;
}

.utility-bar{
position:sticky !important;
top:0 !important;
z-index:70 !important;
height:30px !important;
min-height:30px !important;
max-height:30px !important;
padding:0 10px !important;
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:8px !important;
font-size:.76rem !important;
flex-wrap:nowrap !important;
white-space:nowrap !important;
overflow-x:auto !important;
overflow-y:hidden !important;
text-align:center !important;
width:100% !important;
}

.topbar{
position:sticky !important;
top:30px !important;
z-index:69 !important;
margin-top:0 !important;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:6px;
padding:6px 10px 4px;
}

.utility-bar a,
.utility-bar span{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
margin:0 auto !important;
}

.main-nav{
display:flex !important;
gap:6px !important;
flex-wrap:nowrap !important;
white-space:nowrap !important;
overflow-x:visible !important;
overflow-y:visible !important;
justify-content:flex-start !important;
width:auto !important;
max-width:calc(100% - 96px) !important;
padding:0 !important;
margin-left:18px !important;
}

.main-nav a{
font-size:.86rem !important;
padding:4px 2px !important;
}

.topbar,
.main-nav,
.main-nav a{
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
}

.main-nav .has-dropdown{
position:relative;
flex:0 0 auto;
}

.main-nav .has-dropdown > a{
display:inline-flex !important;
align-items:center !important;
}

.main-nav .dropdown-menu{
position:absolute;
top:calc(100% + 8px);
left:0;
display:none;
min-width:250px;
max-height:58vh;
overflow:auto;
background:var(--header-dropdown-bg);
border:1px solid var(--header-dropdown-border);
border-radius:10px;
box-shadow:0 16px 32px rgba(0,0,0,.35);
padding:8px;
z-index:10000;
}

.main-nav .has-dropdown.open .dropdown-menu{
display:block;
}
}