/* Archive: two projects per row, each spanning six site columns. */
#index-list .index-category { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:var(--gutter,24px); row-gap:48px; }
#index-list .index-category-heading { grid-column:1 / -1; padding-bottom:0; }
#index-list .index-feature { grid-column:span 6; min-width:0; margin-bottom:0; }
#index-list .index-copy { position:static; display:block; box-shadow:none; padding:0 0 16px; }
#index-list .index-copy h2 { font-size:32px; }
#index-list .index-project-meta p { margin:12px 0; }
#index-list .index-images { min-width:0; }
#index-list .portfolio-image, #index-list .slot-art { border-radius:16px; }
#index-list .index-gallery-controls { min-width:0; }
#index-list .index-image-count { flex-shrink:0; }
@media(max-width:760px) {
  #index-list .index-feature { grid-column:1 / -1; }
  #index-list .index-copy h2 { font-size:26px; }
}
/* Share the copy row so paired galleries begin at the same height. */
@media(min-width:761px) {
  #index-list .index-feature { display:grid; grid-template-rows:subgrid; grid-row:span 2; row-gap:0; }
}
#index-list .index-feature { grid-template-columns:minmax(0,1fr); }
#index-list .archive-menu { min-width:0; }
#index-list .archive-menu .lr-book-stage { aspect-ratio:16/9; border-radius:16px; background:var(--paper); }
#index-list .archive-menu .lr-book-stage { container-type:size; }
/* Fit the spread inside the stage at its true page ratio, so pages are never squashed or padded with white.
   Height stops at 72% so the page shadow has room and isn't cut off by the stage edge. */
#index-list .archive-menu .lr-book { width:min(88cqw, 72cqh * var(--book-aspect,1.414));height:auto;max-height:none; }
/* Koishii leaves are round: show the circle only, no square page behind it. */
.lr-book.is-round .pg,.lr-book.is-round .face { background:none;box-shadow:none;clip-path:circle(50%); }
#index-list .archive-menu .lr-book img { object-fit:contain; border-radius:0; }
#index-list .archive-menu .bk-nav { opacity:1; background:var(--surface-raised);color:var(--ink); }
#index-list .menu-reader-help { display:flex; justify-content:space-between;gap:12px;font-size:14px; }
#index-list .menu-mockup { display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:16px; }
#index-list .menu-mockup + .menu-mockup { margin-top:var(--gutter,24px); }
#index-list .archive-menu summary { cursor:pointer;font-size:14px;padding:12px 0; }
/* Portrait social cards with neighbouring slides visible. */
#index-list [data-social-carousel] .index-slider-track { padding-inline:28%; gap:16px; scroll-padding-inline:28%; box-sizing:border-box; }
#index-list [data-social-carousel] .index-slider-track>figure { flex:0 0 100%; }
#index-list [data-social-carousel] .index-slider-track .portfolio-image { aspect-ratio:4/5; }
#index-list [data-social-carousel] .index-slider-track figcaption { display:none; }
#index-list [data-social-carousel] .index-thumbnails { display:none; }
#index-list .social-play { color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:14px; }