/* Collected stories — photographic chapter index and full archive. */
.chapter-shelf{display:flex!important;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:20px 4px 30px;border:0;scrollbar-width:thin;scrollbar-color:#b6a380 transparent;align-items:stretch}
.chapter-shelf>button{flex:1 0 165px;display:flex;flex-direction:column;align-items:stretch;justify-content:start;text-align:left;padding:0!important;border:0!important;background:transparent;scroll-snap-align:start;gap:0;position:relative;color:var(--ink)}
.chapter-cover{display:block;position:relative;width:100%;padding:8px;background:#fffaf0;border:1px solid #d8c8a9;box-shadow:0 4px 0 #e1d6c1,0 12px 25px #4c361511;transform:perspective(900px) rotateY(-5deg) rotateZ(-1.5deg);transition:transform .55s var(--depth-ease),box-shadow .55s}
.chapter-cover img{width:100%;height:150px;object-fit:contain;background:#ede5d6}
.cover-number{position:absolute;bottom:15px;left:15px;background:#f8f1e1;color:var(--berry);border:1px solid #d4c19d;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font:italic 20px var(--serif)}
.cover-title{font:23px/1.15 var(--serif);letter-spacing:-.035em;margin-top:20px}.cover-count{font:11px/1.5 var(--sans);color:#7a725f;margin-top:8px;letter-spacing:.03em}
.chapter-shelf>button[aria-selected=true] .chapter-cover{transform:perspective(900px) translateY(-10px) rotateY(0) rotateZ(1deg);box-shadow:0 4px 0 #c4ae80,0 20px 30px #4c361522;outline:1px solid #ae124b;outline-offset:4px}.chapter-shelf>button[aria-selected=true] .cover-title{color:var(--berry)}
.shelf-hint{font-size:12px;letter-spacing:.02em;color:#7b715e;margin-top:-10px}.active-postcard img{object-fit:contain;background:#ede5d6}.chapter-stage{padding-top:35px}.chapter-note{font-size:15px;max-width:170px;background:transparent;box-shadow:none;transform:none;border-left:1px solid #bca77e;padding-left:15px}.back-postcard{opacity:.7}
.hero-chapters{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.hero-chapters a{flex-direction:column;align-items:flex-start!important}.hero-chapters a>img{width:100%;height:100px;object-fit:contain;background:#ebe3d3}.hero-chapters small{font-size:11px}
.archive-note{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 0;margin-bottom:35px;border-block:1px solid var(--line);font-size:12px;color:#786b52}
.archive-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:22px 0 30px;font-size:12px;color:#756b57}.archive-toolbar select{background:transparent;border:0;border-bottom:1px solid #b6a381;padding:10px;color:var(--ink);font-size:13px}.load-more-wrap{display:flex;align-items:center;flex-direction:column;gap:16px;margin:45px 0 15px}.filter-bar{flex-wrap:wrap}.filter-buttons{max-width:100%}.filter-chip{font-size:12px;min-height:44px}.search-box{flex:1;min-width:190px}.search-box input{font-size:15px;min-height:40px;width:100%}.story-body,.original-caption p{white-space:pre-line}.original-caption{margin-top:24px;border-block:1px solid var(--line);font-size:14px}.original-caption summary{cursor:pointer;padding:15px 0}.original-caption p{padding:10px 0 25px;line-height:1.8;color:#505750;overflow-wrap:anywhere}.detail-gallery{align-items:start}.detail-gallery img{object-fit:contain;background:#ebe3d3;cursor:zoom-in}.story-media>img{cursor:zoom-in}.story-media>img:focus-visible,.detail-gallery img:focus-visible{outline:3px solid var(--berry);outline-offset:5px}
.collection-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:90px;padding:70px 0 65px}.collection-hero h1{font-size:clamp(45px,6vw,82px);line-height:1.05;margin:25px 0}.collection-hero p{max-width:480px;line-height:1.8}.collection-hero .eyebrow{margin-top:38px}.collection-count{display:block;font-size:12px;letter-spacing:.07em;margin-top:25px;color:#857250}.collection-hero figure{padding:12px 12px 32px;background:#fffcf5;border:1px solid #ddceb3;box-shadow:0 5px 0 #e4d8c1,0 18px 30px #54391515;transform:rotate(2deg)}.collection-hero figure img{width:100%;height:330px;object-fit:contain;background:#eae1d0}.collection-hero figcaption{font:italic 17px var(--serif);color:#8c7650;margin-top:15px;text-align:center}
.photo-viewer{padding:18px;background:#f5efdf;width:min(1150px,95vw);max-width:95vw;height:94dvh;max-height:94dvh;border:1px solid #cbb68c}.photo-viewer[open]{display:grid;grid-template-rows:auto 1fr auto;gap:15px}.photo-viewer header{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.photo-viewer button{min-width:44px;min-height:44px;font-size:14px;border:1px solid #bcaa86;border-radius:4px;padding:8px 14px}.photo-viewer img{height:100%;width:100%;min-height:0;object-fit:contain}.photo-viewer nav{display:flex;justify-content:center;align-items:center;gap:20px}.photo-viewer::backdrop{background:#172625cc;backdrop-filter:blur(6px)}.photo-viewer p{font-size:12px}
@media(min-width:1000px){.desktop-nav{gap:18px;margin-right:6px}.desktop-nav a{font-size:12px}}
@media(max-width:900px){.hero-chapters{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:28px}.hero-chapters a,.hero-chapters a:first-child,.hero-chapters a:nth-child(even){flex:0 0 175px;scroll-snap-align:start}.collection-hero{gap:35px}.chapter-shelf>button{flex-basis:160px;min-width:160px}}
@media(max-width:640px){.chapter-section{padding-top:55px}.chapter-shelf{gap:20px;padding-top:24px;padding-bottom:28px;margin-right:-8px}.chapter-shelf>button{flex:0 0 160px}.chapter-cover img{height:150px}.chapter-shelf .cover-title{font-size:23px}.chapter-shelf .cover-count{font-size:12px}.shelf-hint{font-size:12px;line-height:1.6}.section-heading{margin-bottom:30px}.chapter-note{font-size:15px}.hero-chapters a>img{height:105px}.hero-chapters a>span{font-size:15px}.archive-toolbar{font-size:12px;align-items:flex-start;flex-direction:column;gap:12px}.archive-toolbar select{min-height:44px}.filter-chip{font-size:12px;min-height:44px;padding:10px 13px}.archive-note{font-size:12px;gap:15px}.collection-hero{grid-template-columns:1fr;gap:35px;padding:30px 0 50px}.collection-hero .eyebrow{margin-top:30px}.collection-hero h1{font-size:48px}.collection-hero p{font-size:16px}.collection-hero figure{margin:0 8px}.collection-hero figure img{height:280px}.original-caption{font-size:14px}.original-caption p{font-size:15px}.photo-viewer{padding:12px}.photo-viewer nav{gap:12px}.photo-viewer nav button{font-size:12px}.home-stories{gap:40px}.closing-line .button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.chapter-cover{transition:none}.chapter-shelf>button[aria-selected=true] .chapter-cover{transform:none}}
.series-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:50px 0 0;padding-bottom:35px;border-bottom:1px solid var(--line)}.series-index>.eyebrow{grid-column:1/-1}.series-index a{padding:20px 22px;background:#eee5d5;border-left:2px solid #baa57f;display:flex;flex-direction:column;gap:13px;transition:background .25s,transform .3s}.series-index strong{font:28px/1.12 var(--serif);letter-spacing:-.035em}.series-index a>span{font-size:12px;color:#76684e}.series-index a:hover{background:#e8ddc8;transform:translateY(-3px)}@media(max-width:640px){.series-index{grid-template-columns:1fr;gap:12px;margin-top:35px}.series-index a{padding:20px}.series-index strong{font-size:26px}.series-index a>span{font-size:13px}.desktop-nav{display:none}}
