/* Original title treatment inspired by the fine Mincho lettering of anime film posters. */
@font-face{
  font-family:'Shippori Mincho B1';font-style:normal;font-weight:400;font-display:swap;
  src:url('assets/shippori-mincho-b1-brand.woff2') format('woff2');
}
.brand{min-width:0;gap:14px;flex:0 1 auto}
.brand-copy{display:block;min-width:0}
.brand-title{
  display:block;font:400 36px/1.2 'Shippori Mincho B1',var(--serif);
  letter-spacing:.045em;white-space:nowrap;text-shadow:0 1px 0 #fff9ee80;
}
.brand-mark{
  flex:0 0 auto;width:43px;height:48px;
  font:400 30px/1 'Shippori Mincho B1',serif;
}
.brand-sub{
  margin-top:8px;font:400 9px/1.6 var(--sans);letter-spacing:.09em;
  text-transform:none;max-width:100%;text-wrap:pretty;
}
.header-actions{flex:0 0 auto}
@media(max-width:1000px) and (min-width:701px){
  .brand-title{font-size:30px}.brand-sub{font-size:8px;letter-spacing:.07em}
  .edition{display:none}
}
@media(max-width:700px){
  .masthead{gap:12px;position:relative}.brand{gap:10px}.brand-title{font-size:26px;letter-spacing:.035em}
  .brand-mark{width:33px;height:40px;font-size:26px}
  .brand-sub{margin-top:6px;font-size:7.5px;letter-spacing:.025em;max-width:195px}
  .music-status{position:absolute;top:auto;bottom:6px;right:6vw;max-width:180px;text-align:right}
}
@media(max-width:380px){
  .masthead{gap:10px}.brand{gap:8px}.brand-title{font-size:23px;letter-spacing:.025em}
  .brand-mark{width:29px;height:36px;font-size:23px}
  .brand-sub{font-size:7px;letter-spacing:.015em;max-width:165px}
}
@media(max-width:350px){.brand-title{font-size:22px}}