/* Artwork-aware bento: square covers, portrait poster and wide thumbnails. */
#archive .archive-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));gap:14px;aspect-ratio:12/9;align-items:stretch;margin-top:36px}
#archive .bento-tile:nth-child(n){position:relative;display:block;min-width:0;min-height:0;overflow:hidden;margin:0;padding:0;border:1px solid var(--ink);border-radius:12px;background:var(--muted);text-align:left;isolation:isolate;box-shadow:none;cursor:pointer}
#archive .bento-tile>img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center;border:0;border-radius:0;box-shadow:none;transform:none!important;background:transparent;transition:filter .25s}
#archive .bento-tile>span{position:absolute;inset:auto 0 0;padding:28px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.86));color:#fff;font:500 13px/1.4 var(--sans);z-index:2;pointer-events:none;opacity:0;transition:opacity .2s}
#archive .bento-tile>span small{display:block;color:#eee;font:9px/1.5 var(--mono);margin-top:3px;letter-spacing:.025em}
#archive .bento-tile:hover>span,#archive .bento-tile:focus-visible>span{opacity:1}#archive .bento-tile:hover>img{filter:brightness(.94)}#archive .bento-tile:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
#archive .bento-1{grid-column:1/span 6;grid-row:1/span 6}#archive .bento-2{grid-column:7/span 3;grid-row:1/span 4}#archive .bento-3{grid-column:10/span 3;grid-row:1/span 3}#archive .bento-4{grid-column:7/span 3;grid-row:5/span 2}#archive .bento-5{grid-column:1/span 3;grid-row:7/span 3}#archive .bento-6{grid-column:4/span 3;grid-row:7/span 3}#archive .bento-7{grid-column:10/span 3;grid-row:4/span 3}#archive .bento-8{grid-column:7/span 6;grid-row:7/span 3}
@media(max-width:900px){#archive .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;aspect-ratio:auto;gap:14px}#archive .bento-tile:nth-child(n){grid-column:auto;grid-row:auto;aspect-ratio:1}#archive .bento-2{aspect-ratio:4/5}#archive .bento-4,#archive .bento-8{grid-column:1/-1!important;aspect-ratio:16/9!important}#archive .bento-tile>span{opacity:1;font-size:12px}}
@media(max-width:600px){#archive .archive-grid{gap:10px;margin-top:24px}#archive .bento-tile:nth-child(n){border-radius:8px}#archive .bento-tile>span{padding:20px 9px 9px;font-size:11px}#archive .bento-tile>span small{display:none}}
@media(prefers-reduced-motion:reduce){#archive .bento-tile>img,#archive .bento-tile>span{transition:none}}

/* Archive shares the page canvas in both themes. */
.single-archive,#archive.archive{background:transparent;background-image:none}