/* =========================================================
   pages.css — 内部ページ用の最小レイアウト補助。
   ※ デザイン判断・新デザイン言語は導入しない。見本(theme.css)の
     トークン(--night/--paper/--ink/--amber-deep/--line-light 等)と
     既存クラス(.wrap/.sec-head/.card/.covers/.btn)のみで構成。
   ※ 日本語は「本文」扱い（h1/h2の英語大見出しには一切使わない）。
   ========================================================= */

/* スライドショー：広い画面で枠(max-height:460)が画像より横長になり cover が上下を切るため、
   表示位置を上寄せして人物の頭が切れないようにする（theme.cssは変更せずここで上書き）。 */
.slideshow img{object-position:50% 20%}

/* 内部ページの上部帯（英語大見出し） */
.page-hero{background:var(--night);color:var(--snow);padding:72px 0 60px;border-bottom:1px solid var(--line-dark)}
.page-hero .eyebrow{color:var(--amber);font-family:var(--display);font-size:19px;letter-spacing:.34em;text-transform:uppercase;font-weight:700}
.page-hero h1{font-family:var(--display);font-weight:400;font-size:clamp(44px,7vw,78px);letter-spacing:.1em;text-transform:uppercase;margin:14px 0 6px;color:var(--snow)}
.page-hero .sub{color:var(--snow-soft);font-size:20px}

/* 本文コンテナ */
.prose{max-width:760px;margin:0 auto}
.prose p{margin:0 0 1.3em;font-size:var(--body-size)}
.prose .lead-note{background:#fff;border:1px solid var(--line-light);border-radius:14px;padding:26px 28px;margin:0 0 2em;line-height:2}
/* 日本語コンテンツ見出し（本文扱い＝h要素にしない） */
.c-head{font-family:var(--gothic);font-weight:700;font-size:26px;line-height:1.5;color:var(--ink);
  border-left:5px solid var(--amber-deep);padding-left:14px;margin:2em 0 .7em}
.figure{margin:1.2em 0}
.figure img{width:100%;border-radius:12px;border:1px solid var(--line-light)}
.figure.sm img{max-width:300px;margin:0 auto}
.figure figcaption{font-size:17px;color:var(--ink-soft);margin-top:.5em;text-align:center}

/* プロフィール頭 */
.person{text-align:center;margin-bottom:34px}
.person img{width:170px;height:170px;border-radius:50%;object-fit:cover;border:4px solid var(--paper);
  box-shadow:0 8px 26px rgba(0,0,0,.18);margin:0 auto}
.person .reading{color:var(--ink-soft);letter-spacing:.24em;font-weight:700;margin-top:14px}
.person .born{color:var(--ink-soft);margin-top:6px}

/* 経歴 タイムライン */
.timeline{max-width:760px;margin:0 auto;list-style:none;border-left:3px solid var(--line-light);padding-left:0}
.timeline li{position:relative;padding:0 0 1.6em 26px;margin-left:3px}
.timeline li::before{content:"";position:absolute;left:-9px;top:.55em;width:12px;height:12px;border-radius:50%;
  background:var(--amber-deep);border:2px solid var(--paper)}
.timeline .yr{display:block;font-family:var(--display);font-weight:400;color:var(--amber-deep);font-size:22px;letter-spacing:.04em;margin-bottom:.1em}
.timeline .tx{font-size:20px;line-height:1.8}

/* WORKS */
.worklist{max-width:820px;margin:0 auto}
.worklist .w{margin:1.4em 0;border-bottom:1px solid var(--line-light);padding-bottom:1.2em}
.worklist .w .cat{font-family:var(--gothic);font-weight:700;font-size:21px;color:var(--ink);margin:0 0 .35em}
.worklist .w p{font-size:19px;color:var(--ink-soft);line-height:1.85;margin:0}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;padding:0;margin:1.4em 0 0}
.chips li{background:#fff;border:1px solid var(--line-light);border-radius:999px;padding:6px 16px;font-weight:500;font-size:18px}

/* ディスコグラフィ 動画・クレジット */
.rows{max-width:820px;margin:0 auto;display:grid;gap:14px}
.row{background:var(--night-2);border:1px solid var(--line-dark);border-radius:12px;padding:18px 22px;
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}
.row .t{font-size:20px;color:var(--snow);margin:0}
.row .r{font-size:18px;color:var(--snow-soft);margin:.2em 0 0}
.row .btn{font-size:18px;padding:12px 24px}

/* 写真ギャラリー（縦写真をそのまま大きく・クロップしない） */
.photo-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px;margin:0 auto;align-items:start}
.photo-gallery figure{margin:0;background:#000;border:1px solid var(--line-light);border-radius:12px;overflow:hidden}
.photo-gallery img{width:100%;height:auto;display:block}
.photo-gallery figcaption{font-size:16px;color:var(--ink-soft);padding:10px 12px;background:#fff}
@media(max-width:640px){.photo-gallery{grid-template-columns:1fr}}

/* 連絡先 */
.contact-box{max-width:640px;margin:0 auto;text-align:center;background:#fff;border:1px solid var(--line-light);
  border-radius:14px;padding:40px 30px}
.contact-box p{font-size:20px;color:var(--ink)}
.contact-box .email{font-family:var(--display);font-size:26px;font-weight:400;letter-spacing:.04em;color:var(--ink);margin:18px 0;word-break:break-all}
.contact-box .note{font-size:17px;color:var(--ink-soft);margin-top:22px}

/* 記事本文 */
.article{max-width:760px;margin:0 auto}
.article .article-title{font-family:var(--gothic);font-weight:700;font-size:clamp(30px,5vw,42px);
  line-height:1.5;color:var(--ink);margin:0 0 10px}
.article .meta{color:var(--ink-soft);font-size:18px;margin:0 0 1.8em;letter-spacing:.05em}
.article h3{font-family:var(--gothic);font-weight:700;font-size:27px;color:var(--ink);margin:1.8em 0 .5em}
.article h4{font-family:var(--gothic);font-weight:700;font-size:23px;color:var(--ink);margin:1.5em 0 .5em}
.article p{margin:0 0 1.3em}
.article ul,.article ol{margin:0 0 1.3em;padding-left:1.4em}
.article li{margin:.35em 0}
.article blockquote{margin:1.5em 0;padding:.8em 1.2em;border-left:5px solid var(--amber-deep);background:#fff;border-radius:0 10px 10px 0}
.article img{border-radius:12px;margin:1.2em 0}
.article code{background:#efece4;padding:.1em .4em;border-radius:5px;font-size:.95em}
.back-link{max-width:760px;margin:2.4em auto 0}
.back-link a{font-family:var(--display);letter-spacing:.1em;color:var(--amber-deep);font-weight:700}

/* 記事一覧ヒーロー（JOURNAL） */
@media (max-width:640px){
  .timeline .tx{font-size:19px}
  .row{flex-direction:column;align-items:flex-start}
}