/* Original XMLA artwork with an accessible, responsive text lockup. */
/* The global glass-card selector matches "-service" in this menu class. */
body #header #masthead .header-nav-main>.xmla-services-menu-item::before,
body #header #masthead .header-nav-main>.xmla-services-menu-item::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important}
body #header #top-bar .nav-center>li.menu-item>a.nav-top-link{transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;text-decoration:none!important}
body #header #top-bar .nav-center>li.menu-item>a.nav-top-link:hover,
body #header #top-bar .nav-center>li.menu-item>a.nav-top-link:focus-visible{color:#eafaff!important;background-color:#123b52!important;box-shadow:inset 0 -2px 0 #68e0e5, inset 0 0 18px #238dbe30!important;text-shadow:0 0 12px #68d9ec40}
body #header #top-bar .nav-center>li.menu-item>a.nav-top-link:focus-visible{outline:2px solid #86e6ef!important;outline-offset:-2px}
body #header #top-bar .nav-center>li.menu-item>a.nav-top-link:active{background-color:#18516a!important;color:#fff!important}
@media(prefers-reduced-motion:reduce){body #header #top-bar .nav-center>li.menu-item>a.nav-top-link{transition:none}}
body #header #top-bar .xmla-topbar-phone{display:inline-flex;align-items:center;min-height:28px;color:inherit;text-decoration:none}
body #header #top-bar .xmla-topbar-phone:hover{color:#8ce5ef;text-decoration:underline;text-underline-offset:3px}
body #header #top-bar .xmla-topbar-phone:focus-visible{outline:2px solid #8ce5ef;outline-offset:3px;border-radius:2px}
/* Compact brand hierarchy: company, service promise, then heritage. */
body #header #masthead #logo{width:370px!important;max-width:370px!important;flex:0 1 370px!important;margin-right:24px!important}
body #header #masthead #logo>a{display:flex!important;align-items:center;gap:16px;text-align:left;text-decoration:none}
body #header #masthead #logo img{width:64px!important;max-width:64px!important;height:auto!important;max-height:64px!important;margin:0!important;flex:0 0 64px;object-fit:contain}
body #header #masthead #logo .xmla-brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;line-height:1.2}
body #header #masthead #logo .xmla-brand-name{display:block;font-family:Oswald,Arial,sans-serif;font-size:20px;line-height:1;font-weight:500;letter-spacing:.15px;color:#edf7ff;text-shadow:none;text-transform:uppercase!important;white-space:nowrap}
body #header #masthead #logo .xmla-brand-tagline{display:block;font-family:Arial,sans-serif;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.8px;color:#9bd8e4;text-transform:uppercase!important;white-space:nowrap}
body #header #masthead #logo .xmla-brand-legacy{display:inline-flex;align-items:center;gap:6px;margin-top:0;padding:2px 6px;border:1px solid #44849a;background:#15384b;border-radius:5px;color:#a3eff0;font:600 9px/1.2 Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase!important;white-space:nowrap;box-shadow:none}
body #header #masthead #logo .xmla-brand-legacy::before{content:"";width:5px;height:5px;border-radius:50%;background:#69dcde;flex:none}
@media(min-width:1251px){body #header #masthead,body #header #masthead .header-inner{height:96px!important;min-height:96px!important}}
/* Four primary sections fit beside the brand; retain the native mobile drawer below 850px. */
@media(min-width:850px){
 body #header #masthead,body #header #masthead .header-inner{height:96px!important;min-height:96px!important}
 body #header #masthead .header-inner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:96px!important;column-gap:16px!important;align-items:center!important}
 body #header #masthead #logo{grid-column:1!important;grid-row:1!important;width:335px!important;max-width:335px!important;margin-right:0!important}
 body #header #masthead .header-inner>.hide-for-medium.flex-left{grid-column:2!important;grid-row:1!important;width:auto!important;max-width:none!important;left:auto!important;margin:0!important;height:auto!important;min-width:0!important;justify-self:end}
 body #header #masthead .header-inner>.hide-for-medium.flex-left>.header-nav-main{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;gap:4px!important}
 body #header #masthead .header-nav-main>li.menu-item{margin:0!important}
 body #header #masthead .header-nav-main>li.menu-item>a{white-space:nowrap!important;font-size:22px!important;padding:12px 12px!important}
 body #header #masthead .header-inner>.hide-for-medium.flex-right{grid-column:3!important;grid-row:1!important;left:auto!important;margin:0!important;justify-self:end}
 body #header #masthead .header-inner>.hide-for-medium.flex-right .header-nav{margin:0!important}
 body #header #masthead .header-inner>.hide-for-medium.flex-right a{min-width:0!important;width:auto!important;padding:12px 20px!important}
}
@media(min-width:850px) and (max-width:1050px){
 body #header #masthead .header-inner{column-gap:10px!important}
 body #header #masthead #logo{width:300px!important;max-width:300px!important}
 body #header #masthead #logo>a{gap:12px!important}
 body #header #masthead #logo .xmla-brand-name{font-size:18px!important}
 body #header #masthead #logo .xmla-brand-tagline{font-size:9px!important;letter-spacing:.4px!important}
 body #header #masthead .header-nav-main>li.menu-item>a{font-size:18px!important;padding:12px 9px!important}
 body #header #masthead .header-inner>.hide-for-medium.flex-right a{padding:12px 14px!important;font-size:13px!important}
}
@media(max-width:849px){
 body #header #masthead,body #header #masthead .header-inner{height:96px!important;min-height:96px!important}
 body #header #masthead #logo{position:absolute!important;left:70px!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:calc(100% - 80px)!important;max-width:390px!important;margin:0!important}
 body #header #masthead #logo>a{gap:13px!important;justify-content:flex-start!important}
 body #header #masthead #logo img{width:56px!important;max-width:56px!important;max-height:56px!important;flex-basis:56px}
 body #header #masthead #logo .xmla-brand-copy{gap:2px}
 body #header #masthead #logo .xmla-brand-name{font-size:16px;letter-spacing:0}
 body #header #masthead #logo .xmla-brand-tagline{font-size:8px;letter-spacing:.35px}
 body #header #masthead #logo .xmla-brand-legacy{font-size:8px;margin-top:0;letter-spacing:.5px}
}
@media(max-width:360px){
 body #header #masthead #logo{left:60px!important;width:calc(100% - 65px)!important}
 body #header #masthead #logo>a{gap:10px!important}
 body #header #masthead #logo img{width:52px!important;max-width:52px!important;flex-basis:52px}
 body #header #masthead #logo .xmla-brand-name{font-size:14px}
 body #header #masthead #logo .xmla-brand-tagline{font-size:7px;letter-spacing:.2px}
}

/* Shared hover, keyboard, open-menu and selected treatment for every main-navigation section. */
body #header #masthead .header-nav-main>li.menu-item{background:transparent!important;box-shadow:none!important;transform:none!important}
body #header #masthead .header-nav-main>li.menu-item::before,body #header #masthead .header-nav-main>li.menu-item::after{content:none!important;display:none!important}
body #header #masthead .header-nav-main>li.menu-item>a{position:relative;border-radius:12px!important;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease!important}
body #header #masthead .header-nav-main>li.menu-item:is(:hover,:focus-within,.active)>a,
body #header #masthead .header-nav-main>li.menu-item>a:focus-visible,
body #header #masthead .header-nav-main>li.menu-item:is(.current-menu-item,.current-menu-parent,.current-menu-ancestor,.current_page_item,.current_page_parent,.current_page_ancestor)>a,
body #header #masthead .header-nav-main>li.menu-item>a[aria-current="page"],
body.xmla-domain-studio-current #header #masthead .header-nav-main>.xmla-services-menu-item>a{position:relative;background:linear-gradient(180deg,rgba(93,177,226,.42),rgba(44,100,141,.42))!important;color:#fff!important;border-radius:12px!important;box-shadow:inset 0 0 0 1px rgba(121,200,255,.34),0 0 24px rgba(85,180,255,.12)!important;text-shadow:none!important}
body #header #masthead .header-nav-main>li.menu-item:is(:hover,:focus-within,.active)>a::before,
body #header #masthead .header-nav-main>li.menu-item>a:focus-visible::before,
body #header #masthead .header-nav-main>li.menu-item:is(.current-menu-item,.current-menu-parent,.current-menu-ancestor,.current_page_item,.current_page_parent,.current_page_ancestor)>a::before,
body #header #masthead .header-nav-main>li.menu-item>a[aria-current="page"]::before,
body.xmla-domain-studio-current #header #masthead .header-nav-main>.xmla-services-menu-item>a::before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:auto!important;width:100%!important;height:3px!important;background:#139bd0!important;opacity:1!important;transform:none!important;border-radius:0!important;pointer-events:none}
body #header #masthead .header-nav-main>li.menu-item>a:focus-visible{outline:2px solid #8fe6ef!important;outline-offset:4px}

@media(prefers-reduced-motion:reduce){body #header #masthead .header-nav-main>li.menu-item>a{transition:none!important}}
/* The legacy Account item reserves 190px even after its button shrinks. */
@media(min-width:850px){
 body #header #masthead .header-inner>.hide-for-medium.flex-right .xmla-account-menu-item{width:auto!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important}
 body #header #masthead .header-inner>.hide-for-medium.flex-right .header-nav-main{width:auto!important;min-width:0!important}
 body #header #masthead .header-inner>.hide-for-medium.flex-left>.header-nav-main{width:max-content!important;max-width:none!important}
}