/* 家族の物語（一覧）専用 */
.page-blog h1, .page-blog h2, .page-blog h3{font-family:var(--disp);font-weight:700;line-height:1.5;text-wrap:balance;margin:0}
.page-blog .crumb{margin-left:auto;font-size:13px;color:var(--ink-soft)}
.page-blog .crumb a{text-decoration:none}
.page-blog .top{padding-top:40px;padding-bottom:0}
.page-blog .eyebrow{font-family:var(--num);font-size:11px;letter-spacing:.2em;color:var(--accent);
  text-transform:uppercase;margin-bottom:12px}
.page-blog .top h1{font-size:27px;line-height:1.62}
.page-blog .top .lead{margin-top:18px;color:var(--ink-soft);font-size:15px;max-width:34em}
@media(min-width:900px){
.page-blog .top h1{font-size:36px}
}
.page-blog .filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.page-blog .filters a{font-size:13px;padding:8px 15px;border:1px solid var(--rule);border-radius:999px;
  text-decoration:none;background:var(--surface);white-space:nowrap;transition:border-color .2s,background-color .2s}
.page-blog .filters a.is-on{background:var(--accent);color:#fff;border-color:var(--accent)}
.page-blog .filters a:not(.is-on):hover{border-color:var(--accent)}
.page-blog section{padding:44px 0 64px}
@media(min-width:900px){
.page-blog section{padding:56px 0 90px}
}
.page-blog .feed{display:grid;gap:40px}
.page-blog .story{text-decoration:none;display:grid;gap:14px}
.page-blog .story .ph{position:relative;overflow:hidden;border-radius:3px;box-shadow:var(--shadow)}
.page-blog .story .ph img{aspect-ratio:3/2;object-fit:cover;transition:transform .3s}
.page-blog .story:hover .ph img{transform:scale(1.02)}
.page-blog .story .kicker{font-family:var(--disp);font-weight:500;font-size:12.5px;color:var(--accent)}
.page-blog .story h2, .page-blog .story h3{font-size:17px;line-height:1.65}
.page-blog .story time{font-family:var(--num);font-size:12px;color:var(--ink-soft);letter-spacing:.08em}
.page-blog .story .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.page-blog .story .tags span{font-size:11.5px;color:var(--ink-soft);border:1px solid var(--rule);
  padding:3px 9px;border-radius:999px}
.page-blog .feed .lead-story{display:grid;gap:20px}
.page-blog .feed .lead-story h2{font-size:22px}
.page-blog .feed .lead-story .ph img{aspect-ratio:16/9}
@media(min-width:820px){
.page-blog .feed{grid-template-columns:repeat(2,1fr);gap:44px 34px}
.page-blog .feed .lead-story{grid-column:1/-1}
.page-blog .feed .lead-story{grid-template-columns:1.15fr 1fr;align-items:center;gap:40px}
.page-blog .feed .lead-story .ph img{aspect-ratio:4/3}
}
.page-blog .more{text-align:center;margin-top:52px}
.page-blog .more p{font-size:13px;color:var(--ink-soft);margin-top:14px}
.page-blog .js-reveal .reveal{opacity:0;transform:translateY(12px) scale(1.01);filter:blur(5px)}
.page-blog .js-reveal .reveal.is-in{opacity:1;transform:none;filter:none;
  transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1),
             filter .62s ease-out}