/* Concept 09: shared persistent navigation component.
   Edit this file once to change the header on all pages. */
:root{--jga-header-height:100px}
html{scroll-padding-top:calc(var(--jga-header-height) + 16px)}
.site-header{
  position:sticky;top:0;z-index:40;width:100%;max-width:none;margin:0;
  padding:0;display:block;height:var(--jga-header-height);
  background:var(--paper);border-bottom:1px solid var(--rule);
}
.site-header-inner{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  height:100%;max-width:1760px;margin:0 auto;padding:0 5.2vw;
}
/* Prevent in-page headings from disappearing under the persistent header. */
#work,#services,#process,#practice,#contact,#energy,#completed,#design,
#eerServices,#eerRequirements,#eerFAQ,.service-detail{scroll-margin-top:calc(var(--jga-header-height) + 16px)}
@media(max-width:1050px){.site-header-inner{padding:0 4vw}}
@media(max-width:940px){:root{--jga-header-height:80px}}
@media(max-width:760px){
 :root{--jga-header-height:76px}
 .site-header{position:sticky;top:0;padding:0}
 .site-header-inner{padding:0 22px}
 .main-nav{top:100%;max-height:calc(100dvh - var(--jga-header-height));overflow-y:auto;overscroll-behavior:contain}
}