.cat-hero{padding:var(--space-3xl) var(--space-page-x) var(--space-xl)}.cat-hero h1{font-size:var(--text-display-s);max-width:18ch;margin-top:var(--space-md)}.cat-hero p{margin-top:var(--space-lg);max-width:48ch;color:var(--color-muted);font-weight:300;font-size:var(--text-md);line-height:1.65}.cat-grid{padding:0 var(--space-page-x) var(--space-3xl);border-top:1px solid var(--color-rule);border-left:1px solid var(--color-rule);grid-template-columns:repeat(3,1fr);display:grid}.cat-tile{border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);padding:var(--space-xl) var(--space-lg);min-height:9rem;transition:background .2s var(--ease-out);flex-direction:column;justify-content:space-between;display:flex}.cat-tile:hover{background:var(--color-paper-2)}.cat-tile span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral)}.cat-tile h3{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:600}@media (width<=860px){.cat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.cat-grid{grid-template-columns:1fr}}