.t10-cats{padding-top: 0}.t10-cat-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 16px}.t10-cat{position: relative;display: flex;flex-direction: column;justify-content: space-between;gap: 60px;min-height: 220px;padding: 24px;border: 2px solid var(--t10-ink);border-radius: var(--t10-r-lg);overflow: hidden;color: var(--t10-ink);transition: 0.25s var(--t10-out),opacity 0.7s var(--t10-out)}.t10-cat:hover{transform: translate(-3px,-3px);box-shadow: 6px 6px 0 var(--t10-ink)}.t10-cat.y{background: var(--t10-yellow)}.t10-cat.b{background: var(--t10-blue);color: #fff}.t10-cat.c{background: var(--t10-coral);color: #fff}.t10-cat.m{background: var(--t10-mint)}.t10-cat.l{background: var(--t10-lime)}.t10-cat.p{background: var(--t10-pink)}.t10-cat.lv{background: var(--t10-lav)}.t10-cat-top{display: flex;justify-content: space-between;align-items: flex-start}.t10-cat .num{font-family: var(--t10-mono);font-size: 11px;font-weight: 700;letter-spacing: 0.1em}.t10-cat .arrow{width: 38px;height: 38px;border-radius: 50%;background: var(--t10-ink);color: var(--color-bg);display: grid;place-items: center;transition: 0.25s var(--t10-out)}.t10-cat:hover .arrow{transform: rotate(-45deg)}.t10-cat h3{font-family: var(--t10-display);font-size: 24px;font-weight: 800;letter-spacing: -0.03em;line-height: 1;margin: 0;color: inherit}.t10-cat .count{font-family: var(--t10-mono);font-size: 11px;letter-spacing: 0.06em;margin-top: 6px;opacity: 0.75}#page-home .t10-cat:nth-child(n + 5){display: none}@media (max-width: 1200px){.t10-cat-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 760px){.t10-cat-grid{grid-template-columns: 1fr;gap: 12px}.t10-cat{min-height: 150px;gap: 30px}}