:root{--showcase-accent:#1d4ed8;--showcase-ink:#0f172a;--showcase-muted:#64748b;--showcase-border:#e2e8f0;--showcase-surface:#fff;--showcase-shadow:0 18px 32px rgba(15,23,42,.08);--showcase-shadow-hover:0 28px 48px rgba(15,23,42,.14)}.showcase-section{padding:var(--space-10,3rem) 0 var(--space-16,4rem)}.showcase-container{color:var(--showcase-ink);margin:0 auto;max-width:1320px;padding:0 var(--space-6,1.5rem)}.showcase-search{align-items:center;animation:fadeInUp .6s ease .1s both;display:flex;flex-direction:column;gap:var(--space-3,.75rem);margin-bottom:var(--space-8,2rem)}.showcase-search .search-context{max-width:680px;text-align:center;width:100%}.showcase-search .search-context .search-description{color:var(--showcase-muted);font-size:1rem;font-weight:400;line-height:1.6;margin:0 0 var(--space-2,.5rem) 0}.showcase-search .search-label{align-items:center;background:var(--showcase-surface);border:1px solid var(--showcase-border);border-radius:12px;color:var(--showcase-ink);display:flex;gap:var(--space-3,.75rem);max-width:600px;padding:var(--space-3,.75rem) var(--space-4,1rem);transition:all .2s ease;width:100%}.showcase-search .search-label:hover{border-color:rgba(29,78,216,.35)}.showcase-search .search-label:focus-within{border-color:rgba(29,78,216,.6);box-shadow:0 0 0 4px rgba(29,78,216,.15)}.showcase-search .search-label i{color:var(--showcase-accent);font-size:1rem;opacity:.8}.showcase-search .search-label input{background:transparent;border:none;color:var(--showcase-ink);flex:1;font-size:1rem;font-weight:400;outline:none}.showcase-search .search-label input::placeholder{color:#94a3b8}.showcase-search .search-status{color:var(--showcase-muted);font-size:.875rem;font-weight:500;padding:var(--space-2,.5rem) 0;text-align:center}.showcase-search .search-status:not([hidden]){display:block}.showcase-search .search-status.status-error{color:#dc2626}.showcase-search .search-status.status-success{color:var(--showcase-accent)}.showcase-grid{display:grid;gap:var(--space-8,2rem);grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-item.hidden{display:none}.showcase-empty{align-items:center;background:#f8fafc;border:1px dashed var(--showcase-border);border-radius:16px;color:var(--showcase-muted);display:flex;flex-direction:column;gap:var(--space-3,.75rem);grid-column:1/-1;justify-content:center;padding:var(--space-16,4rem) var(--space-6,1.5rem);text-align:center}.showcase-empty i{color:#94a3b8;font-size:3rem;margin-bottom:var(--space-2,.5rem)}.showcase-empty h3{color:#334155;font-size:1.25rem;font-weight:600;margin:0}.showcase-empty p{font-size:.95rem;margin:0;max-width:300px}.showcase-card{background:var(--showcase-surface);border:1px solid var(--showcase-border);border-radius:20px;box-shadow:var(--showcase-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.showcase-card:hover{border-color:rgba(29,78,216,.35);box-shadow:var(--showcase-shadow-hover);transform:translateY(-4px)}.showcase-card:hover .showcase-image{transform:scale(1.03)}.showcase-image-wrapper{background:#f8fafc;height:240px;overflow:hidden;position:relative;width:100%}.showcase-image{height:100%;object-fit:cover;transition:transform .35s ease;width:100%}.showcase-content{display:flex;flex:1;flex-direction:column;gap:var(--space-4,1rem);padding:var(--space-6,1.5rem)}.showcase-title{color:var(--showcase-ink);font-size:1.15rem;font-weight:700;margin:0}.showcase-description{color:#475569;display:-webkit-box;font-size:.95rem;-webkit-line-clamp:2;line-height:1.6;margin:0;-webkit-box-orient:vertical;overflow:hidden}.showcase-meta{border-top:1px solid var(--showcase-border);display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.75rem}.showcase-meta span{color:var(--showcase-muted);font-size:.68rem;font-weight:600;letter-spacing:.08em;padding-right:.75rem;position:relative;text-transform:uppercase}.showcase-meta span:after{background:var(--showcase-border);content:"";height:10px;position:absolute;right:.2rem;top:50%;transform:translateY(-50%);width:1px}.showcase-meta span:last-child:after{display:none}.showcase-tags{display:flex;flex-wrap:wrap;gap:.5rem}.showcase-tag{background:#f1f5f9;border-radius:999px;color:#475569;font-size:.7rem;font-weight:600;letter-spacing:.06em;padding:.25rem .6rem;text-transform:uppercase}.showcase-cta{align-self:flex-start;border:1px solid rgba(29,78,216,.4);border-radius:10px;color:var(--showcase-accent);font-size:.9rem;font-weight:600;margin-top:auto;padding:.55rem 1.2rem;text-decoration:none;transition:all .2s ease}.showcase-cta:hover{background:var(--showcase-accent);color:#fff}@media(max-width:1100px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.showcase-container{padding:0 var(--space-4,1rem)}.showcase-search{margin-bottom:var(--space-6,1.5rem)}.showcase-search .search-context .search-description{font-size:.9rem}.showcase-search .search-label{padding:var(--space-2,.5rem) var(--space-3,.75rem)}.showcase-search .search-label input{font-size:.9rem}.showcase-grid{grid-template-columns:1fr}.showcase-image-wrapper{height:220px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}