.music-videos-page .hero{padding-bottom:20px}.music-videos-page .top-actions-buttons-row{flex-wrap:wrap;gap:10px}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;width:100%;padding-bottom:var(--space-8)}@media(max-width:600px){.videos-grid{grid-template-columns:1fr;gap:16px}}.videos-grid .gc-card{display:flex;flex-direction:column;gap:10px;padding:0;border:none;background:none;color:var(--ink);text-align:left;cursor:pointer;text-decoration:none;border-radius:var(--radius-lg)}.videos-grid .gc-card:focus-visible{outline:2px solid rgba(var(--gc-red2-rgb),.9);outline-offset:3px}.videos-grid .gc-card-image-wrap{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-lg);border:1px solid rgba(var(--ink-rgb),.08);background:rgba(var(--ink-rgb),.05);transition:border-color .2s ease,box-shadow .2s ease}.videos-grid .gc-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease,opacity .3s ease}.videos-grid .gc-card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000040;opacity:.85;transition:opacity .2s ease,background .2s ease;pointer-events:none}.videos-grid .gc-card-play svg{width:44px;height:44px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.videos-grid .gc-card:hover .gc-card-image,.videos-grid .gc-card:focus-visible .gc-card-image{transform:scale(1.04)}.videos-grid .gc-card:hover .gc-card-play,.videos-grid .gc-card:focus-visible .gc-card-play{opacity:1;background:#0000001a;color:#f03}.videos-grid .gc-card:hover .gc-card-image-wrap,.videos-grid .gc-card:focus-visible .gc-card-image-wrap{border-color:rgba(var(--gc-red2-rgb),.5);box-shadow:0 12px 32px #0000008c,0 0 20px #d10f1a2e}.videos-grid .gc-card-content{display:flex;flex-direction:column;gap:4px}.videos-grid .gc-card-title{color:var(--ink);font-family:var(--font-ui);font-size:var(--text-sm);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.videos-grid .gc-card-subtitle{color:var(--muted);font-family:var(--font-ui);font-size:var(--text-xs);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.videos-grid .gc-card-badge{position:absolute;top:8px;right:8px;background:#0009;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:var(--radius-sm);font-weight:700;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2}.videos-grid .gc-card-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display, serif);font-size:var(--text-4xl);opacity:.2;color:#ffffff4d;background:linear-gradient(135deg,#d10f1a1a,#000c)}@keyframes gc-skel-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}.videos-grid .gc-card-skel{pointer-events:none}.videos-grid .skel-block,.videos-grid .skel-line{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:250% 100%;animation:gc-skel-shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-lg)}.videos-grid .skel-line{height:10px;border-radius:var(--radius-sm);margin:4px 0}.videos-grid .skel-line-title{width:80%}.videos-grid .skel-line-subtitle{width:45%;height:8px}.videos-grid .codex-empty-state{grid-column:1 / -1}.videos-grid .codex-empty-state.is-error .empty-icon{animation:none}@media(prefers-reduced-motion:reduce){.videos-grid .gc-card-image,.videos-grid .gc-card-play,.videos-grid .gc-card-image-wrap,.videos-grid .skel-block,.videos-grid .skel-line{transition:none;animation:none}.videos-grid .gc-card:hover .gc-card-image,.videos-grid .gc-card:focus-visible .gc-card-image{transform:none}}