.cat-grid{gap:var(--s-6)var(--s-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.cat-tile{border:1px solid var(--border);border-radius:var(--r-block);height:100%;transition:border-color var(--duration)ease,box-shadow var(--duration)ease;flex-direction:column;display:flex;overflow:hidden}.cat-tile:hover{border-color:var(--fg);box-shadow:var(--shadow-card)}.cat-tile__media{aspect-ratio:4/3;background:var(--field);width:100%;display:block;position:relative;overflow:hidden}.cat-tile__media img{object-fit:cover;transition:transform var(--ease-default)}.cat-tile:hover .cat-tile__media img{transform:scale(1.05)}.cat-tile__fallback{font-size:44px;font-weight:var(--fw-bold);color:var(--fg-40);place-items:center;display:grid;position:absolute;inset:0}.cat-tile__body{padding:var(--s-5);flex-direction:column;flex:1;gap:4px;display:flex}.cat-tile__name{font-size:var(--text-h5);font-weight:var(--fw-bold);line-height:1.25}.cat-tile__count{font-size:var(--text-sm);color:var(--fg-60)}.cat-tile__cta{margin-top:var(--s-4);font-size:var(--text-sm);font-weight:var(--fw-bold);align-items:center;gap:6px;display:inline-flex}.cat-tile__cta svg{transition:transform var(--ease-fast)}.cat-tile:hover .cat-tile__cta svg{transform:translate(4px)}@media (max-width:640px){.cat-grid{gap:var(--s-4)var(--s-3);grid-template-columns:repeat(2,1fr)}.cat-tile__body{padding:var(--s-4)}.cat-tile__name{font-size:var(--text-h6)}.cat-tile__cta{display:none}}