/* Collection pages (#/shop, #/shop/<collection>, #/art) */
.coll-nav{border-bottom:1px solid var(--brass-2);background:var(--field)}
.coll-nav-in{display:flex;gap:28px;overflow-x:auto;scrollbar-width:none}
.coll-nav-in::-webkit-scrollbar{display:none}
.coll-nav a{display:inline-flex;align-items:baseline;gap:6px;padding:14px 0 12px;font:500 13.5px/1 "Libre Franklin";text-decoration:none;color:var(--ink-2);border-bottom:1px solid transparent;margin-bottom:-1px;white-space:nowrap}
.coll-nav a span{font-size:11px;color:var(--ink-3)}
.coll-nav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--ink)}
@media (hover:hover){.coll-nav a:hover{color:var(--ink)}}
.coll-head{display:grid;grid-template-columns:6fr 6fr;gap:72px;align-items:end;padding-top:56px;padding-bottom:36px}
.coll-title{display:flex;align-items:flex-end;gap:22px}
.coll-mark{flex:none;color:var(--brass)}
.coll-mark.giraffe{width:52px;height:98px}
.coll-mark.rhino{width:96px;height:52px;margin-bottom:6px}
.coll-title .crumbs{margin-bottom:10px}
.coll-head .t-h1{font-size:64px;line-height:1}
.coll-intro .lede{max-width:36em}
.coll-offer{margin-top:10px;font:italic 400 15px/1.4 "Libre Caslon Text",serif;color:var(--ink-2)}
.coll-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;font-size:13px;color:var(--ink-3)}
.coll-sort{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2)}
.coll-sort .select{height:36px;width:auto;font-size:13px;background-color:var(--field)}
.coll .cards{border-left:1px solid var(--brass-2)}
.coll-invite{padding-top:64px}
.inv{display:grid;grid-template-columns:5fr 7fr;border:1px solid var(--brass);text-decoration:none;color:inherit;background:var(--card);overflow:hidden}
.inv-fig{display:block;min-height:280px;overflow:hidden}
.inv-fig img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;filter:var(--soft-filter);transition:transform .4s var(--ease)}
.inv-b{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:40px 48px}
@media (hover:hover){.inv:hover .inv-fig img{transform:scale(1.03)}.inv:hover .disc svg{transform:translateX(4px)}}
.inv:focus-visible{outline:none;box-shadow:var(--ring)}
.coll-foot{padding-top:40px;padding-bottom:72px}
.shop-sec{padding-top:48px}
.shop-sec .rel-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px}
.shop-sec .cards{border-left:1px solid var(--brass-2)}
.shop-sec:last-child{padding-bottom:72px}
@media (max-width:1100px){.coll-head{grid-template-columns:1fr;gap:20px}}
@media (max-width:760px){
  .coll-head{padding-top:28px;padding-bottom:24px}
  .coll-head .t-h1{font-size:44px}
  .coll-mark.giraffe{width:34px;height:64px}
  .coll-mark.rhino{width:64px;height:35px}
  .coll-title{gap:14px}
  .coll-bar{flex-wrap:wrap}
  .coll .cards{margin:0 -16px;border-left:0}
  .coll .card:nth-child(2n){border-right:0}
  .inv{grid-template-columns:1fr}
  .inv-fig{min-height:200px;aspect-ratio:16/9}
  .inv-b{padding:24px 20px 28px}
  .shop-sec .cards{margin:0 -16px;border-left:0}
}