/* THE PLATES (Wave 53) — archival evidence photographs on the Operational Relics.
 *
 * The token dossiers carry PORTRAITS: hand-drawn, a face turned outward.
 * The operational dossiers carry PLATES: photographs of apparatus, made for the
 * archive. Same frame family as .portrait-frame so the Reliquary reads as one
 * hand, but the caption speaks as a records office rather than a gallery label.
 *
 * Shared stylesheet: three more plates are coming, and a Relic should stay one
 * touchpoint. */

.plate-wrap {
  padding: 4rem 3rem 1rem;
  max-width: 720px;
  margin: 0 auto;
}

.plate-frame {
  position: relative;
  background: linear-gradient(165deg, #100d0a, #0a0806);
  border: 1px solid #2a2318;
  padding: 16px;
  box-shadow: 0 16px 55px rgba(0, 0, 0, 0.62);
}

/* the inner rule, as on the portraits — the archive mounts everything the same way */
.plate-frame::before {
  content: '';
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(201, 125, 10, 0.32);
  pointer-events: none;
  z-index: 2;
}

.plate-img {
  width: 100%;
  height: auto;
  display: block;
}

.plate-cap {
  text-align: center;
  margin-top: 0.9rem;
  font-size: 0.68rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--muted, #6a6050);
}

.plate-cap .pl-eyebrow {
  display: block;
  font-family: 'Cinzel Decorative', serif;
  color: #8b7a5c;
  letter-spacing: 0.16em;
  text-transform: none;
  font-size: 0.85rem;
  margin-bottom: 0.3rem;
}

/* the accession line — this is a records office, not a gallery */
.plate-cap .pl-acc {
  display: block;
  margin-top: 0.55rem;
  font-family: 'Courier Prime', monospace;
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  color: #4a4132;
}

@media (max-width: 720px) {
  .plate-wrap { padding: 2.5rem 1.5rem 0.5rem; }
  .plate-cap { letter-spacing: 0.2em; }
}