/* Shared navigation for the homepage and published service pages. */
.header.site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center}.header.site-header .brand{grid-column:1;grid-row:1}.header.site-header .site-menu{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:22px;min-width:0}.header.site-header .site-menu>a{display:block;white-space:nowrap;font-size:.875rem;line-height:1.5}.header.site-header .site-menu>a[aria-current="page"]{color:var(--accent)}.header.site-header>.nav-contact{grid-column:3;grid-row:1;display:inline-flex;align-items:center;gap:10px;font-size:.875rem;font-weight:600;min-height:44px;padding:8px 0;margin:0;white-space:nowrap}.site-header .nav-contact svg{flex:none}.site-header .menu-toggle{display:none;background:none;color:var(--text);font:inherit;border:1px solid var(--line);cursor:pointer;padding:9px 12px;min-height:44px;align-items:center;gap:8px}.site-header .menu-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.site-header .menu-toggle[aria-expanded="true"]{background:#29271e;border-color:var(--accent);color:var(--accent)}
@media(max-width:1100px){.header.site-header{grid-template-columns:minmax(0,1fr) auto auto;gap:12px 18px;min-height:88px;padding-block:20px}.menu-ready .header.site-header .menu-toggle{display:inline-flex;grid-column:2;grid-row:1}.header.site-header .site-menu{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr;gap:0;justify-content:stretch;border-top:1px solid var(--line);padding:8px 0 0;margin-top:4px}.menu-ready .header.site-header .site-menu{display:none}.menu-ready .header.site-header.menu-open .site-menu{display:grid}.header.site-header .site-menu>a{display:block;white-space:normal;padding:13px 8px;min-height:48px;font-size:1rem;border-bottom:1px solid var(--line)}.header.site-header .site-menu>a:last-child{border-bottom:0}.header.site-header .site-menu>a:hover{background:#ffffff08}.header.site-header .nav-contact{gap:7px}.header.site-header .brand{font-size:1.75rem}}
@media(max-width:400px){.header.site-header{column-gap:10px}.header.site-header .brand{font-size:1.5rem;gap:5px}.header.site-header .brand-the{font-size:.625rem}.site-header .menu-toggle{font-size:.8125rem;padding:8px 9px;gap:6px}.header.site-header>.nav-contact{font-size:.8125rem;gap:5px}.site-header .nav-contact svg{width:14px}}