.photo-days{gap:16px;display:grid}.photo-day{gap:8px;display:grid}.photo-day-heading{padding-inline:var(--page-gutter);color:var(--muted);font:var(--weight-semibold) var(--type-label-size) / 1.2 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;overflow-wrap:break-word;margin:0}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0;padding:0;list-style:none;display:grid}.photo-tile{aspect-ratio:1;background:var(--fill);color:var(--ink-on-dark);text-decoration:none;display:block;position:relative;overflow:hidden}.photo-tile>:is(img,video){object-fit:cover;width:100%;height:100%;display:block}.photo-tile-failed{background:var(--fill);width:100%;height:100%;display:block}.photo-tile-score,.photo-tile-play,.photo-tile-count{background:color-mix(in srgb, var(--shade) 72%, transparent);color:var(--ink-on-dark);align-items:center;gap:4px;display:inline-flex;position:absolute}.photo-tile-score{border-radius:var(--radius-pill);min-height:24px;font:var(--weight-bold) var(--type-meta-size) / 1 var(--font-ui);font-variant-numeric:tabular-nums;padding:0 8px;bottom:6px;left:6px}.photo-tile-play{border-radius:50%;justify-content:center;width:28px;height:28px;top:6px;right:6px}.photo-tile-count{border-radius:var(--radius-pill);min-height:28px;font:var(--weight-bold) var(--type-meta-size) / 1 var(--font-ui);font-variant-numeric:tabular-nums;padding:0 8px;top:6px;right:6px}@media (hover:hover){.photo-tile:hover>:is(img,video){filter:brightness(1.06)}}.photo-tile:focus-visible{outline:var(--focus-ring-on-dark);outline-offset:-4px;box-shadow:inset 0 0 0 6px color-mix(in srgb, var(--shade) 72%, transparent)}@media (min-width:901px){.photo-day-heading{padding-inline:0}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.photo-tile{border-radius:var(--radius-group)}}