.cm-photo{height:clamp(280px,46vh,520px);position:relative;overflow:hidden}.cm-photo img{object-fit:cover;object-position:50% 30%;filter:saturate(.85)sepia(.12);width:100%;height:100%;transition:transform 6s linear;transform:scale(1.04)}.cm-photo.is-in img{transform:scale(1)}.cm-photo figcaption{left:var(--gutter);right:var(--gutter);color:#fff;text-shadow:0 2px 12px #00000080;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:24px}.cm-photo figcaption span{font-size:var(--fs-h3);letter-spacing:.16em}.cm-photo figcaption small{opacity:.8;font-size:var(--fs-tiny)}.cm-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#17140f99);position:absolute;inset:0}.cm-photo figcaption{z-index:1}.cm{padding-top:clamp(56px,10vh,120px);padding-bottom:clamp(80px,12vh,140px)}.cm-line{gap:clamp(28px,5vh,56px);list-style:none;display:grid;position:relative}.cm-line:before{content:"";background:linear-gradient(var(--c-line-strong), var(--c-line-strong) 90%, transparent);width:1px;position:absolute;top:0;bottom:0;left:180px}.cm-item{grid-template-columns:180px minmax(0,1fr);gap:0;display:grid;position:relative}.cm-era{text-align:right;padding:22px 32px 0 0}.cm-era b{font-family:var(--font-serif);font-size:1.4rem;display:block}.cm-era small{font-size:var(--fs-tiny);color:var(--c-muted)}.cm-item:before{content:"";background:var(--c-paper);border:2px solid var(--c-cinnabar);width:11px;height:11px;transition:background .3s, transform .4s var(--ease-out);position:absolute;top:30px;left:175px;transform:rotate(45deg)}.cm-item:hover:before,.cm-item.is-open:before{background:var(--c-cinnabar);transform:rotate(45deg)scale(1.2)}.cm-card{border:1px solid var(--c-line-strong);border-radius:var(--radius);transition:border-color .4s, box-shadow .5s var(--ease-out), background .4s;background:#fffcf599;grid-template-columns:auto minmax(0,1fr);gap:24px;margin-left:40px;padding:24px 28px;display:grid}.cm-item:hover .cm-card{border-color:var(--c-ink);box-shadow:var(--shadow);background:#fffdf8}.cm-avatar{width:2.6em;height:2.6em;transition:transform .6s var(--ease-out);font-size:1.5rem}.cm-item:hover .cm-avatar{transform:rotate(-6deg)}.cm-name{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.cm-name h2{font-size:var(--fs-h3)}.cm-name span{font-size:var(--fs-small);color:var(--c-muted)}.cm-title{font-size:var(--fs-small);color:var(--c-cinnabar);letter-spacing:.1em;margin-top:2px}.cm-sum{color:var(--c-ink-2);margin-top:10px}.cm-quote{border-left:2px solid var(--c-cinnabar);font-family:var(--font-serif);margin-top:14px;padding-left:16px;font-size:1.05rem;font-weight:700}.cm-quote cite{font-family:var(--font-sans);font-style:normal;font-weight:400;font-size:var(--fs-tiny);color:var(--c-muted);margin-top:2px;display:block}.cm-toggle{margin-top:14px}.cm-toggle .arrow{transition:transform .4s var(--ease-out);display:inline-block}.cm-item.is-open .cm-toggle .arrow{transform:rotate(180deg)}.cm-more{transition:grid-template-rows .6s var(--ease-out);grid-template-rows:0fr;display:grid}.cm-item.is-open .cm-more{grid-template-rows:1fr}.cm-more>div{overflow:hidden}.cm-more p{color:var(--c-ink-2);margin-top:12px}.cm-links{border-top:1px dashed var(--c-line-strong);flex-wrap:wrap;gap:8px 24px;margin-top:14px;padding-top:12px;display:flex}@media (width<=1079px){.cm-line:before{left:6px}.cm-item{grid-template-columns:1fr}.cm-item:before{top:6px;left:1px}.cm-era{text-align:left;align-items:baseline;gap:12px;padding:0 0 8px 32px;display:flex}.cm-era b{display:inline}.cm-card{margin-left:32px}}@media (width<=600px){.cm-card{grid-template-columns:1fr;gap:12px;padding:20px}.cm-photo figcaption{flex-direction:column;align-items:flex-start}}