/*
  Type play — 2026-11-05
  yamada-ryosuke.com と aiconication.com で共通の「ずらし」の書体ルール。
  要素・写真・動画・配置・色・文章は変えず、書体・太さ・字間だけを上書きする。
  ・見出しの和文 … Shippori Mincho B1（欧文は Instrument Serif）
  ・見出しの中のティールの語 … Zen Kaku Gothic New の太字にずらす
  ・英字の強調・名前に添える英字 … Instrument Serif のイタリック
  ・縁取り／流れる大きな英字 … Anton
  ・小さなラベル … JetBrains Mono
  ・長い本文 … 字間 0.04em／行間 1.95
  このファイルは index.html と en/index.html の最後に読み込む。
*/
:root {
  --tp-serif: "Instrument Serif", "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --tp-gothic: "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  --tp-display: Anton, "Arial Narrow", sans-serif;
  --tp-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --serif: var(--tp-serif);
  --rf-serif: var(--tp-serif);
  --rf-mincho: var(--tp-serif);
  --news-serif: var(--tp-serif);
}
html { font-synthesis-weight: none; }

/* 見出し：和文 Shippori Mincho B1 600／欧文 Instrument Serif */
body #t-name > b.ch,
body #hdr > a.brand,
body #hdr > a.brand > b,
body #identity-role,
body #media-title,
body #projects-title,
body #shorts-title,
body #pod-title,
body .section-heading h2.sectitle,
body .section-heading h2.sectitle .nb,
body .story-lines > .story-line,
body .story-title,
body .story-honours__head > h3,
body .sitemap-stage .sitenode-copy > h3,
body .sitenode-title,
body #research-wall .rw-head > h3,
body .vcta-label,
body .tt-head__copy > h3,
body footer .big,
body .secskew > .kj {
  font-family: var(--tp-serif) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-feature-settings: "palt" !important;
  letter-spacing: .02em !important;
}
body .research-findings > article > h3,
body .tt-quote,
body .tt-flow > h4.tt-sub,
body .age-unit {
  font-family: var(--tp-serif) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-feature-settings: "palt" !important;
}
body .secskew > .kj { font-weight: 500 !important; }

/* 欧文だけの見出し・数字：Instrument Serif 400 */
body .section-index,
body .story-portrait figcaption > b,
body .age-num,
body .age-dash,
body .age-nav small,
body .story-stat > b,
body .story-year > small,
body .story-phase,
body .story-cert__copy > span,
body .section-heading .eyebrow.font-mincho,
body .tt-record__no,
body .tt-flow__step > span,
body #channel-heading,
body #ig-wall-title,
body #ig-wall-title > span,
body #note-wall-title,
body #note-wall-title > span,
body .social-directory > a > b {
  font-family: var(--tp-serif) !important;
  font-weight: 400 !important;
  letter-spacing: -.01em !important;
}

/* ずらし 01：見出しの中のティールの語をゴシックの太字に */
body .personal-intro h2::first-line,
body #identity-role::first-line {
  font-family: var(--tp-gothic);
  font-weight: 700;
  letter-spacing: -.01em;
}
body .sectitle .type-settle,
body .story-lines > .story-line:last-child,
body footer .big > b {
  font-family: var(--tp-gothic) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -.01em !important;
}

/* ずらし 02：英字の強調と、名前に添える英字はイタリック */
body #channel-heading > span,
body .story-portrait:last-of-type figcaption > b {
  font-family: var(--tp-serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
body #t-name > span:not(.ch),
body #hdr > a.brand > small {
  font-family: "Instrument Serif", serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}
body #t-name > span:not(.ch) { font-size: 26px !important; }
body #hdr > a.brand > small { font-size: 14px !important; }

/* ずらし 03：縁取り・流れる大きな英字は Anton、もう一本はイタリックの欧文 */
body .research-question,
body .hero-signature__line--two > span,
body .hero-signature__line--three > span {
  font-family: var(--tp-display) !important;
  font-weight: 400 !important;
  letter-spacing: .01em !important;
}
body .hero-signature__line--one > span {
  font-family: "Instrument Serif", serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: -.02em !important;
}

/* 筆記体だったラベルは、イタリックの欧文で遊びを残す */
body .font-script,
body .research-now,
body .research-now .nb {
  font-family: var(--tp-serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}
body .hero-signature__stamp.font-script { font-size: 15px !important; }

/* 小さなラベル：JetBrains Mono */
body #t-kicker,
body .hero-focus > span,
body .identity-eyebrow,
body .section-heading .eyebrow:not(.font-mincho),
body .story-kicker,
body .rf-kicker,
body .tt-record__en,
body .vcta-meta,
body .channel-kicker,
body .yt-note__meta,
body .social-section-head .story-phase,
body .pod-card__body > .story-phase {
  font-family: var(--tp-mono) !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
}

/* 長い本文：字間と行間を少し広げて読みやすく */
body .personal-intro__text,
body .compact-heading > p,
body .story-introtext,
body .story-text,
body .story-honours__head > p,
body .sitenode-desc,
body .mobile-detail-entry > p,
body .research-copy > p.lead,
body .research-long,
body .research-findings > article > p,
body .vcta-sub,
body .bansou-summary,
body .tt-intro,
body .tt-record > p,
body .channel-intro,
body .pod-card__lead,
body .ig-wall__head > p,
body .note-wall__head > p {
  letter-spacing: .04em !important;
  line-height: 1.95 !important;
}