.grid-tiles{--tile-gap:2px;--tile:250px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile),1fr));gap:var(--tile-gap);align-items:start}.media-tile{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:3px;background:var(--elev-2);border:1px solid var(--border)}.media-tile>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .2s ease}.media-tile>img.is-loading{opacity:.7}.gallery-badges{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:5px}.gallery-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:5px;border-radius:8px;background:rgba(0,0,0,.6);color:#fff}.gallery-badge .icon{width:9px;height:9px}.tile-overlay{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;gap:8px;padding:6px 8px;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0));color:#fff;opacity:0;transition:opacity .15s ease;pointer-events:none}.media-tile:hover .tile-overlay{opacity:1}.tile-overlay .metric{display:inline-flex;align-items:center;gap:6px;font-size:12px}.tile-overlay .metric .icon{width:16px;height:16px;fill:currentColor}.year-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--text-muted)}.year-divider:after,.year-divider:before{content:"";height:1px;background:var(--border);flex:1}.year-divider>span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:2px 10px;border:1px solid var(--border);border-radius:999px;background:var(--elev-1);color:var(--text-muted)}.grid-tiles>.year-divider{grid-column:1/-1}