/*
 * The back catalog -- the rack of drops that sold through, after the lineup.
 *
 * The cards are the shop's own condensed cards, already drained and stamped by
 * catalog.css because every one of them is sold through. Nothing about a card
 * is redefined here; the section only has to be a section.
 */

/* The section is a plain block with no display of its own, so `hidden` already
   wins. Stated anyway: a later `.drop-archive { display: grid }` would unhide
   an empty rack without anybody noticing -- the same trap new-issues.css calls
   out for the same reason. */
.drop-archive[hidden] { display: none; }

.drop-archive {
  position: relative;
  color: var(--ink);
  background: var(--brand-tint);
  border-top: 3px solid var(--ink);
  border-bottom: 3px solid var(--ink);
}
/* The kicker is tuned for the dark sections; on the tint it fades out. */
.drop-archive .kicker { color: var(--brand-deep); }
.drop-archive .section-heading { margin-bottom: clamp(32px, 4vw, 48px); }
.drop-archive .concept-label { color: var(--brand-deep); }

/*
 * A rack, not a shop floor. styles-content.css lays .featured-card out as an
 * absolutely positioned cover-flow ring, so the only job here is to put them
 * back in flow and on a grid -- the same job new-issues.css does for the rack
 * above, and for the same reason.
 */
.drop-archive-rack {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(210px, 100%), 1fr));
  gap: clamp(16px, 2.2vw, 26px);
}
.drop-archive-rack .featured-card {
  position: static;
  width: auto;
  transform: none;
  opacity: 1;
}

/*
 * Every card in here is spent, so every card in here is drained.
 *
 * A blanket grayscale rather than the two-layer wash catalog.css lays over a
 * sold-through grid card, because a featured card is not a cover: it is a
 * brand strip, a name, a price and a line of tags, with a thumbnail rather than
 * artwork. There is nothing on it whose saturation is doing work, so the
 * simpler answer is the right one and there is no stamp to keep out of it.
 *
 * The SOLD THROUGH slam is deliberately not reproduced here -- one stamp,
 * defined once in catalog.css, is worth more than a second copy that can
 * drift. The card already prints "Sold through" among its tags.
 */
.drop-archive-rack .featured-card {
  filter: grayscale(1) contrast(.94);
}