/* GD2: мозаїка портфоліо. Колонки різної висоти, фото без кропу (пропорції збережені). */
.pf-tabs { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.2rem; }
.pf-tabs a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 1rem; border: 1px solid currentColor; text-decoration: none; color: inherit; }
.pf-cat { scroll-margin-top: 4.5rem; }
.pf-grid { column-count: 2; column-gap: 8px; }
.pf-item { margin: 0 0 8px; break-inside: avoid; }
.pf-item img { display: block; width: 100%; height: auto; background: #EDEAE4; }
@media (min-width: 700px) { .pf-grid { column-count: 3; } }
@media (min-width: 1100px) { .pf-grid { column-count: 4; } }