/* Preserve the supplied artwork and apply the storefront palette when rendering. */
.brand-logo{
  display:block;
  position:relative;
  width:100%;
  aspect-ratio:1100/376;
  overflow:hidden;
}
.brand-logo>img{
  position:absolute;
  width:114%;
  max-width:none;
  height:auto;
  left:-7%;
  top:-117.0212766%;
  filter:url("#offmat-brand-ink");
}
.site-header .wordmark{
  width:220px;
  top:50%;
  transform:translate(-50%,-50%);
  font-size:0;
  line-height:0;
}
.mobile-menu .wordmark{
  width:144px;
  max-width:calc(100% - 60px);
  font-size:0;
  line-height:0;
  letter-spacing:normal;
}
.footer-wordmark{
  width:min(1100px,100%);
  margin-left:auto;
  margin-right:auto;
  font-size:0;
  line-height:0;
}
.footer-wordmark .brand-logo>img{filter:url("#offmat-brand-paper")}
.brand{
  display:block;
  width:180px;
  font-size:0;
  line-height:0;
  letter-spacing:normal;
}
@media(max-width:700px){
  .site-header .wordmark{width:166px;max-width:calc(100% - 180px)}
  .brand{width:150px}
}