.services-nav-dropdown { position: relative; }
.services-nav-trigger { display: inline-flex; align-items: center; gap: .4rem; cursor: pointer; list-style: none; }
.services-nav-trigger::-webkit-details-marker { display: none; }
.services-nav-trigger::after { content: ''; width: .4rem; height: .4rem; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.services-nav-panel { display: none; position: absolute; top: 100%; left: -.75rem; min-width: 12.5rem; padding: .5rem; background: #141414; border: 1px solid #3b3325; border-radius: .75rem; box-shadow: 0 20px 40px rgba(0,0,0,.3); z-index: 60; }
.services-nav-dropdown[open] > .services-nav-panel, .services-nav-dropdown:hover > .services-nav-panel, .services-nav-dropdown:focus-within > .services-nav-panel { display: block; }
.services-nav-panel a { display: block; color: #e5e7eb; font-size: .875rem; padding: .65rem .75rem; border-radius: .4rem; white-space: nowrap; }
.services-nav-panel a:hover, .services-nav-panel a:focus-visible { background: #30291c; color: #e8d4a0; }
.services-mobile-dropdown > summary { cursor: pointer; list-style: none; }
.services-mobile-dropdown > summary::-webkit-details-marker { display: none; }
.services-mobile-dropdown > summary::after { content: '⌄'; margin-left: .5rem; }
.services-mobile-links { padding-left: 1rem; border-left: 1px solid #665534; margin: .15rem 0 .5rem .4rem; }
.services-mobile-links a { display: block; padding: .5rem .75rem; color: #d1d5db; font-size: .875rem; }
.services-mobile-links a:hover, .services-mobile-links a:focus-visible { color: #e8d4a0; }
#mobileMenu, #servicesMobileMenu { max-height: calc(100vh - 5rem); overflow-y: auto; }
@media (min-width: 768px) and (max-width: 1199px) {
  header .services-desktop-nav { display: none; }
  header #mobileMenuBtn, header #servicesMobileBtn { display: block; }
  header #mobileMenu:not(.hidden), header #servicesMobileMenu:not(.hidden) { display: block; }
}