.intro h2{font-weight:400;font-size:clamp(26px,2.8vw,36px);letter-spacing:.04em;line-height:1.5;margin:16px 0 32px}
.intro p{font-size:18px}

/* 年表 */
.era{display:grid;grid-template-columns:3fr 4fr 5fr;gap:clamp(28px,5vw,80px);align-items:start;padding:clamp(56px,7vw,96px) 0;border-top:1px solid var(--line)}
.era:last-child{border-bottom:1px solid var(--line)}
.era .year{font-family:var(--serif-en);font-weight:300;font-size:clamp(56px,6.4vw,96px);line-height:1;letter-spacing:.02em}
.era .year small{display:block;font-size:13px;letter-spacing:.3em;color:var(--gold);margin-top:14px;text-transform:uppercase}
.era h3{font-weight:400;font-size:clamp(24px,2.4vw,30px);letter-spacing:.04em;line-height:1.4;margin-bottom:18px}
.era p{color:var(--sub);font-size:17px}
.era .text-link{margin-top:20px}
.era figure{margin:0}
.era figure .ph{overflow:hidden;background:var(--beige)}
.era figcaption{font-size:15px;font-style:italic;color:var(--sub);margin-top:12px;line-height:1.6}

/* 人物 */
.person{display:grid;grid-template-columns:5fr 7fr;gap:clamp(36px,6vw,96px);align-items:center;margin-bottom:clamp(72px,9vw,120px)}
.person:last-child{margin-bottom:0}
.person:nth-child(even){grid-template-columns:7fr 5fr}
.person:nth-child(even) .pic{order:2}
.person .pic{aspect-ratio:3/4;overflow:hidden;background:var(--beige)}
.person .role{font-family:var(--serif-en);color:var(--gold);letter-spacing:.3em;font-size:13px}
.person .rel{letter-spacing:.2em;color:var(--sub);margin-left:14px;padding-left:14px;border-left:1px solid var(--line)}
.person .name{font-family:var(--serif-en);font-size:clamp(32px,3.2vw,42px);letter-spacing:.08em;line-height:1.3;margin-top:8px}
.person .roman{font-family:var(--serif-ja);font-size:14px;letter-spacing:.2em;color:var(--sub);margin:4px 0 24px}
.person p{color:var(--sub);font-size:17px}
.person p + p{margin-top:14px}
.person .todo{margin-left:0;text-align:left}

@media (max-width:860px){
  .era{grid-template-columns:1fr;gap:20px}
  .person,.person:nth-child(even){grid-template-columns:1fr}
  .person:nth-child(even) .pic{order:0}
  .person .pic{max-width:360px}
}
