/* collection page */
.cbanner{position:relative;overflow:hidden;background:var(--ink);min-height:var(--cb-h,320px);display:flex;align-items:flex-end}
.cbanner.flat{min-height:240px}
.cbanner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--cb-pos,50% 45%)}
@media(max-width:749px){.cbanner{min-height:max(240px,calc(var(--cb-h,320px) * .78))}}
.cveil{position:absolute;inset:0}
.cbin{position:relative;padding-top:56px;padding-bottom:44px;color:#faf9f2}
.cbparent{color:#e6e5d3}
.cbh{font-size:clamp(32px,4.6vw,52px);line-height:1.06;color:#faf9f2;margin-top:16px}
.cblede{font-size:16px;line-height:1.8;color:#e6e5d3;margin:16px 0 0;max-width:52ch}
.cblede p{margin:0 0 12px}
.cblede p:last-child{margin-bottom:0}
.ctoolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;margin-bottom:30px;border-bottom:1px solid #e6e0d0}
.ctoolbar .lab{color:#8a7a72}
.csort{display:flex;align-items:center;gap:12px;margin:0}
.csort select{font-family:var(--font-body);font-weight:var(--body-weight,300);font-size:14px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid #d8d6bf;padding:5px 2px;cursor:pointer}
.csort select:focus-visible{outline:3px solid #f6dfe4;outline-offset:2px}
.cempty{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:36px 0}
.cempty p{font-size:15.5px;line-height:1.8;margin:0;max-width:44ch}
.mch2{font-size:clamp(24px,2.8vw,34px);line-height:1.14;margin-top:16px;max-width:24ch}
.cpage{display:flex;gap:20px;margin-top:40px}
.crelated{display:grid;grid-template-columns:1fr;border-top:1px solid #e6e0d0;margin-top:26px}
.crel{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 2px;border-bottom:1px solid #e6e0d0;transition:color .24s cubic-bezier(.4,0,.2,1)}
.crel:hover{color:var(--accent)}
.crelt{font-family:var(--font-display);font-size:19px;color:inherit}
.crelp{color:#8a7a72}
@media(max-width:749px){
  .cbin{padding-top:40px;padding-bottom:32px}
  .cblede{font-size:14.5px}
  .ctoolbar{flex-wrap:wrap;gap:10px 16px}
  .csort{flex:1 1 auto;justify-content:flex-end;min-width:0}
  .csort select{max-width:100%;font-size:13px}
}
@media(min-width:900px){
  .crelated{grid-template-columns:repeat(3,1fr);column-gap:40px}
}