/* ============================================================
   collections.css : collections index + collection detail pages
   Namespaced .col-*. Loaded after styles.css on /collections only.
   ============================================================ */

/* ---------- collections index : featured collections ---------- */
.col-feats{display:grid;gap:4vh;padding:8vh 0 10vh}
.col-feat{display:grid;grid-template-columns:repeat(12,1fr);gap:2.4rem;align-items:center;padding:4vh 0}
.col-feat .ph{grid-column:1/8;border-radius:8px;overflow:hidden;aspect-ratio:16/10;background:var(--ink-2)}
.col-feat .ph img{width:100%;height:100%;object-fit:cover;filter:brightness(.68) saturate(.92);transition:filter .7s,transform .9s}
.col-feat:hover .ph img{filter:brightness(.8) saturate(1);transform:scale(1.04)}
.col-feat .txt{grid-column:8/13}
.col-feat.flip .ph{grid-column:6/13;order:2}
.col-feat.flip .txt{grid-column:1/6;order:1}
.col-feat .k{font-family:var(--mono);font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.col-feat h2{font-size:2.3rem;font-weight:400;margin:.8rem 0 1rem;line-height:1.15}
.col-feat h2 em{font-style:italic;color:var(--gold)}
.col-feat p{font-size:1.02rem;font-weight:300;line-height:1.8;color:var(--cream-dim)}
.col-feat .go{display:inline-block;margin-top:1.5rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;color:var(--cream);text-decoration:none;border-bottom:1px solid var(--glass-edge);padding-bottom:.35rem;transition:color .4s,border-color .4s}
.col-feat .go:hover{color:var(--gold);border-color:var(--gold)}
.col-feat .status{display:block;margin-top:1.1rem}

/* ---------- collections index : closing strip ---------- */
.col-build{padding:8vh 0 18vh;max-width:720px}
.col-build h2{font-size:2.1rem;font-weight:400;line-height:1.2;margin-bottom:1.1rem}
.col-build h2 em{font-style:italic;color:var(--gold)}
.col-build p{font-size:1rem;font-weight:300;line-height:1.8;color:var(--cream-dim)}
.col-build .go{display:inline-block;margin-top:1.6rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;color:var(--cream);text-decoration:none;border-bottom:1px solid var(--glass-edge);padding-bottom:.35rem;transition:color .4s,border-color .4s}
.col-build .go:hover{color:var(--gold);border-color:var(--gold)}

/* ---------- collection detail : hero image ---------- */
.col-hero{margin-top:7vh;border-radius:8px;overflow:hidden;aspect-ratio:21/9;background:var(--ink-2)}
.col-hero img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(.92)}
.col-cap{font-family:var(--mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cream-faint);margin-top:1rem}

/* ---------- collection detail : sections + essay ---------- */
.col-sec{padding:9vh 0 2vh}
.col-essay{max-width:660px;padding:4vh 0 2vh}
.col-essay p{font-size:1.14rem;font-weight:300;line-height:1.9;color:var(--cream-dim);margin-bottom:1.7rem}
.col-essay p:first-child{color:var(--cream)}

/* ---------- collection detail : catalog entries ---------- */
.col-catalog{display:grid;gap:9vh;padding:5vh 0 4vh}
.col-entry{display:grid;grid-template-columns:repeat(12,1fr);gap:2.6rem;align-items:end}
.col-entry .ph{grid-column:1/7;border-radius:6px;overflow:hidden;background:var(--ink-2)}
.col-entry .ph img{width:100%;height:auto;display:block;filter:saturate(.95)}
.col-entry .info{grid-column:7/13;padding-bottom:.6rem}
.col-entry:nth-child(even) .ph{grid-column:7/13;order:2}
.col-entry:nth-child(even) .info{grid-column:1/7;order:1}
.col-entry .no{font-family:var(--mono);font-size:.6rem;letter-spacing:.32em;color:var(--gold);margin-bottom:1.1rem}
.col-entry h3{font-size:1.9rem;font-weight:400;line-height:1.15}
.col-entry .artist{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;color:var(--cream-dim);margin:.6rem 0 1.1rem}
.col-entry .artist a{color:inherit;text-decoration:none;border-bottom:1px solid var(--glass-edge);padding-bottom:.15rem;transition:color .4s,border-color .4s}
.col-entry .artist a:hover{color:var(--gold);border-color:var(--gold)}
.col-entry .spec{font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;color:var(--cream-faint);line-height:1.9}
.col-entry .avail{display:flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;color:var(--cream-dim);margin-top:1rem}
.col-entry .avail .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:0 0 auto}
.col-entry .inquire{display:inline-block;margin-top:1.2rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;color:var(--cream);text-decoration:none;border-bottom:1px solid var(--glass-edge);padding-bottom:.3rem;transition:color .4s,border-color .4s}
.col-entry .inquire:hover{color:var(--gold);border-color:var(--gold)}

/* ---------- collection detail : closing ---------- */
.col-close{padding:8vh 0 18vh;max-width:720px}
.col-close h2{font-size:2.1rem;font-weight:400;line-height:1.2;margin-bottom:1.1rem}
.col-close h2 em{font-style:italic;color:var(--gold)}
.col-close p{font-size:1.02rem;font-weight:300;line-height:1.8;color:var(--cream-dim)}
.col-close .links{margin-top:2rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;color:var(--cream-faint)}
.col-close .links a{color:var(--cream);text-decoration:none;border-bottom:1px solid var(--glass-edge);padding-bottom:.3rem;transition:color .4s,border-color .4s}
.col-close .links a:hover{color:var(--gold);border-color:var(--gold)}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .col-feat,.col-feat.flip{display:flex;flex-direction:column;gap:1.4rem;align-items:stretch}
  .col-feat .ph,.col-feat.flip .ph{order:1;width:100%}
  .col-feat .txt,.col-feat.flip .txt{order:2}
  .col-hero{aspect-ratio:16/10}
  .col-entry,.col-entry:nth-child(even){display:flex;flex-direction:column;gap:1.4rem;align-items:stretch}
  .col-entry .ph,.col-entry:nth-child(even) .ph{order:1;width:100%}
  .col-entry .info,.col-entry:nth-child(even) .info{order:2}
  .col-catalog{gap:7vh}
}