/* WEB-009 isolated header alignment, preserving approved page-intro and hero. */
@media (min-width:1121px){
 .site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand seals" "nav nav";padding:12px clamp(22px,2.3vw,44px) 14px;row-gap:8px;align-items:center}
 .site-header .brand{align-self:center;justify-self:start}
 .site-header .service-medallions{align-self:center;justify-self:end;gap:clamp(8px,1vw,16px)}
 .site-header .service-medallion{width:clamp(66px,5.6vw,94px);height:clamp(66px,5.6vw,94px)}
 .site-header nav{align-self:center;min-height:30px}
}
@media (min-width:851px) and (max-width:1120px){
 .site-header{row-gap:9px;padding-block:12px}
 .site-header .service-medallions{align-self:center}
}
@media (max-width:850px){.site-header .service-medallions{order:2}.site-header nav{order:3}}

/* Center the organization name between the wordmark and service links. */
@media (min-width:1121px) {
 .site-header {
  --brand-column-gap:clamp(20px,3vw,64px);
  column-gap:var(--brand-column-gap);
 }
 .site-header .brand {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--brand-column-gap) !important;
  justify-self:stretch;
 }
 .site-header .brand strong {
  font-size:clamp(3.15rem,4.35vw,4rem) !important;
  line-height:1.05;
 }
 .site-header .brand span {
  font-size:clamp(1rem,1.35vw,1.25rem) !important;
  font-weight:600;
  letter-spacing:.09em;
  word-spacing:.12em;
  text-align:center;
  white-space:normal !important;
  overflow-wrap:normal;
 }
}
@media (min-width:851px) and (max-width:1120px) {
 .site-header .brand strong {font-size:3rem !important}
 .site-header .brand span {
  font-size:1rem !important;
  letter-spacing:.065em;
  text-align:center;
  white-space:normal !important;
 }
}
@media (min-width:341px) and (max-width:850px) {
 .site-header .brand strong {font-size:clamp(2rem,5vw,2.75rem) !important}
 .site-header .brand span {white-space:normal !important}
}

/* Keep the mobile menu in reading order even when its panel scrolls. */
@media (max-width:850px) {
 .site-header nav.open {
  flex-flow:column nowrap;
  justify-content:flex-start;
 }
 .site-header nav.open a {flex-shrink:0}
}