header{gap:18px}header #nav{align-items:center;gap:19px}header .brand{font-size:28px}header>.outline{padding:11px 18px;white-space:nowrap}.nav-group{position:relative;border:0;padding:0}.nav-group summary{font:inherit;cursor:pointer;padding:10px 0;white-space:nowrap}.nav-submenu{position:absolute;top:100%;left:-20px;z-index:20;width:250px;padding:12px;background:#302c26;border:1px solid #8d7256;border-radius:8px;box-shadow:0 12px 30px #0004;display:grid;gap:2px}.nav-submenu a{display:block;padding:9px 12px;border-radius:4px}.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#514435}header nav>a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}footer{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:30px}footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px}footer nav strong{color:#fff;margin-bottom:8px}footer small{grid-column:1/-1}footer .brand{font-size:27px;margin-bottom:16px}.service-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px}.service-card{padding:28px;display:flex;flex-direction:column;gap:20px}.service-card h2{font-size:31px}.service-card p{color:var(--muted)}.service-card .arrow-link{align-self:flex-start;margin-top:auto}.context-links{margin-top:24px;display:flex;gap:22px;flex-wrap:wrap}.review>span{max-width:250px;letter-spacing:.05em}.review .review-description{font-size:11px;display:block;letter-spacing:0}
@media(max-width:1200px){header{flex-wrap:wrap}header #nav{order:3;flex-basis:100%;justify-content:center;gap:26px}.brand{flex:1}header>.outline{flex:none}}@media(max-width:760px){header #nav{align-items:stretch;gap:10px;text-align:left}header .brand{font-size:25px}.nav-submenu{position:static;width:100%;box-shadow:none;margin-top:8px}.nav-group summary{padding:8px 0}footer{grid-template-columns:1fr 1fr}footer>div{grid-column:1/-1}.review>span{max-width:none}.service-card{padding:22px}.service-card h2{font-size:29px}}@media(max-width:420px){footer{grid-template-columns:1fr}}

/* Services dropdown follows the gold treatment of the project CTA. */
.site-header{position:relative;z-index:30}
#nav .nav-group{flex:none}
.nav-group summary{display:flex;align-items:center;gap:6px;list-style:none}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group__chevron{font-size:17px;line-height:1;transition:transform .2s ease}
.nav-group[open] .nav-group__chevron{transform:rotate(180deg)}
.nav-group summary:hover,.nav-group summary:focus-visible,.nav-group[open] summary{color:#e2b783}
.nav-submenu{width:270px;padding:10px}
.nav-submenu a{border:1px solid transparent;transition:none}
.nav-submenu a[aria-current=page]{color:#e2b783}
.nav-submenu a:hover,.nav-submenu a:focus-visible{background:linear-gradient(115deg,#e2b783,#bd8150);color:#211a13;border-color:#ebcba2}
.nav-submenu a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.nav-submenu__divider{position:relative;display:block;height:2px;margin:9px 12px;border-radius:999px;background:transparent;box-shadow:none}
.nav-submenu__divider::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#d5a660,#f2cb8c);box-shadow:0 0 9px rgba(226,183,131,.32);transform-origin:left center}
.nav-group[open] .nav-submenu__divider::after{animation:km-menu-divider-in .8s ease-out both}
.nav-group.nav-divider-reset[open] .nav-submenu__divider::after{animation:none}
@keyframes km-menu-divider-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){#nav .nav-group{width:100%}.nav-submenu{width:100%;margin-top:4px}.nav-group summary{min-height:44px}}
@media(prefers-reduced-motion:reduce){.nav-group__chevron,.nav-submenu a{transition:none}.nav-group[open] .nav-submenu__divider::after{animation:none}}

/* Match the homepage project-calculation button on header hover. */
header>.outline{transition:color .22s ease,border-color .22s ease,box-shadow .22s ease}
header>.outline:hover,header>.outline:focus-visible{background:linear-gradient(110deg,#d7b183,#bc8958);color:#211e19;border-color:#d7b183;box-shadow:0 0 18px rgba(215,177,131,.38)}

/* Gold numbers for the five service steps. */
#nav .nav-submenu a.nav-submenu__step{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;column-gap:10px}
#nav .nav-submenu__number{color:#e2b783;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:none}
#nav .nav-submenu__step:is(:hover,:focus-visible) .nav-submenu__number{color:#ffe0a6;text-shadow:none}

/* Keep all work categories reachable without extending beyond the viewport. */
.nav-group--works .nav-submenu{max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d7b183 #302c26}
@media(max-width:760px){.nav-group--works .nav-submenu{max-height:min(360px,40dvh)}}

#nav .nav-group--works[open]{z-index:1100}