/* Local portal identities; the adjacent text supplies the accessible logo name. */
.site-header .header-inner{gap:12px 28px}
.site-header .brand{gap:12px;flex-shrink:0;max-width:100%;white-space:normal}
.site-header .brand-mark{display:block;width:84px;height:56px;flex:0 0 84px;line-height:0}
.site-header .brand-logo{display:block;width:100%;height:100%;object-fit:contain}
.site-header .brand-text{display:block;min-width:0;font-size:22px;font-weight:700;line-height:1.2;letter-spacing:-.45px}
.site-header .brand-name{display:block}
.site-header .brand-place{display:block;margin-top:3px;font-size:15px;font-weight:500;line-height:1.25;letter-spacing:.015em;color:var(--ink-soft)}
.site-header .header-nav{flex:1 1 auto;column-gap:24px;row-gap:8px}
.site-footer .footer-brand{display:inline-flex;align-items:center;gap:12px;max-width:100%}
.site-footer .footer-brand-mark{display:block;width:60px;height:40px;flex:0 0 60px;line-height:0}
.site-footer .footer-brand-logo{display:block;width:100%;height:100%;object-fit:contain}
.site-footer .footer-inner nav{flex-wrap:wrap;row-gap:12px}
@media(max-width:1500px){.site-header .header-caption{display:none}}
@media(max-width:1200px){
  .site-header .header-inner{flex-wrap:wrap;gap:12px 24px;padding-top:14px;padding-bottom:14px}
  .site-header .header-nav{flex:1 1 100%;align-self:auto;column-gap:22px;row-gap:10px}
  .site-header .header-nav>a{min-height:32px}
  .site-header .header-nav>a.active:after{bottom:0}
  .site-header .brand-mark{width:72px;height:48px;flex-basis:72px}
}
@media(max-width:560px){
  .site-header .brand{gap:10px}
  .site-header .brand-mark{width:60px;height:40px;flex-basis:60px}
  .site-header .brand-text{font-size:19px}
  .site-header .brand-place{font-size:14px;margin-top:2px}
  .site-header .header-nav{column-gap:18px;row-gap:8px}
  .site-footer .footer-brand-mark{width:54px;height:36px;flex-basis:54px}
}

/* Wide landmark compositions keep their proportions at every breakpoint. */
.site-header .brand-mark-landmark{width:132px;height:64px;flex-basis:132px}
.site-footer .footer-brand-mark-landmark{width:112px;height:56px;flex-basis:112px}
@media(max-width:1200px){.site-header .brand-mark-landmark{width:120px;height:60px;flex-basis:120px}}
@media(max-width:560px){
  .site-header .brand-mark-landmark{width:104px;height:52px;flex-basis:104px}
  .site-footer .footer-brand-mark-landmark{width:96px;height:48px;flex-basis:96px}
}
@media(max-width:350px){.site-header .brand-mark-landmark{width:90px;height:48px;flex-basis:90px}}