/* Official artwork supplied by the client, displayed at its original ratio.
   The adjacent name is accessible page typography, not a redrawn logo. */
.wordmark{flex-direction:row;align-items:center;gap:12px}
.brand-symbol{display:block;flex:none;width:76px;height:76px;object-fit:contain;border-radius:50%}
.wordmark>.brand-nameplate{display:flex;flex-direction:column;font-size:inherit;letter-spacing:normal}
.brand-name{font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.055em}
.wordmark small{font-size:.75rem;font-weight:500;letter-spacing:.045em;margin-top:8px}
.footer-brand{display:flex;align-items:center;gap:14px;max-width:none}
.footer-brand .brand-symbol{width:64px;height:64px}
.footer-brand>span{line-height:1.8}
@media(max-width:1100px){
  .wordmark{gap:10px}.wordmark .brand-symbol{width:62px;height:62px}
  .brand-name{font-size:1.8rem}.wordmark small{font-size:.6875rem;letter-spacing:.02em}
}
@media(max-width:760px){
  .site-header{gap:10px}
  .wordmark{gap:8px}.wordmark .brand-symbol{width:54px;height:54px}
  .brand-name{font-size:1.6rem}.wordmark small{font-size:.6875rem;letter-spacing:0;margin-top:6px}
  .site-header .header-social{width:44px;height:44px;flex:none;justify-content:center;padding:0;gap:0}
  .site-header .header-social svg{display:block;width:18px;height:18px}
  .site-header .header-social>span{display:none}
  .footer-brand{max-width:220px;gap:10px}.footer-brand .brand-symbol{width:48px;height:48px}
}
@media(max-width:370px){
  .wordmark .brand-symbol{width:44px;height:44px}.brand-name{font-size:1.45rem}
  .wordmark small{font-size:.625rem}.footer-brand{max-width:175px;gap:8px}
  .footer-brand .brand-symbol{width:40px;height:40px}
  .site-footer{gap:12px}.footer-top{gap:7px}
}