.service-nav{display:flex;align-items:center;gap:19px}
.service-nav>a,.service-nav>button,.service-nav summary{font:16px var(--display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:inherit}
.service-nav>button,.service-nav summary{background:none;border:0;padding:0;cursor:pointer}
.service-nav summary{display:flex;align-items:center;gap:7px;list-style:none;min-height:44px}
.service-nav summary::-webkit-details-marker{display:none}
.service-nav a:hover,.service-nav button:hover,.service-nav summary:hover{color:var(--gold)}
.service-nav :is(a,button,summary):focus-visible{outline:2px solid var(--gold);outline-offset:5px;border-radius:3px}
.service-nav-dropdown{position:relative}
.service-nav-panel{position:absolute;top:100%;left:0;min-width:240px;max-width:calc(100vw - 36px);padding:12px;display:flex;flex-direction:column;gap:2px;background:#09131c;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 14px 35px #0004;color:#fff;z-index:70}
.service-nav-panel a{font:14px var(--sans);letter-spacing:0;text-transform:none;padding:11px 12px;border-radius:6px;line-height:1.4}
.service-nav-panel a:hover{background:#ffffff09}
.service-nav>.service-mobile-cta{display:none}
.service-detail-header{gap:24px;padding:20px 4vw}
.service-detail-header .wordmark span{font-size:30px}
.service-detail-header .wordmark{margin-right:auto}
.service-menu-toggle{display:none;color:#fff;background:none;border:1px solid #ffffff40;border-radius:7px;padding:10px 12px;font:14px var(--sans)}
.service-header-cta{white-space:nowrap}
.service-context-links{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 25px;padding:25px 18px;color:#b0aba4}
.service-context-links a{font:13px var(--sans)!important;letter-spacing:0!important;text-transform:none!important}
.service-biography-context{display:flex;flex-wrap:wrap;gap:15px 30px;font:14px var(--sans);color:#4b5867;padding-block:8px 12px}
@media(min-width:981px) and (max-width:1200px){.service-nav{gap:12px}.service-nav>a,.service-nav>button,.service-nav summary{font-size:14px}.service-detail-header{gap:15px}.service-detail-header .wordmark span{font-size:25px}.service-detail-header .button{font-size:14px;padding-inline:16px}}
@media(max-width:980px){
 .service-nav{align-items:stretch;justify-content:flex-start;gap:13px;overflow-y:auto;overscroll-behavior:contain;padding:85px 7vw 35px;max-height:100svh}
 .service-nav>a,.service-nav>button,.service-nav summary{font-size:24px;text-align:left;min-height:38px}
 .service-nav-dropdown{width:100%}
 .service-nav-panel{position:static;margin:5px 0 8px;min-width:0;max-width:100%;box-shadow:none;border-radius:8px}
 .service-nav-panel a{font-size:15px;padding-block:10px}
 .service-nav>.service-mobile-cta{display:block;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:10px 19px;align-self:flex-start;font-size:19px;margin-top:8px}
 .service-detail-header{position:relative;display:flex;flex-wrap:wrap;padding:17px 5vw;gap:13px}
 .service-detail-header .wordmark{width:auto;margin-right:auto}
 .service-detail-header .wordmark span{font-size:27px}
 .service-menu-toggle{display:block;min-height:44px}
 .service-detail-header .service-header-cta{display:none}
 .service-detail-header>.service-nav{display:none;flex-basis:100%;flex-direction:column;padding:15px 0 5px;max-height:calc(100svh - 85px)}
 .service-detail-header>.service-nav.is-open{display:flex}
 .service-biography-context{font-size:13px}
}

/* Keep the service controls inside their own grid, even under WordPress CSS. */
@media(max-width:980px){
 .site-header,.site-header.is-scrolled{height:56px;background:rgba(5,11,19,.72);border-bottom:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 .site-header>.menu-toggle{position:relative!important;inset:auto!important;transform:none!important;grid-column:2;grid-row:1;justify-self:center;margin:0!important;padding:6px!important;width:44px;height:44px;z-index:64}
 .site-header>.menu-toggle i{width:22px;height:2px;margin:5px auto}
 .site-header>.header-actions{position:relative;grid-column:3;grid-row:1;z-index:63}
 .site-header>.main-nav.service-nav{inset:56px 0 0;height:calc(100svh - 56px)!important;max-height:calc(100svh - 56px);padding:22px 7vw 30px;background:rgba(5,11,19,.91);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);gap:9px}
 .site-header>.main-nav.service-nav>*{flex-shrink:0}
 .site-header>.main-nav.service-nav>a,.site-header>.main-nav.service-nav>button,.site-header>.main-nav.service-nav summary{font-size:22px}
 .service-detail-header{padding-block:7px;min-height:56px;background:rgba(5,11,19,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 .service-detail-header .service-menu-toggle{padding:6px 10px;font-size:13px}
 .service-detail-header>.service-nav{height:auto!important}
}