/* GENERATED from pages/css/collection.css by site/build.py */
/* ---------- collection ----------
   Header band shows the product once; everything below is typographic. */
.col-head{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  border-bottom:1px solid var(--tinta);
}
.col-intro{
  padding:clamp(34px,4.4vw,72px) 28px;
  display:flex;flex-direction:column;justify-content:center;
}
.col-intro .kicker{
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--carbon);margin-bottom:14px;
}
.col-intro h1{
  font-weight:700;line-height:1.0;letter-spacing:-.015em;
  font-size:clamp(34px,4.6vw,66px);text-transform:uppercase;color:var(--tinta);
}
.col-intro p{
  margin-top:18px;font:14px/1.7 "Lindero Text",system-ui,sans-serif;
  color:var(--carbon);max-width:52ch;
}
.col-art{
  background:var(--marco);border-left:1px solid var(--tinta);
  padding:clamp(24px,3vw,48px);
  display:flex;align-items:center;justify-content:center;
}
.col-figure{position:relative;margin:0;width:100%;max-width:400px}
.col-art img{width:100%;height:auto;display:block}

/* ---------- controls ---------- */
.col-bar{
  position:sticky;top:0;z-index:5;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  padding:14px 28px;background:var(--cal);
  border-bottom:1px solid var(--tinta);
}
.col-tabs{display:flex;gap:0;border:1px solid var(--tinta)}
.col-tab{
  padding:11px 20px;font-weight:700;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--tinta);
}
.col-tab + .col-tab{border-left:1px solid var(--tinta)}
.col-tab[aria-selected="true"]{background:var(--tinta);color:var(--cal)}
.col-tab:not([aria-selected="true"]):hover{background:var(--arena)}
#col-filter{
  flex:1;min-width:200px;
  font:14px "Lindero Text",system-ui,sans-serif;color:var(--tinta);
  padding:12px 14px;background:var(--blanco);
  border:1px solid var(--tinta);
}
#col-filter:focus{outline:2px solid var(--cochinilla);outline-offset:-1px}
.col-count{font-size:11px;letter-spacing:.1em;color:var(--carbon);white-space:nowrap}

.col-jump{
  display:flex;flex-wrap:wrap;gap:6px;
  padding:14px 28px;border-bottom:1px solid var(--arena);
}
.col-jump[hidden]{display:none}
.col-jump button{
  font:10px "Lindero Text",system-ui,sans-serif;letter-spacing:.06em;
  padding:5px 9px;background:transparent;color:var(--carbon);
  border:1px solid var(--arena);cursor:pointer;
}
.col-jump button:hover{border-color:var(--tinta);color:var(--tinta)}

/* ---------- the directory ---------- */
.col-list{padding-bottom:20px}
.col-group h2{
  position:sticky;top:57px;z-index:2;
  padding:10px 28px;background:var(--arena);color:var(--tinta);
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;
}
.col-row{
  display:flex;align-items:baseline;gap:16px;
  padding:13px 28px;border-bottom:1px solid var(--arena);
}
.col-row:hover{background:var(--blanco)}
.col-row .n{font-weight:700;font-size:15px;color:var(--tinta)}
.col-row .c{
  font:11px "Lindero Text",system-ui,sans-serif;color:var(--piedra);
  letter-spacing:.06em;
}
/* One price, every place. No availability signal exists on this page -- see
   the header comment. */
.col-row .p{
  margin-left:auto;font:12px "Lindero Text",system-ui,sans-serif;color:var(--carbon);
  white-space:nowrap;
}
.col-empty{padding:48px 28px;font:14px "Lindero Text",system-ui,sans-serif;color:var(--carbon)}
.col-more{padding:22px 28px;font:11px "Lindero Text",system-ui,sans-serif;color:var(--piedra)}

@media(max-width:900px){
  .col-head{grid-template-columns:1fr}
  .col-art{border-left:0;border-top:1px solid var(--tinta);order:-1}
  .col-figure{max-width:320px}
}
@media(max-width:640px){
  .col-bar{gap:12px;padding:12px 18px}
  .col-count{width:100%;order:3}
  .col-jump{padding:12px 18px}
  .col-row,.col-group h2{padding-left:18px;padding-right:18px}
  .col-intro{padding-left:18px;padding-right:18px}
}
@media(max-width:430px){
  .col-tab{padding:10px 14px;font-size:11px;letter-spacing:.1em}
  #col-filter{min-width:0}
  .col-row{gap:10px;flex-wrap:wrap}
  .col-row .p{margin-left:auto}
}