.history-introduction{padding:clamp(46px,7vw,92px) 0;background:linear-gradient(135deg,#f7ecd5,#e8d1a4);border-bottom:1px solid rgba(111,71,30,.25)}.history-introduction-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(30px,6vw,92px);align-items:end}.history-introduction h2,.history-companion-cards h2{font-family:var(--display);font-size:clamp(2.1rem,4vw,4rem);line-height:1.05;margin:.22em 0 .4em;color:#5b2119;text-wrap:balance}.history-introduction p{max-width:690px;font-size:1.1rem;line-height:1.8;color:#594332}.history-edit-note{padding:23px 25px!important;border-left:3px solid #8a5f31;background:rgba(255,250,235,.52);font-size:.98rem!important}.history-edit-note strong{display:block;color:#741f1b;margin-bottom:.35em}.history-edit-note a,.history-copy a{color:#741f1b;font-weight:700}.history-index{display:grid;grid-template-columns:repeat(5,1fr);margin-top:clamp(28px,5vw,64px);margin-bottom:clamp(28px,5vw,64px);border:1px solid rgba(123,79,36,.34)}.history-index a{min-height:126px;padding:20px 18px;border-right:1px solid rgba(123,79,36,.25);display:flex;flex-direction:column;gap:10px;justify-content:center;text-decoration:none;color:#452218;font-family:var(--display);font-size:1.1rem;line-height:1.12;background:#f6ead1}.history-index a:last-child{border-right:0}.history-index a:hover{background:#ead7ae}.history-index span{font-family:var(--body);font-size:.72rem;letter-spacing:.16em;color:#8a5f31;font-weight:700}.history-archive{padding:clamp(24px,5vw,68px) 0 clamp(64px,9vw,112px);background:linear-gradient(rgba(231,211,169,.55),rgba(221,196,145,.62)),var(--parch-texture);background-size:auto,520px auto}.history-archive-shell{max-width:960px}.history-copy{padding:clamp(32px,6vw,70px);background:rgba(255,249,231,.8);border:1px solid rgba(115,76,35,.42);box-shadow:0 18px 45px rgba(67,39,13,.12)}.history-copy h2{margin:1.7em 0 .55em;padding-top:1.35em;border-top:1px solid rgba(121,78,34,.32);font-family:var(--display);font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.1;color:#5b2119}.history-copy h2:first-child{margin-top:0;padding-top:0;border-top:0}.history-copy h3{margin:1.55em 0 .35em;font-family:var(--display);font-size:1.5rem;color:#7a3a22}.history-copy p{max-width:760px;margin:.75em 0;line-height:1.82;font-size:1.06rem;color:#49382b}.history-companion-cards{padding:clamp(64px,9vw,112px) 0;background:#211710;color:#f5e8cf}.history-companion-cards h2{color:#f6e8cc;max-width:680px}.history-people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}.history-people-grid article{margin:0;background:#33231a;border:1px solid rgba(214,179,108,.4);overflow:hidden}.history-people-grid img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.history-people-grid div{padding:16px}.history-people-grid h3{margin:0 0 .3em;font-family:var(--display);font-size:1.35rem;color:#f4d894}.history-people-grid p{margin:0;color:#d9c4a7;font-size:.9rem}@media(max-width:850px){.history-introduction-grid{grid-template-columns:1fr}.history-index{grid-template-columns:repeat(2,1fr)}.history-index a:nth-child(2){border-right:0}.history-index a:nth-child(-n+3){border-bottom:1px solid rgba(123,79,36,.25)}.history-index a:last-child{border-right:1px solid rgba(123,79,36,.25)}.history-people-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.history-index{grid-template-columns:1fr}.history-index a,.history-index a:last-child{min-height:84px;border-right:0;border-bottom:1px solid rgba(123,79,36,.25)}.history-index a:last-child{border-bottom:0}.history-copy{padding:32px 24px}.history-copy p{font-size:1rem}.history-people-grid{gap:12px}.history-people-grid div{padding:13px}.history-people-grid h3{font-size:1.15rem}}
.major-portraits{padding:clamp(55px,8vw,100px) 0 0;background:#f5e7c9}.major-portraits h2{font-family:var(--display);font-size:clamp(2rem,3.7vw,3.45rem);line-height:1.1;color:#5b2119;margin:.25em 0}.major-portraits-intro{max-width:660px;color:#594332;line-height:1.7;margin:0 0 35px}.major-portrait-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.8vw,24px);align-items:end}.major-portrait-grid figure{margin:0;min-width:0;background:#2b1c14;padding:8px 8px 0;border:1px solid #a87b43;box-shadow:0 12px 25px rgba(61,34,12,.18)}.major-portrait-grid a{display:block;text-decoration:none}.major-portrait-grid img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;filter:saturate(.82) contrast(1.04);transition:filter .18s,transform .18s}.major-portrait-grid a:hover img,.major-portrait-grid a:focus-visible img{filter:saturate(1) contrast(1.05);transform:translateY(-4px)}.major-portrait-grid figcaption{padding:13px 5px 15px;color:#f4dfb2;font-family:var(--display);font-size:clamp(.82rem,1.4vw,1.12rem);line-height:1.2;text-align:center}.major-portrait-grid figcaption span{display:block;margin-top:7px;color:#d7b778;font-family:var(--body);font-size:.7rem;letter-spacing:.06em}@media(max-width:850px){.major-portrait-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.major-portrait-grid{grid-template-columns:repeat(2,1fr)}}
.minor-portraits{padding:clamp(52px,8vw,94px) 0;background:#2a1b14;color:#f4e6cd;border-top:1px solid rgba(168,123,67,.55)}.minor-portraits h2{font-family:var(--display);font-size:clamp(2rem,3.7vw,3.45rem);line-height:1.1;color:#f4dfb2;margin:.25em 0}.minor-portraits-intro{max-width:700px;color:#ddc6a3;line-height:1.7;margin:0 0 35px}.minor-portrait-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,25px)}.minor-portrait-grid figure{margin:0;min-width:0;background:#160f0b;padding:7px 7px 0;border:1px solid rgba(207,166,96,.65);box-shadow:0 13px 28px rgba(0,0,0,.3)}.minor-portrait-grid a{display:block;text-decoration:none;color:inherit}.minor-portrait-grid img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;filter:saturate(.74) contrast(1.05);transition:filter .18s,transform .18s}.minor-portrait-grid a:hover img,.minor-portrait-grid a:focus-visible img{filter:saturate(1) contrast(1.08);transform:translateY(-4px)}.minor-portrait-grid figcaption{padding:12px 5px 14px;color:#f4dfb2;font-family:var(--display);font-size:clamp(.85rem,1.35vw,1.08rem);line-height:1.2;text-align:center}.minor-portrait-grid figcaption span{display:block;margin-top:7px;color:#d7b778;font-family:var(--body);font-size:.7rem;letter-spacing:.06em}.minor-portrait-grid .chronicle-panel{min-height:100%;aspect-ratio:3/4;padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;background:radial-gradient(circle at center,#4c2a1d 0,#27150f 68%);border:1px solid rgba(216,178,106,.45);transition:transform .18s,background .18s}.minor-portrait-grid .chronicle-panel:hover,.minor-portrait-grid .chronicle-panel:focus-visible{transform:translateY(-4px);background:radial-gradient(circle at center,#603525 0,#27150f 68%)}.chronicle-mark{font-size:1.8rem;color:#d6ae67}.chronicle-panel strong{font:700 .66rem var(--body);letter-spacing:.16em;text-transform:uppercase;color:#d7b778}.chronicle-panel em{font-family:var(--display);font-style:normal;font-size:clamp(1rem,1.6vw,1.32rem);line-height:1.15;color:#f6e8cc}.chronicle-panel small{font-size:.7rem;letter-spacing:.06em;color:#d7b778}@media(max-width:850px){.minor-portrait-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.minor-portrait-grid{grid-template-columns:repeat(2,1fr)}}

/* The portraits now hold the character navigation; the overview stays concise. */
.history-introduction{padding:clamp(34px,5vw,62px) 0}
.history-introduction-grid{grid-template-columns:1fr}
.history-introduction-grid>div{max-width:850px}
.history-index{margin-top:clamp(22px,4vw,46px);margin-bottom:clamp(22px,4vw,46px)}
.history-copy h2{scroll-margin-top:95px}
.major-portraits h2,.minor-portraits h2{scroll-margin-top:95px}