.c-head{justify-content:space-between;align-items:center;gap:var(--s-4);margin-bottom:var(--s-6);flex-wrap:wrap;display:flex}.c-head h1{font-size:clamp(1.7rem,2.4vw,2.2rem);font-weight:var(--fw-black);letter-spacing:-.03em}.c-filters{margin-bottom:var(--s-6);flex-wrap:wrap;gap:10px;display:flex}.fchip{border:1.5px solid var(--line-strong);background:var(--white);border-radius:var(--r-pill);font-weight:var(--fw-semibold);font-size:var(--t-sm);color:var(--slate);cursor:pointer;transition:all var(--dur-fast);padding:8px 15px;font-family:inherit}.fchip.active{background:var(--ink);border-color:var(--ink);color:#fff}.c-grid{gap:var(--s-5);grid-template-columns:repeat(3,1fr);display:grid}.ccard{border-radius:var(--r-xl);border:1px solid var(--line);background:var(--white);box-shadow:var(--sh-sm);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base);overflow:hidden}.ccard:hover{box-shadow:var(--sh-lg);transform:translateY(-5px)}.ccard .banner{aspect-ratio:16/9;position:relative;overflow:hidden}.ccard .banner img{object-fit:cover;width:100%;height:100%}.ccard .banner .type{position:absolute;top:12px;left:12px}.ccard .body{padding:var(--s-5)}.ccard .avatar-stack{margin-top:var(--s-4)}@media (max-width:920px){.c-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.c-grid{grid-template-columns:1fr}}
