.collection-grid{list-style:none;margin:2.2rem 0 0;padding:0;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,34rem),1fr))}.collection{display:grid;grid-template-columns:12.5rem minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"board head" "board body";column-gap:1.4rem;row-gap:.45rem;align-items:start;padding:1.3rem;scroll-margin-top:6rem;transition:border-color .2s}.collection:hover{border-color:var(--line-strong)}.collection-side{grid-area:board;display:flex;flex-direction:column}.collection-board{grid-area:board;display:block;border-radius:10px;overflow:hidden}.collection-board svg{display:block;width:100%;height:auto}.collection-head{grid-area:head;display:flex;flex-direction:column;gap:.45rem}.collection-body{grid-area:body;display:flex;flex-direction:column;gap:.45rem;height:100%}.collection-meta{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;font-family:var(--mono);font-size:.74rem}.collection-meta .number{color:var(--gold);font-weight:700;letter-spacing:.04em}.collection-count{padding:.15rem .6rem;border-radius:999px;background:var(--card-2);color:var(--muted);white-space:nowrap}.collection h2{font-size:1.45rem;letter-spacing:-.01em;margin:0}.collection .short{color:var(--text);font-weight:600;font-size:.95rem;line-height:1.45}.collection-example{grid-area:example;display:flex;flex-direction:column;gap:.1rem;padding-top:.55rem;font-size:.78rem;line-height:1.4;color:var(--faint)}.collection-example b{color:var(--muted);font-weight:600}.collection-example span+span{font-size:.71rem;letter-spacing:-.005em}.collection{position:relative}.collection-link{color:inherit;text-decoration:none}.collection-link:after{content:"";position:absolute;inset:0;border-radius:inherit}.collection:has(.collection-link):hover{border-color:var(--lapis)}.collection:has(.collection-link):hover h2{color:var(--lapis)}.collection:has(.collection-link:focus-visible){outline:2px solid var(--lapis);outline-offset:2px}.collection-link:focus-visible{outline:none}.collection-look a{position:relative;z-index:1}@media (max-width: 600px){.collection{grid-template-columns:6.5rem minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"board head" "body body" "example example";column-gap:1rem;row-gap:.9rem;padding:1.1rem}.collection-board{border-radius:6px}.collection-side{display:contents}.collection-head{align-self:center}.collection h2{font-size:1.3rem}}.collection-grid>.collection-wide{grid-column:1 / -1;grid-template-columns:15rem minmax(0,1fr)}.collection-grid>.collection-wide{grid-template-rows:auto auto 1fr;grid-template-areas:"board head" "board body" "board example"}.collection-wide>.collection-side{display:contents}@media (max-width: 600px){.collection-grid>.collection-wide{grid-template-columns:6.5rem minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"board head" "body body" "example example"}}.collection-meta .number{color:var(--c, var(--gold))}.collection-motif{grid-template-rows:auto auto auto;grid-template-areas:"board head" "board body" "look look";align-content:start}.collection-motif>.collection-look{grid-area:look;margin-top:.9rem}@media (max-width: 600px){.collection-motif{grid-template-rows:auto auto auto auto;grid-template-areas:"board head" "body body" "look look" "example example"}.collection-motif>.collection-look{margin-top:0}}.collection-look{padding:.6rem .8rem;border-left:3px solid var(--c, var(--gold));border-radius:0 10px 10px 0;background:var(--card-2)}.collection-look b{display:block;margin-bottom:.2rem;font-size:.76rem;font-weight:600;color:var(--muted)}.collection-look p{font-size:.86rem;line-height:1.5;color:var(--text)}.collection-look .landing-motifs{margin-top:.3rem}.collection-look .landing-motifs li{background:var(--card)}.collections-note{max-width:46rem;margin-top:1.6rem;color:var(--muted);line-height:1.6}.collection-grid>.collection[style*=--c]{border-top:3px solid var(--c)}.collection-grid>.collection[style*=--c]:has(.collection-link):hover{border-color:var(--c)}.collection-grid>.collection[style*=--c]:has(.collection-link):hover h2{color:var(--c)}.collection-board{box-shadow:0 0 0 1px color-mix(in srgb,var(--c, var(--line)) 35%,transparent)}.collection-glimpse{display:flex;flex-direction:column;gap:.4rem;margin-top:auto;padding:.7rem .85rem .75rem;border-radius:12px;background:color-mix(in srgb,var(--c, var(--gold)) 7%,var(--card-2))}.collection-body .short+.collection-glimpse{margin-top:.5rem}.collection-glimpse small{font:600 .66rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--c, var(--faint))}.glimpse-big{font-size:1.05rem;font-weight:700;color:var(--text)}.glimpse-note{font-size:.8rem;font-weight:400;color:var(--muted)}.glimpse-row{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;font-size:.86rem;color:var(--text)}.glimpse-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glimpse-row em{flex:none;font:600 .74rem var(--mono);font-style:normal;color:var(--muted)}.glimpse-bar{display:flex;height:.6rem;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--c, var(--gold)) 18%,var(--card))}.glimpse-bar i{display:block;height:100%;background:var(--c, var(--gold))}.glimpse-bar .s2,.glimpse-legend .s2:before{background:color-mix(in srgb,var(--c, var(--gold)) 60%,var(--card))}.glimpse-bar .s3,.glimpse-legend .s3:before{background:color-mix(in srgb,var(--c, var(--gold)) 32%,var(--card))}.glimpse-bar.sides{background:#2b2b2b;outline:1px solid var(--line-strong);outline-offset:-1px}.glimpse-bar.sides i{box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:999px 0 0 999px}.glimpse-bar.sides i{background:#f3efe6}.glimpse-legend{display:flex;flex-wrap:wrap;gap:.2rem 1rem;font-size:.8rem;color:var(--muted)}.glimpse-legend span{display:inline-flex;align-items:center;gap:.4rem}.glimpse-legend span:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:color-mix(in srgb,var(--c, var(--gold)) 18%,var(--card))}.glimpse-legend .strong:before,.glimpse-legend .s1:before{background:var(--c, var(--gold))}.glimpse-legend .strong{color:var(--text)}.glimpse-legend.sides .white:before{background:#f3efe6;box-shadow:0 0 0 1px var(--line-strong)}.glimpse-legend.sides .black:before{background:#2b2b2b;box-shadow:0 0 0 1px var(--line-strong)}.glimpse-pieces{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.glimpse-piece{display:flex;flex-direction:column;align-items:center;gap:.15rem}.glimpse-meter{display:flex;align-items:flex-end;width:100%;max-width:2.2rem;height:2.6rem;border-radius:6px 6px 2px 2px;background:color-mix(in srgb,var(--c, var(--gold)) 12%,var(--card));overflow:hidden}.glimpse-meter b{display:block;width:100%;background:var(--c, var(--gold));border-radius:6px 6px 0 0}.glimpse-piece i{font-style:normal;font-size:1.15rem;line-height:1.1;color:var(--text)}.glimpse-piece em{font:600 .68rem var(--mono);font-style:normal;color:var(--muted)}@media (max-width: 600px){.collection-glimpse{margin-top:.3rem}}