/* Shared global navigation on the homepage and every case study. */
.site-header.nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:80px;gap:24px}
.site-header.nav .identity{font-family:inherit;font-size:20px;font-weight:500;letter-spacing:-.045em;min-height:44px;display:flex;align-items:center}
.site-header.nav nav{display:flex;align-items:center;gap:32px}
.site-header.nav :is(nav a,.nav-contact){display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;line-height:1.4;position:relative;white-space:nowrap}
.site-header.nav nav .icon{display:inline-block;width:14px;height:14px;flex-shrink:0}
.site-header.nav :is(nav a,.nav-contact)::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.site-header.nav :is(nav a,.nav-contact):hover::after,.site-header.nav :is(nav a,.nav-contact):focus-visible::after{transform:scaleX(1)}
 .site-header.nav .nav-contact{justify-self:end}
@media(max-width:600px){
 .site-header.nav{height:auto;min-height:112px;grid-template-columns:1fr auto;gap:0;padding-block:8px}
 .site-header.nav nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:center;gap:32px}
 .site-header.nav :is(nav a,.nav-contact){font-size:14px}
 .site-header.nav nav .icon{display:none}
 .site-header.nav .nav-contact{grid-column:2;grid-row:1}
}
@media(prefers-reduced-motion:reduce){.site-header.nav :is(nav a,.nav-contact)::after{transition:none}}