.cards-hero{background-color:var(--bg-lavender);text-align:center;padding:80px 0 48px;position:relative;overflow:hidden}.cards-hero:before{content:"";opacity:.12;pointer-events:none;background-image:url(/hero-bg.webp);background-position:50%;background-size:cover;position:absolute;inset:0}.cards-hero h1{font-family:var(--font-heading);z-index:1;margin-bottom:12px;position:relative}.cards-hero .subtitle{color:var(--muted);z-index:1;max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.7;position:relative}.cards-hero-decor{color:var(--purple-2);opacity:.45;pointer-events:none;z-index:0;font-size:1.4rem;animation:6s ease-in-out infinite float;position:absolute}.cards-hero-decor:first-child{animation-delay:0s;top:20%;left:8%}.cards-hero-decor:nth-child(2){font-size:1rem;animation-delay:1.5s;top:30%;right:10%}.cards-hero-decor:nth-child(3){font-size:1.8rem;animation-delay:3s;bottom:20%;left:15%}.cards-hero-decor:nth-child(4){font-size:.9rem;animation-delay:2s;top:15%;right:20%}.cards-hero-decor:nth-child(5){animation-delay:4s;bottom:25%;right:8%}.filter-bar{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;max-width:700px;margin:32px auto 0;display:flex;position:relative}.filter-pill{border-radius:var(--radius-full);background:var(--glass-strong);border:1.5px solid var(--border);color:var(--text);cursor:pointer;padding:10px 22px;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-pill:hover{border-color:var(--purple-2);color:var(--purple-dark);transform:translateY(-1px)}.filter-pill.active{background:linear-gradient(135deg, var(--purple), var(--purple-2));color:#fff;box-shadow:0 4px 16px var(--purple-soft);border-color:#0000}.search-wrapper{z-index:1;max-width:400px;margin:24px auto 0;position:relative}.search-icon{color:var(--muted-2);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--glass-strong);width:100%;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;padding:12px 16px 12px 44px;font-size:.92rem;transition:all .3s}.search-input::placeholder{color:var(--muted-2)}.search-input:focus{border-color:var(--purple-2);box-shadow:0 0 0 3px var(--purple-soft)}.cards-grid-section{padding:48px 0 80px}.cards-count{text-align:center;color:var(--muted);margin-bottom:24px;font-size:.88rem}.cards-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.card-item{text-align:center;cursor:pointer;padding:0;text-decoration:none;display:block;overflow:hidden}.card-item-image{aspect-ratio:2/3;background:var(--bg-3);justify-content:center;align-items:center;padding:16px;display:flex;overflow:hidden}.card-item-image img{object-fit:contain;width:auto;height:100%;max-height:260px;transition:transform .4s cubic-bezier(.4,0,.2,1)}.card-item:hover .card-item-image img{transform:scale(1.05)}.card-item-info{padding:16px}.card-item-info h3{color:var(--text);font-size:.95rem;font-weight:600;font-family:var(--font-body);margin-bottom:6px}.card-item-info .keywords{color:var(--muted);font-size:.78rem;line-height:1.5}.no-results{text-align:center;color:var(--muted);padding:60px 20px}.no-results-icon{opacity:.5;margin-bottom:16px;font-size:3rem}.no-results p{font-size:1rem}@media (max-width:1024px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.cards-hero{padding:56px 0 36px}.cards-grid{grid-template-columns:repeat(2,1fr);gap:16px}.filter-bar{gap:8px}.filter-pill{padding:8px 16px;font-size:.82rem}.card-item-image,.card-item-info{padding:12px}}