/* Compact editorial wordmark */
.site-header .brand{
  position:relative;
  display:inline-flex;
  align-items:flex-start;
  gap:5px;
  min-width:184px;
  height:34px;
  padding-bottom:13px;
  color:#fff;
  font-size:inherit;
  letter-spacing:normal;
  line-height:1;
  text-transform:uppercase;
}
.brand-first{
  font:500 11px/1 'DM Mono',monospace;
  letter-spacing:.17em;
}
.brand-amp{
  margin:0 1px;
  font:500 25px/.85 'Playfair Display',serif;
  font-style:italic;
}
.brand-last{
  padding-top:3px;
  font:500 17px/1 'Playfair Display',serif;
  letter-spacing:-.075em;
}
.brand small{
  position:absolute;
  bottom:0;
  left:0;
  font:9px/1 'DM Mono',monospace;
  letter-spacing:.19em;
  opacity:.78;
}
.brand::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:1px;
  height:1px;
  background:currentColor;
  opacity:.9;
  transform-origin:left;
  transition:transform .35s ease;
}
.brand:hover::after{transform:scaleX(.38)}
@media(max-width:700px){
  .site-header .brand{min-width:158px;height:31px;gap:4px;padding-bottom:12px}
  .brand-first{font-size:9px}
  .brand-amp{font-size:22px}
  .brand-last{font-size:15px}
  .brand small{font-size:8px}
}