/* header-brand-v1 — 指揮、2026-09-28。オーナー「ヘッダーのVAPOR-8の文字、めっちゃ画質粗くないか？」
   原因：文字は 2127px の wordmark.png をマスクにして約 99px（1023px 以下は約 75px）まで縮めていた。Chrome はマスク画像を
   粗く縮小するので、等倍表示で「V」の斜めや「8」の曲線が階段状に荒れていた（DPR 1 で明確、DPR 2 でも残る）。
   対策：マスクをやめ、文字部分だけを表示サイズぴったりに高品質縮小（Lanczos、アルファのみ）して紙色 #f3ecdc で塗った画像を
   1x / 2x / 3x で出す。切り出し範囲・位置・大きさは元のマスク指定と同じなので、見た目の位置は変わらない。 */
body.hs.eh-study.s55 .s13-header .s55-brand-word {
  -webkit-mask: none;
  mask: none;
  background: -webkit-image-set(url("assets/header-wordmark/wide-1x.png") 1x, url("assets/header-wordmark/wide-2x.png") 2x, url("assets/header-wordmark/wide-3x.png") 3x) 0 0 / 100% 100% no-repeat;
  background: image-set(url("assets/header-wordmark/wide-1x.png") 1x, url("assets/header-wordmark/wide-2x.png") 2x, url("assets/header-wordmark/wide-3x.png") 3x) 0 0 / 100% 100% no-repeat;
}
@media (max-width: 1023px) {
  body.hs.eh-study.s55 .s13-header .s55-brand-word {
    background: -webkit-image-set(url("assets/header-wordmark/narrow-1x.png") 1x, url("assets/header-wordmark/narrow-2x.png") 2x, url("assets/header-wordmark/narrow-3x.png") 3x) 0 0 / 100% 100% no-repeat;
    background: image-set(url("assets/header-wordmark/narrow-1x.png") 1x, url("assets/header-wordmark/narrow-2x.png") 2x, url("assets/header-wordmark/narrow-3x.png") 3x) 0 0 / 100% 100% no-repeat;
  }
}