.media-page .media-filters { padding-block: var(--spacing-block) calc(var(--spacing) * 4); }
.media-page .media-feed { padding-top: 0; }
.media-page .media-card { scroll-margin-top: 7rem; }
.media-count { margin-top: calc(var(--spacing) * 3); }
.media-page .media-card .preview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.media-page .media-card .preview { background: var(--color-sand-light); }
.media-page .media-card[data-format="article"] .preview img { object-fit: cover; }
.media-page .media-card[data-id="article-1"] .preview img { object-position: 65% center; }
.media-page .media-card[data-id="dzen-alXLV5SdZ3fZ0jbU"] .preview img { object-position: center top; }
.media-page .media-card .t-caps { margin-top: calc(var(--spacing) * 3); }
.media-page .media-card .t-h3 { margin-top: calc(var(--spacing) * 2); }
.media-page .media-card .t-small { margin-top: calc(var(--spacing) * 2); }
.media-page #media-grid { row-gap: var(--spacing-block); }
.media-page [hidden] { display: none !important; }
.media-pagination { display: flex; flex-wrap: wrap; gap: var(--spacing); margin-top: var(--spacing-block); }
.media-pagination a { min-width: 44px; min-height: 44px; display: grid; place-items: center; padding: var(--spacing); color: inherit; text-decoration: none; border-bottom: 1px solid var(--rule); }
.media-pagination a[aria-current] { background: var(--color-sand); }
@media (hover:hover) { .media-pagination a:hover { background: var(--color-sand-light); } }