:root{color-scheme:dark;--ink:#e9e3d7;--muted:#b7c8cd;--gold:#dcc49a;--surface:#142732;--back:#0c1822}*{box-sizing:border-box}html{scroll-padding-top:80px}body{margin:0;background:var(--room-bg,var(--back));color:var(--room-ink,var(--ink));font:15px/1.7 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--room-accent,var(--gold));outline-offset:5px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(3rem,6vw,5.9rem);margin:.6em 0 .35em}h1 em{color:var(--room-accent,var(--gold))}h2{font-size:clamp(1.8rem,3vw,2.7rem)}p{max-width:60ch}main,.gallery-header,footer{width:min(1320px,91%);margin:auto}.gallery-header{display:flex;justify-content:space-between;gap:1rem;padding:1.8rem 0;border-bottom:1px solid #8295a144;font-size:.8rem}.gallery-intro{padding:3rem 0 2rem}.gallery-intro>p:last-child{font-size:1.05rem;color:var(--room-ink,var(--muted));max-width:57ch}.eyebrow{font-size:.65rem;letter-spacing:.16em;color:var(--room-accent,var(--gold));font-weight:600}.gallery-controls{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.gallery-controls h2{margin-right:auto}.gallery-controls label{display:grid;gap:5px;font-size:.75rem}.gallery-controls input,.gallery-controls select{border:1px solid #76929d80;border-radius:4px;background:var(--room-panel,var(--surface));color:inherit;padding:.65rem;min-height:44px}.muted{font-size:.8rem;color:var(--room-ink,var(--muted))}.portrait-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}.portrait-card{text-decoration:none;overflow:hidden;border:1px solid #8da4ab55;background:var(--room-panel,var(--surface));border-radius:5px;transition:border-color .2s,transform .2s}.portrait-card:hover{border-color:var(--room-accent,var(--gold));transform:translateY(-3px)}.portrait-card img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.portrait-card>div{padding:1rem 1.2rem}.portrait-card span{font-size:.6rem;letter-spacing:.1em;color:var(--room-accent,var(--gold))}.portrait-card h3{font-size:1.5rem;margin:.5rem 0}.portrait-card p{font-size:.8rem;margin:.3rem 0;color:var(--room-ink,var(--muted))}.portrait-reader{display:grid;grid-template-columns:minmax(240px,.85fr) 1.4fr;gap:clamp(1.5rem,5vw,4rem);margin:4rem 0;padding-top:3rem;border-top:1px solid var(--room-accent,var(--gold));scroll-margin-top:75px}.portrait-reader[hidden]{display:none}.portrait-reader figure{margin:0}.portrait-reader img{display:block;width:100%;height:auto;border-radius:4px}.portrait-reader figcaption{font-size:.75rem;color:var(--room-ink,var(--muted));margin-top:.8rem}.reader-copy h2{margin:.5rem 0 1.5rem}.lede{font-size:1.08rem}.relation-list{list-style:none;padding:0;display:grid;gap:.6rem}.relation-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border-bottom:1px solid #a3b8be35;padding:.7rem 0}.relation-list span{font-size:.75rem;color:var(--room-accent,var(--gold))}.reader-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.3rem;margin-top:1.8rem}.button{display:inline-flex;padding:.7rem 1rem;border:1px solid var(--room-accent,var(--gold));text-decoration:none;border-radius:4px}.name-history{display:flex;gap:1.5rem;font-size:.85rem}.name-history dd{margin:0;color:var(--room-ink,var(--muted))}.empty{padding:2rem 0;grid-column:1/-1}footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:4rem;padding:2rem 0;border-top:1px solid #8295a144;font-size:.8rem}.skip{position:absolute;top:-100px;left:20px;background:var(--back);padding:1rem;z-index:999}.skip:focus{top:10px}@media(max-width:900px){.portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-reader{grid-template-columns:1fr}.portrait-reader figure{max-width:420px;margin:auto}.gallery-controls{display:grid;grid-template-columns:1fr}.gallery-controls h2{margin-bottom:.5rem}.gallery-header,footer{align-items:start;flex-direction:column}.portrait-card>div{padding:.8rem}.portrait-card h3{font-size:1.2rem}.name-history{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.portrait-card{transition:none}.portrait-card:hover{transform:none}}

.portrait-reader:focus{outline:none}
.gallery-controls h2{flex-basis:100%;margin-bottom:.3rem}.gallery-controls button,.pagination button{border:1px solid #76929d80;border-radius:4px;background:var(--room-panel,var(--surface));color:inherit;padding:.65rem 1rem;min-height:44px;cursor:pointer}.gallery-controls button{font-size:.75rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1.3rem;margin:2rem 0;font-size:.85rem}.pagination button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:2px solid var(--room-accent,var(--gold));outline-offset:4px}.portrait-grid:focus{outline:none}@media(max-width:650px){.pagination{gap:.6rem}.pagination button{padding:.6rem}}

.pagination[hidden]{display:none}