.cat-grid{grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2.5rem);margin:clamp(2.5rem,6vw,4rem) 0 0;padding:0;list-style:none;display:grid}@media (min-width:640px){.cat-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:980px){.cat-grid{grid-template-columns:repeat(3,1fr)}}.cat-grid--lg{gap:clamp(1.5rem,3.5vw,3rem)}@media (min-width:640px){.cat-grid--lg{grid-template-columns:repeat(2,1fr)}}@media (min-width:980px){.cat-grid--lg{grid-template-columns:repeat(2,1fr)}}.cat-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;width:100%;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s;display:block;position:relative;overflow:hidden}.cat-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));transform:translateY(-3px);box-shadow:0 22px 44px -28px #211d1773}.cat-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cat-card__media{aspect-ratio:4/5;background:var(--bg);width:100%;position:relative;overflow:hidden}.cat-card--lg .cat-card__media{aspect-ratio:4/3}.cat-card__media img{object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.cat-card:hover .cat-card__media img{transform:scale(1.04)}.cat-card__media--empty{justify-content:center;align-items:center;display:flex}.cat-card__media--empty span{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.cat-card__media:after{content:"";pointer-events:none;background:linear-gradient(#1a171400 42%,#1a171447 68%,#1a1714ad 100%);position:absolute;inset:0}.cat-card__media--empty:after{display:none}.cat-card__caption{z-index:1;justify-content:space-between;align-items:flex-end;gap:1rem;padding:clamp(1.1rem,2.6vw,1.6rem);display:flex;position:absolute;bottom:0;left:0;right:0}.cat-card__title{letter-spacing:-.01em;color:var(--surface);font-size:clamp(1.1rem,2.4vw,1.35rem);font-weight:400;line-height:1.2}.cat-card--lg .cat-card__title{font-size:clamp(1.4rem,3.4vw,1.9rem)}.cat-card__media--empty+.cat-card__caption .cat-card__title{color:var(--ink)}.cat-card__arrow{width:34px;height:34px;color:var(--surface);border:1px solid #f6f2ea8c;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:background-color .3s,color .3s,border-color .3s,transform .3s;display:inline-flex}.cat-card__arrow svg{width:16px;height:16px}.cat-card:hover .cat-card__arrow{background:var(--surface);color:var(--ink);border-color:var(--surface);transform:translate(2px)}.cat-card__media--empty+.cat-card__caption .cat-card__arrow{border-color:var(--line);color:var(--ink)}