/* collection line-up (js/lineup.js) — same look as before, now its own module */
.lu-ov{position:fixed;inset:0;z-index:300;background:#fff;overflow-y:auto;font-family:var(--sans);color:var(--ink,#1a1a18);animation:lu-fade .25s ease;}
.lu-ov[hidden]{display:none !important;}
@keyframes lu-fade{from{opacity:0;}}
.lu-full{min-height:100%;display:flex;flex-direction:column;}
.lu-full header{position:sticky;top:0;z-index:2;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:22px 40px;border-bottom:1px solid var(--line,#eceae6);}
.lu-full h3{margin:0;display:flex;align-items:center;gap:8px;font-family:var(--sans);font-size:16px;font-weight:400;letter-spacing:-.01em;color:#9a9a95;}
.lu-back,.lu-x{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:7px;background:none;color:#9a9a95;cursor:pointer;padding:0;}
.lu-back{margin-left:-6px;}
.lu-back:hover,.lu-x:hover{color:var(--ink,#1a1a18);background:rgba(0,0,0,.05);}
/* tiles are a quarter of the row, never stretched; they start at the left, under the title */
.lu-grid{display:grid;grid-template-columns:repeat(var(--n),minmax(0,calc((100% - 6px) / 4)));justify-content:start;gap:2px;padding:28px 40px 40px;}
.lu-tile{display:flex;flex-direction:column;gap:10px;padding:0 0 22px;border:0;background:none;cursor:pointer;text-align:left;font-family:var(--sans);}
.lu-tile b{padding:0 4px;font-size:16px;font-weight:400;letter-spacing:-.01em;color:#9a9a95;}
.lu-tile:hover b{color:var(--ink,#1a1a18);}
.lu-ib{display:block;position:relative;aspect-ratio:1/1;background:#f6f5f3;overflow:hidden;}
.lu-grid.is-studio .lu-ib{aspect-ratio:2552/2417;background:#ebebeb;}
.lu-c,.lu-img{display:block;width:100%;height:100%;}
.lu-img{object-fit:contain;mix-blend-mode:multiply;}
/* the icon at the right end of each collection row */
.lib-row.depth-0{position:relative;}
.lu-open{margin-left:auto;flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:0;background:none;color:var(--mute,#9a9a95);cursor:pointer;padding:0;opacity:.75;}
.lu-open:hover,.lu-open:focus-visible{opacity:1;color:var(--ink,#1a1a18);background:rgba(0,0,0,.05);}
@media (max-width:640px){
  .lu-full header{padding:16px;}
  .lu-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;}
}
@media (prefers-reduced-motion:reduce){.lu-ov{animation:none;}}