/* Shared collection pages use the same scene, artwork and gold accents as the shop. */
main.collection-page{width:min(1280px,calc(100% - 96px));max-width:none;padding-top:40px}
.collection-page>.intro{max-width:70ch;font-family:Archivo,sans-serif;font-size:1rem;line-height:1.7;letter-spacing:0;color:#dedbd1}
.collection-page>h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.05;letter-spacing:.01em}
.collection-page>.kicker{color:#ead184}
.collection-page>section{padding:28px;background:#070905d9;border:1px solid #d9c78960}
.collection-page .cards{gap:22px;background:none;border:0}
.collection-page .card{padding:18px;background:#0a0d09df;border:1px solid #d9c78960}
.collection-page .card img{object-fit:contain;background:#11130f;border:0}
.collection-page .card h3{font-size:1.3rem}
.collection-page .card .meta{font-size:.68rem;line-height:1.7;letter-spacing:.035em;color:#ead184}
.collection-page .card p{font-family:Archivo,sans-serif;font-size:.95rem;letter-spacing:0;line-height:1.7;color:#d6d4cc}
.collection-page a:focus-visible{outline:2px solid #ead184;outline-offset:5px}
.collection-page>.collection-products{background:none;border:0;padding:0;margin-top:28px}
.poster-collection .poster-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:0}
.poster-collection .card{padding:0;overflow:hidden}
.collection-art{display:block;padding:18px;background:#080a07;border-bottom:1px solid #d9c78940}
.poster-collection .collection-art img{display:block;width:100%;height:450px;aspect-ratio:auto;background:transparent;object-fit:contain}
.collection-card-copy{padding:24px 26px}
.collection-card-copy>p:first-of-type{min-height:3.4em}
.collection-status{display:inline-block;background:#ead184;color:#0b0e0a;padding:8px 13px;font:700 .66rem/1.5 'IBM Plex Mono',monospace;text-transform:uppercase;clip-path:polygon(4% 0,100% 0,100% 85%,96% 100%,0 100%,0 15%)}
.collection-page .collection-card-copy h2{font:clamp(1.3rem,2vw,1.9rem)/1.1 'Archivo Black',sans-serif;letter-spacing:.015em;margin-top:16px}
.collection-card-copy h2 a{text-decoration:none;color:white}
.collection-card-copy h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.collection-page .collection-credit{display:flex;align-items:center;gap:12px;font:700 .72rem/1.6 'IBM Plex Mono',monospace;color:#ead184;margin-top:18px}
.collection-avatars{display:flex;flex-shrink:0}
.collection-page .collection-avatars img{width:38px;height:38px;aspect-ratio:1;border-radius:50%;border:1px solid #ead184;object-fit:cover}
.collection-avatars img+img{margin-left:-10px}
.collection-page .collection-detail{font:400 .7rem/1.7 'IBM Plex Mono',monospace;margin-top:14px}
.collection-action{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e0d9be90;min-height:50px;padding:14px 16px;margin-top:20px;font:700 .75rem/1.5 'IBM Plex Mono',monospace;text-transform:uppercase;text-decoration:none;color:white}
.collection-action:hover{background:#ead184;color:#080a07}
.collection-info p{max-width:85ch}
.collection-info p>a+a{margin-left:20px}
@media(max-width:820px){
  main.collection-page{width:calc(100% - 36px);padding-top:26px}
  .collection-page>h1{font-size:clamp(2rem,8.5vw,3.5rem)}
  .collection-page>.intro{font-size:.95rem;line-height:1.65}
  .collection-page>section{padding:20px;margin-top:24px}
  .collection-page .cards,.poster-collection .poster-cards{grid-template-columns:minmax(0,1fr);gap:24px}
  .collection-page .card img{height:auto;max-height:430px}
  .poster-collection .collection-art img{height:auto;aspect-ratio:3/4;max-height:520px}
  .collection-art{padding:14px}
  .collection-card-copy{padding:22px 20px}
  .collection-card-copy>p:first-of-type{min-height:0}
  .collection-page .collection-card-copy h2{font-size:1.5rem}
  .collection-info p>a{display:inline-block;padding:8px 0}
  .collection-info p>a+a{margin-left:0;display:block}
}
