.media-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));display:grid}@media (width>=48em){.media-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.media-grid--portrait{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}}.media-grid__link{gap:var(--space-3);height:100%;color:inherit;grid-template-columns:minmax(0,1fr);text-decoration:none;display:grid}.media-grid--portrait .media-grid__link{padding:var(--space-2) var(--space-2) var(--space-3);background:var(--card-bg);border-radius:var(--radius-md);align-content:start}@media (width>=48em){.media-grid--portrait .media-grid__link{padding:var(--space-3) var(--space-3) var(--space-4)}}.media-grid__frame{background:var(--color-surface-sunken);border-radius:var(--radius-md);display:block;position:relative;overflow:hidden}.media-grid--portrait .media-grid__frame{padding:var(--space-3);border-radius:calc(var(--radius-md) - var(--space-1));background:#fff}.media-grid__image{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform var(--duration-base) var(--ease-out)}.media-grid--portrait .media-grid__image{aspect-ratio:5/7;object-fit:contain}.media-grid__link:hover .media-grid__image{transform:scale(1.03)}.media-grid__zoom{right:var(--space-3);bottom:var(--space-3);width:2.25rem;height:2.25rem;color:var(--color-ink);opacity:0;transition:opacity var(--duration-fast);background:#fff;border-radius:10px;place-items:center;display:grid;position:absolute}.media-grid__link:hover .media-grid__zoom,.media-grid__link:focus-visible .media-grid__zoom{opacity:1}.media-grid__caption{padding-inline:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-snug);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media (width>=48em){.media-grid__caption{font-size:var(--text-sm)}}