.mobile-menu{display:none}
.header,.portfolio-header,.service-header{position:relative;z-index:50}
.header>nav,.portfolio-header>nav,.service-header>nav{align-items:center}
.services-menu{position:relative;flex-shrink:0;font:inherit}
.services-menu>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:12px 0;cursor:pointer;list-style:none;line-height:1.5}
.services-menu>summary::-webkit-details-marker{display:none}
.services-menu[open]>summary>span{transform:rotate(180deg)}
.header .services-menu>nav,.portfolio-header .services-menu>nav,.service-header .services-menu>nav{position:absolute;top:100%;left:0;z-index:60;display:flex;flex-direction:column;align-items:stretch;gap:0;width:320px;max-width:calc(100vw - 40px);padding:10px 20px;background:#f6f3ed;color:#242020;border:1px solid #d7cfc1;box-shadow:0 12px 30px #24202015;font-size:.875rem;line-height:1.5}
.services-menu>nav>a{display:block;padding:14px 0;min-height:48px;border-bottom:1px solid #d7cfc1;text-decoration:none}
.services-menu>nav>a:last-child{border-bottom:0}
.services-menu>nav>a:hover,.services-menu>nav>a[aria-current]{color:#735523}
.services-menu a:focus-visible,.services-menu summary:focus-visible{outline:2px solid #967438;outline-offset:4px}
.hero-services a{text-decoration:underline;text-decoration-color:#ffffff70;text-underline-offset:5px;text-decoration-thickness:1px}
.hero-services a:hover,.hero-services a:focus-visible{text-decoration-color:currentColor}
.service-actions{display:flex;align-items:center;flex-wrap:wrap;column-gap:28px;row-gap:10px}
.service-questions-link{font-size:.875rem;text-decoration:underline;text-decoration-color:#967438;text-underline-offset:6px;padding:12px 0;min-height:44px}
.service-faq[id]{scroll-margin-top:110px}
@media(min-width:901px) and (max-width:1200px){
  .header,.portfolio-header,.service-header{gap:18px;padding-left:4%;padding-right:4%}
  .header .brand img,.portfolio-header .brand img,.service-header img{width:165px}
  .header>nav,.portfolio-header>nav,.service-header>nav{gap:20px;font-size:.8125rem}
  .header-cta{font-size:.8125rem}
  .header-cta span{margin-left:12px}
}
@media(max-width:900px){
  html{scroll-padding-top:94px}
  .header,.portfolio-header,.service-header{position:sticky;top:0;z-index:40;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;min-height:78px;margin:0;padding:14px 5%;gap:16px;background:#f6f3ed;border-bottom:1px solid #d7cfc1}
  .header .brand img,.portfolio-header .brand img,.service-header img{width:clamp(130px,38vw,185px);height:auto}
  .header>nav,.portfolio-header>nav,.service-header>nav,.header>.header-cta{display:none}
  .mobile-menu{display:block;flex-shrink:0;color:#242020;font-family:Manrope,Arial,sans-serif}
  .mobile-menu>summary{display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:8px 12px;border:1px solid #b9a17c;list-style:none;cursor:pointer;font-size:16px;line-height:1.5}
  .mobile-menu>summary::-webkit-details-marker{display:none}
  .menu-symbol{font-size:24px;font-weight:300;line-height:1}
  .mobile-menu[open] .menu-symbol{transform:rotate(45deg)}
  .mobile-menu>nav{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;width:100%;gap:0;padding:16px 6% 24px;background:#f6f3ed;box-shadow:0 16px 24px #24202018;max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
  .mobile-menu>nav>a{display:block;padding:14px 0;min-height:48px;border-bottom:1px solid #d7cfc1;font-size:16px;line-height:1.5;text-decoration:none;color:#242020}
  .mobile-menu>nav>a[aria-current]{color:#735523;font-weight:600}
  .mobile-menu>nav>a:last-child{margin-top:14px;padding:14px 18px;background:#242020;color:#f6f3ed;border:0}
  .mobile-menu a:focus-visible,.mobile-menu summary:focus-visible{outline:2px solid #967438;outline-offset:3px}
}
