/* Use the original customer image. Only its empty outer margin is hidden by CSS. */
.logo-brand{display:inline-flex;align-items:center;gap:12px;letter-spacing:0;white-space:nowrap;flex-shrink:0;text-decoration:none!important}
.logo-crop{display:block;position:relative;width:76px;height:72px;overflow:hidden;border-radius:3px;flex:none}
.logo-crop img{position:absolute;width:112px;height:112px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}
.brand-copy{display:block}
.brand-name{display:block;font-family:'Libre Caslon Display',Georgia,serif;font-size:31px;letter-spacing:-1px;line-height:1.1}
.logo-brand .brand-copy small{font-size:8px;letter-spacing:2.5px;margin-top:9px;text-align:left;padding-left:2px}
header .logo-brand{gap:10px}
footer .logo-brand{align-self:start;justify-self:start}
@media(max-width:900px){
  header .logo-crop{width:50px;height:48px}
  header .logo-crop img{width:76px;height:76px}
  header .logo-brand{gap:8px}
  header .brand-name{font-size:23px}
  header .logo-brand .brand-copy small{font-size:7px;letter-spacing:1.5px;margin-top:6px}
}
@media(max-width:600px){
  header .brand-name{font-size:22px}
  header .logo-brand .brand-copy small{font-size:6px;letter-spacing:1.3px}
}
@media(max-width:360px){
  header .brand-name{font-size:19px}
  header .logo-crop{width:43px;height:43px}
  header .logo-crop img{width:68px;height:68px}
  header .logo-brand{gap:6px}
  header .logo-brand .brand-copy small{font-size:5.5px;letter-spacing:1px}
}