/* JLD Imagery always uses the header's light, spaced sans-serif lettering. */
.jld-wordmark,.portal-brand{font-family:var(--font-body,Inter,sans-serif);font-weight:100;font-style:normal;letter-spacing:.34em;line-height:1.3;text-transform:uppercase}
.jld-wordmark{font-size:inherit}
.portal-brand{display:inline-block;font-size:clamp(20px,3vw,36px)}
@media(max-width:720px){.jld-wordmark,.portal-brand{letter-spacing:.2em}}

/* Give the wordmark and tagline more presence in the shared header. */
.site-header a.brand{font-size:clamp(24px,2.35vw,34px);line-height:1.3;align-self:center}
.site-header a.brand small{font-size:clamp(20px,1.95vw,28px);line-height:1.2;margin-top:6px}
@media(min-width:721px) and (max-width:1200px){
  .site-header{grid-template-rows:auto auto;row-gap:12px}
  .site-header a.brand{grid-row:1;font-size:clamp(22px,2.7vw,29px)}
  .site-header a.brand small{font-size:clamp(19px,2.3vw,24px)}
  .site-header .site-nav{grid-column:1/3!important;grid-row:2!important}
}
@media(max-width:720px){
  .site-header a.brand{font-size:clamp(15px,3vw,21px)}
  .site-header a.brand small{font-size:clamp(15px,2.7vw,19px);margin-top:5px}
}

/* Align the desktop navigation and tagline along the same bottom edge. */
@media(min-width:721px){
  .site-header{grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:28px;row-gap:12px!important;align-items:end}
  .site-header a.brand{grid-column:1!important;grid-row:1 / 3!important;align-self:end!important}
  .site-header .header-socials{grid-column:2!important;grid-row:1!important;align-self:start;justify-self:end}
  .site-header .header-socials .socials{gap:8px 18px}
  .site-header .site-nav{grid-column:2!important;grid-row:2!important;align-self:end!important;align-items:flex-end!important;justify-self:end!important;min-height:0}
  .site-header .site-nav .nav-destination{justify-content:flex-end;min-height:0}
}
@media(min-width:721px) and (max-width:1100px){
  .site-header{column-gap:18px!important}
  .site-header .site-nav{gap:14px}
  .site-header .site-nav .nav-label{font-size:11px}
  .site-header .site-nav .nav-destination[aria-current=page] .nav-label{font-size:36px}
  .site-header a.brand{font-size:22px!important}
  .site-header a.brand small{font-size:19px!important}
}

/* Align navigation lettering independently of the active item's overline. */
@media(min-width:721px){
  .site-header .site-nav{align-items:center!important;gap:clamp(22px,2.5vw,40px)!important}
  .site-header .site-nav .nav-destination{position:relative;justify-content:center;align-self:center;min-height:0;margin:0;padding:0}
  .site-header .site-nav .nav-destination .nav-overline{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:max-content;margin:0 0 3px}
  .site-header .site-nav .nav-destination .nav-label{margin:0;padding:0}
}
@media(min-width:721px) and (max-width:1100px){
  .site-header .site-nav{gap:18px!important}
}