/* ------------------------------------------------*/
/* KOZO custom overrides                            */
/* ------------------------------------------------*/

/* Clients & labels — KOZOのロゴは正方形のためテンプレ既定(4.2rem)より大きく表示 */
.mxd-clients__logo {
  height: 9rem;
}
@media only screen and (min-width: 768px) {
  .mxd-clients__logo {
    height: 12rem;
  }
}

/* TOPキャッチコピー — 極太サンセリフ(Anton) × セリフイタリック(Instrument Serif)の混植 */
.mxd-hero-06__headline .kozo-hero-title {
  font-family: 'Anton', 'Manrope', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.04;
  font-size: clamp(5.2rem, 9.5vw, 13rem);
}
.mxd-hero-06__headline .kozo-hero-title em {
  font-family: 'Instrument Serif', Georgia, serif;
  font-style: italic;
  font-weight: 400;
  text-transform: lowercase;
  letter-spacing: 0;
  font-size: .95em;
  padding-right: .05em;
}
/* SplitText の行マスクで descender(y の下端など)が切れないよう余白を確保 */
.mxd-hero-06__headline .kozo-hero-title .line {
  padding-bottom: .09em;
  margin-bottom: -.09em;
}

/* TOPキャプション — テンプレ既定(30px/太字)は大きすぎるため通常ウェイト・小さめに */
.mxd-hero-06__caption p {
  font-weight: 400;
  line-height: 1.55;
}
@media only screen and (min-width: 1200px) {
  .mxd-hero-06__caption {
    max-width: 470px;
  }
  .mxd-hero-06__caption p {
    font-size: 1.8rem;
  }
}

/* フッターを画面下端の固定ブラー(.blur-container, z-index:10)より上に出す。
   最下部のSNSリンクがブラー帯に入りっぱなしで読めなくなるのを防ぐ */
.mxd-footer {
  z-index: 11;
}