/* retoor */ .gallery-intro { color: var(--ink-soft); max-width: 34em; margin: 0 0 var(--space-xl); } .gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xl) var(--space-lg); } .gallery figure { margin: 0; min-width: 0; } .gallery a.frame { display: block; border: var(--border); background: var(--bg-sunken); cursor: zoom-in; } .gallery a.frame:hover { border-color: rgba(var(--accent-rgb), 0.7); } .gallery img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; } .gallery figcaption { margin-top: var(--space-sm); font-size: var(--text-base); color: var(--ink-soft); display: flex; justify-content: space-between; gap: var(--space-md); } .gallery figcaption .index { font-family: var(--font-sans); font-size: var(--text-xs); color: var(--faint); letter-spacing: 0.08em; } .gallery.flyers { grid-template-columns: minmax(0, 1fr); } @media (max-width: 768px) { .gallery { grid-template-columns: minmax(0, 1fr); } }