/* Scoped archive composition. Shared header, menu and footer retain their styles. */
.article-index .index-main{max-width:1600px;margin:0 auto;padding:132px 24px 104px}
.article-index .index-heading{margin-bottom:52px}
.article-index .index-heading h1{font:italic 400 clamp(58px,8vw,100px)/1.08 "Playfair Display",serif;letter-spacing:-.04em;margin:0 0 16px}
.article-index .index-heading p{font:400 13px/1.8 var(--sans);letter-spacing:.14em;margin:0;color:#666}
.article-index .index-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:56px}
.article-index .index-grid>li,.article-index .index-copy{min-width:0}
.article-index .index-story{display:block}
.article-index .index-photo{display:block;aspect-ratio:4/5;overflow:hidden;margin-bottom:20px}
.article-index .index-photo picture{display:contents}
.article-index .index-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--crop-sp)}
.article-index .index-series{font:400 12px/1.8 var(--sans);color:#666;margin:0 0 10px;overflow-wrap:anywhere}
.article-index .index-copy h2{font:400 17px/1.85 var(--serif);letter-spacing:.015em;margin:0 0 16px;overflow-wrap:anywhere}
.article-index .index-person{font:500 11px/1.8 var(--sans);letter-spacing:.1em;margin:0;color:#666}
.article-index .index-story a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(hover:hover){.article-index .index-copy h2 a:hover{text-decoration:underline;text-underline-offset:.25em}.article-index .index-photo:hover{opacity:.85}}
@media(min-width:760px){
 .article-index .index-main{padding:180px 6vw 150px}
 .article-index .index-heading{margin-bottom:70px}
 .article-index .index-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3.5vw,56px);row-gap:72px}
 .article-index .index-story{display:block}
 .article-index .index-photo{margin-bottom:25px}
 .article-index .index-photo img{object-position:var(--crop-pc)}
 .article-index .index-series{font-size:13px;margin-bottom:13px}
 .article-index .index-copy h2{font-size:clamp(19px,1.6vw,25px);line-height:1.8;margin-bottom:20px}
 .article-index .index-person{font-size:12px}
}