.grid-container{grid-template-columns:repeat(4,1fr);justify-content:start;align-items:start;gap:20px;max-width:1550px;margin:0 auto;padding:20px;display:grid}@media (max-width:1280px){.grid-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:960px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-container{grid-template-columns:1fr}}.card{background:#000;border-radius:10px;flex-direction:column;width:100%;max-width:320px;transition:transform .2s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 0 10px #00000080}.card:hover{transform:scale(1.03)}.card img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.card-text{color:#fff;background:#111;flex-direction:column;gap:4px;padding:12px;font-size:14px;display:flex}.card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.card-meta{color:#bbb;font-size:13px;font-style:italic}.performer-section-title{text-align:left;color:#fff;margin-bottom:1rem;padding-left:1rem;font-size:1.5rem}.social-button{color:#fff;white-space:nowrap;cursor:pointer;background:#252525;border:1px solid #555;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 8px #00000059}.social-button:hover{color:#fff;background:#383838;border-color:#ff69b4;transform:translateY(-1px);box-shadow:0 3px 10px #00000073,0 0 8px #ff69b440}@media (max-width:640px){.grid-container{gap:16px;padding:12px}.social-button{padding:8px 14px;font-size:13px}}
