/* V21.2 Personal Collection: view switch, jump links and dense bento mosaic. Loads after collection-v19.css. */
.collection-controls{align-items:center}
.collection-jump:not([hidden]){display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;margin:-8px 0 20px;font-size:13px;color:#8f8b84}
.collection-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;color:#c4c0b8;text-decoration:none;border-bottom:1px solid transparent}
.collection-jump a:first-child{padding-left:0}
.collection-jump a:hover{color:#ede8df}
.collection-jump a:focus-visible{outline:2px solid #2B6FD4;outline-offset:2px}
.collection-jump span{color:#8f8b84}
.collection-group{scroll-margin-top:16px}

.collection-grid.mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:130px;grid-auto-flow:row dense;gap:6px;align-items:stretch;justify-items:stretch}
@media(min-width:561px){.collection-grid.mosaic{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:170px;gap:8px}}
@media(min-width:1000px){.collection-grid.mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:190px}}
.mosaic-tile{list-style:none;min-width:0;min-height:0;margin:0}
.mosaic-tile.is-feature{grid-column:span 2;grid-row:span 2}
.mosaic-tile.is-tall{grid-row:span 2}
.mosaic-tile.is-wide{grid-column:span 2}
.mosaic-tile figure{margin:0;height:100%;min-width:0}
.mosaic-tile a{position:relative;display:block;height:100%;box-sizing:border-box;overflow:hidden;border:1px solid #ffffff24;border-radius:10px;background:#111116}
.mosaic-tile img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.mosaic-tile.subject-safe img{object-fit:contain}
.collection-grid.mosaic .collection-overlay{font-size:12px;line-height:1.5;padding:10px 12px;text-wrap:balance}
.lightbox-stage figcaption{text-wrap:balance}
@media(max-width:560px){.collection-grid.mosaic .collection-overlay{font-size:11px;padding:8px 10px}}