.courses-filters{flex-wrap:wrap;gap:8px;margin-top:clamp(24px,3.5vh,36px);display:flex}.filter{border-radius:var(--radius-pill);height:42px;box-shadow:inset 0 0 0 1px var(--border);font-size:var(--fs-body);color:var(--text);white-space:nowrap;align-items:center;padding:0 20px;font-weight:500;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.filter:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--border-strong)}.filter.active{background:var(--ink);color:#fff;box-shadow:none}.courses-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px;display:grid}.course-card{animation:course-in .45s var(--ease) both;animation-delay:calc(var(--i) * 40ms)}@keyframes course-in{0%{opacity:0;transform:translateY(14px)}}.course-link{border-radius:var(--radius);border:1px solid var(--border);background:#fff;flex-direction:column;height:100%;transition:transform .4s cubic-bezier(.34,1.5,.5,1);display:flex;overflow:hidden}.course-link:hover{transform:translateY(-6px)rotate(-2deg)}.course-card:nth-child(2n) .course-link:hover{transform:translateY(-6px)rotate(2deg)}.course-media{aspect-ratio:5/4;background:var(--c-soft);position:relative;overflow:hidden}.course-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.course-link:hover .course-media img{transform:scale(1.06)}.course-placeholder{color:var(--c-ink);background:radial-gradient(circle at 25% 20%, color-mix(in srgb, var(--c) 26%, transparent), transparent 55%), radial-gradient(circle at 85% 95%, color-mix(in srgb, var(--c) 18%, transparent), transparent 50%), color-mix(in srgb, var(--c-soft) 70%, #fff);place-items:center;display:grid;position:absolute;inset:0}.course-placeholder svg{transition:transform .45s cubic-bezier(.34,1.6,.5,1)}.course-link:hover .course-placeholder svg{transform:scale(1.15)rotate(8deg)}.course-body{flex-direction:column;flex:1;padding:16px 16px 14px;display:flex}.course-cat{color:var(--c-ink);font-size:12.5px;font-weight:600}.course-title{letter-spacing:-.02em;color:var(--ink);margin:6px 0 0;font-size:clamp(19px,1.5vw,22px);font-weight:600;line-height:1.2}.course-foot{flex-direction:column;align-items:flex-start;gap:14px;margin-top:auto;padding-top:14px;display:flex}.course-meta{font-size:var(--fs-xs);color:var(--text-muted);flex-wrap:wrap;gap:4px 12px;display:flex}.course-meta>span{align-items:center;gap:5px;display:inline-flex}.course-more{font-size:var(--fs-sm);color:var(--ink);text-underline-offset:4px;flex-shrink:0;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .2s}.course-link:hover .course-more{color:var(--c-ink);text-decoration-color:currentColor}@media (width<=960px){.courses-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.courses-filters{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding:2px 16px;overflow-x:auto}.courses-filters::-webkit-scrollbar{display:none}.courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.course-link{border-radius:var(--radius)}.course-body{padding:12px 12px 10px}.course-title{font-size:16px}.course-foot{gap:10px;padding-top:12px}}@media (prefers-reduced-motion:reduce){.course-card{animation:none}.course-link:hover,.course-card:nth-child(2n) .course-link:hover{transform:none}}