.photo-editorial{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(22px,6vw,90px);align-items:center;margin:46px 0 24px;padding:clamp(20px,5vw,65px);background:#eee5d6;color:#3e332d;border:1px solid #94736b50}
.photo-index,.photo-viewer figcaption,.iris-portrait figcaption{font:12px/1.5 'Special Elite',monospace;letter-spacing:.16em}
.photo-copy h3{font:400 clamp(35px,6vw,84px)/1.02 Georgia,serif;margin:.24em 0;color:#693d47}
.photo-copy>p:last-of-type{margin-bottom:26px}
.photo-viewer,.iris-portrait{margin:0;min-width:0}
.photo-screen{position:relative;overflow:hidden;background:#352b28;aspect-ratio:4/3}
.photo-screen img{display:block;width:100%;height:100%;object-fit:contain}
.photo-filter{position:absolute;pointer-events:none}
.photo-viewer figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.photo-viewer button,.photo-tabs button,.photo-folder summary{border:1px solid #80575e75;background:transparent;color:#613943;padding:8px 12px;min-height:40px}
.photo-folder summary{display:inline-flex;align-items:center;gap:18px;cursor:pointer;list-style:none}
.photo-folder summary::-webkit-details-marker{display:none}
.photo-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.photo-tabs button{background:#f7eee0}
.photo-tabs button[aria-current=true]{background:#673743;color:#fff6e9}
.photo-folder[open] .photo-tabs button{animation:folder-slip .48s both;animation-delay:calc(var(--frame-index,0) * 45ms)}
@keyframes folder-slip{from{opacity:0;transform:translateY(10px) rotate(-4deg)}}
.iris-portrait{margin-top:24px;padding:10px;background:#eadcc7;max-width:390px;border:1px solid #8c685c50}
.iris-portrait img{width:100%;height:auto;display:block}
.iris-portrait figcaption{padding:10px 2px 1px;color:#5d3d44}
.character-word{display:inline-block;white-space:nowrap}
.character-cell{display:inline-block}
@media(max-width:700px){.photo-editorial{grid-template-columns:1fr;margin-top:30px}.photo-screen{aspect-ratio:1}.iris-portrait{max-width:100%}}
@media(prefers-reduced-motion:reduce){.photo-tabs button{animation:none!important;transition:none!important}}
#archiveTransition{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}