.cast-grid{flex-direction:column;gap:20px;padding:10px 0;display:flex}.cast-item{color:inherit;border-radius:8px;grid-template-columns:300px 1fr;gap:16px;text-decoration:none;transition:all .3s;display:grid}@media (hover:hover){.cast-item:hover{background:#ffffff0f;transform:scale(1.02)}}@media (max-width:768px){.cast-item{grid-template-rows:auto auto;grid-template-columns:1fr;gap:12px}}.cast-item-image{aspect-ratio:16/9;background:#f0f0f0;border-top-left-radius:4px;border-bottom-left-radius:4px;width:100%;overflow:hidden}.cast-item-image img{object-fit:cover;width:100%;height:100%}.cast-item-info{flex-direction:column;justify-content:flex-start;gap:8px;display:flex}@media (min-width:1200px) and (max-width:1850px){.cast-item-info{padding-top:10px}}.cast-item-title{color:#fff;margin:0;font-size:18px;font-weight:600;line-height:1.3}@media (max-width:768px){.cast-item-title{font-size:16px}}.cast-item-role{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.role-badge{color:#fff;white-space:nowrap;background:#007bff;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-block}.character-name{color:#ccc;font-weight:500}.cast-item-description{color:#aaa;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.cast-item-meta{color:#999;gap:12px;margin-top:8px;font-size:12px;display:flex}.meta-item{white-space:nowrap;color:#ccc;background:#ffffff1a;border-radius:3px;padding:4px 8px;display:inline-block}