/* ============================================================
   COLEÇÕES (lista) — page specific styles
   ============================================================ */
.col-hero{padding:clamp(140px,18vw,220px) 0 clamp(40px,6vw,80px);text-align:center}
.col-hero .eyebrow{display:block;margin-bottom:24px}
.col-hero h1{font-weight:200;text-transform:uppercase;font-size:clamp(48px,11vw,150px);line-height:.95;letter-spacing:.01em}
.col-hero p{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.2vw,26px);color:var(--ink-soft);max-width:34ch;margin:26px auto 0}

.col-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,90px);align-items:center;
  padding:clamp(40px,6vw,80px) 0;border-top:1px solid var(--line)}
.col-row:last-child{border-bottom:1px solid var(--line)}
.col-row.flip{direction:rtl}.col-row.flip>*{direction:ltr}
.col-row .media .ph{aspect-ratio:4/3;width:100%;transition:transform 1.1s var(--ease)}
.col-row a.media{display:block;overflow:hidden}
.col-row a.media:hover .ph{transform:scale(1.04)}
.col-row .row-img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 22%;display:block;transition:transform 1.1s var(--ease)}
.col-row a.media:hover .row-img{transform:scale(1.04)}
.col-row .num{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--gold-4);display:block;margin-bottom:18px}
.col-row h2{font-weight:200;text-transform:uppercase;font-size:clamp(30px,4.6vw,62px);line-height:1;letter-spacing:.01em;margin-bottom:8px}
.col-row .season{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-4);margin-bottom:24px;display:block}
.col-row p{color:var(--ink-soft);font-size:clamp(15px,1.5vw,17px);max-width:42ch;margin-bottom:30px}
.col-row .tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.col-row .tags span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold-4);border:1px solid var(--line);padding:7px 13px;border-radius:50px}

@media (max-width:860px){
  .col-row{grid-template-columns:1fr;gap:28px}
  .col-row.flip{direction:ltr}
}