/* Olsen Steiner v6.5 — canonical brand lockup.
   One master geometry is used in every header/footer; only the foreground colour changes. */
.brand.brand-lockup{
  display:inline-flex;align-items:center;line-height:0;flex:none;white-space:nowrap;
  font-size:0;letter-spacing:0;
}
.brand.brand-lockup .brand-logo{
  display:block;width:clamp(238px,19vw,320px);height:auto;max-width:none;flex:none;
}
.footer-brand-stack{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.brand.brand-lockup-footer .brand-logo{width:clamp(220px,17vw,275px)}
.footer-brand-descriptor{
  display:block;margin-top:10px;font-family:var(--sans);font-size:7px;font-weight:400;
  letter-spacing:.19em;line-height:1.55;max-width:390px;opacity:.78;
}
@media(max-width:1199px){
  .home .on-hero .brand.brand-lockup .brand-logo{width:238px}
}
@media(max-width:580px){
  .brand.brand-lockup .brand-logo,.home .on-hero .brand.brand-lockup .brand-logo{width:214px}
  .brand.brand-lockup-footer .brand-logo{width:220px}
  .footer-brand-descriptor{font-size:6px;max-width:290px;letter-spacing:.15em}
}
@media(max-width:370px){
  .brand.brand-lockup .brand-logo,.home .on-hero .brand.brand-lockup .brand-logo{width:198px}
}