/* Carousel strip on the Archive: individual 4:5 posts in a row, a small gap between them. */
.seam-stage { position:relative;overflow:hidden;border-radius:16px;container-type:inline-size; }
.seam-track { display:flex;gap:4px;transition:transform 700ms var(--ease-out-strong,cubic-bezier(.23,1,.32,1));will-change:transform; }
/* two and a bit posts in view on wide screens, about one and a half on phones */
.seam-track img { display:block;flex:none;width:calc((100cqw - 8px) / 2.25);height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:16px; }
@media (max-width:760px) { .seam-track img { width:calc((100cqw - 4px) / 1.5); } }

/* arrows, same shape as the deck viewer's */
.seam-nav { position:absolute;top:50%;translate:0 -50%;width:44px;height:44px;border:1px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);font:24px/1 var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background-color 250ms,color 250ms; }
.seam-nav:hover,.seam-nav:focus-visible { background:var(--ink);color:var(--paper); }
.seam-prev { left:12px; } .seam-next { right:12px; }
@media (hover:none) { .seam .deck-meta b { display:none; } }

/* reduced motion: a still row you can scroll sideways */
.seam.is-still .seam-stage { overflow-x:auto; }
.seam.is-still .seam-track { transform:none!important; }

/* standalone posts: one row of three, plain images so nothing else on the page restyles them */
.post-row { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px; }
.post-row img { display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:16px; }

/* two pieces side by side: options film and the final artwork */
.post-pair { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px; }
.post-pair figure { margin:0;aspect-ratio:2/3;border-radius:16px;overflow:hidden; }
.post-pair :is(img,video) { width:100%;height:100%;object-fit:cover;display:block; }