.bands-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (width<=768px){.bands-grid{grid-template-columns:1fr;gap:1.5rem}}.band-card{border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all .3s var(--ease-3);color:inherit;box-shadow:var(--shadow-xs);animation:slide-up-subtle .4s var(--ease-out-4) backwards;background:#fff;flex-direction:column;align-items:center;padding:2rem;text-decoration:none;display:flex;position:relative}.band-card:hover{box-shadow:var(--shadow-md);filter:brightness(1.02);transform:translateY(-8px)}.band-card:active{transform:translateY(-4px)}.band-card:first-child{animation-delay:50ms}.band-card:nth-child(2){animation-delay:.1s}.band-card:nth-child(3){animation-delay:.15s}.band-card:nth-child(4){animation-delay:.2s}.band-card:nth-child(5){animation-delay:.25s}.band-card:nth-child(6){animation-delay:.3s}.band-card-logo{border-radius:var(--radius-round);border:4px solid var(--bg-light);width:150px;height:150px;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden}.band-card-logo img{object-fit:cover;width:100%;height:100%}.band-card-logo-placeholder{width:100%;height:100%;font-size:var(--font-size-3xl);justify-content:center;align-items:center;display:flex}.band-card-content{width:100%}.band-card-name{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 .75rem}.band-card-slogan{font-size:var(--font-size-md);color:var(--text-secondary);opacity:.85;margin:0 0 .5rem;font-style:italic}.band-card-style{font-size:var(--font-size-sm);color:#fff;background:var(--primary);font-weight:var(--font-weight-semibold);border-radius:var(--radius-pill);text-transform:capitalize;margin:0 0 1rem;padding:.375rem .875rem;display:inline-block}.band-card-info{justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.band-card-members{font-size:var(--font-size-sm);color:var(--text-secondary);align-items:center;gap:.5rem;display:flex}.band-card-members i{color:var(--primary);font-size:var(--font-size-md)}.band-card-badge{border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;display:inline-flex}.band-card-badge.badge-complete{background:var(--bg-success-light);color:var(--success)}.band-card-badge.badge-published{background:var(--success);color:#fff}.band-card-badge i{font-size:var(--font-size-md)}.band-card-bg{border-radius:inherit;z-index:0;position:absolute;inset:0;overflow:hidden}.band-card-bg-img{object-fit:cover;width:100%;height:100%}.band-card-bg-overlay{background:var(--gradient-overlay);position:absolute;inset:0}.band-card[style*=background-image] .band-card-content{z-index:var(--z-base);position:relative}.band-card[style*=background-image] .band-card-name,.band-card[style*=background-image] .band-card-slogan,.band-card[style*=background-image] .band-card-members{color:#fff;text-shadow:0 1px 3px #00000080}.band-card[style*=background-image] .band-card-members i{color:#fff}.band-card-archived{opacity:.7}.band-card-archived:after{content:"Archivé";background:var(--text-secondary);color:#fff;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;padding:.25rem .75rem;position:absolute;top:1rem;right:1rem}.band-card-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.band-card-body{flex:1}.band-card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.band-info{flex:1;min-width:0}.band-meta{gap:var(--spacing-md);margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.band-meta-item{align-items:center;gap:var(--spacing-xs);display:inline-flex}.band-meta-item i{color:var(--primary-light);font-size:var(--font-size-sm)}.band-actions,.band-card-actions{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}@media (width<=768px){.band-card{padding:1.5rem}.band-card-header{text-align:center;flex-direction:column}.band-card-actions,.band-actions{justify-content:center}.band-card-logo{width:120px;height:120px;margin-bottom:1rem}.band-card-logo-placeholder{font-size:var(--font-size-3xl)}.band-card-name{font-size:var(--font-size-xl)}.band-card-slogan{font-size:var(--font-size-sm)}}