/* Additive video section: reuses the site's typography, palette and shared shell. */
.video-eyebrow{color:var(--orange)!important;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px!important}
.videos-gallery{padding:55px 0 85px}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:40px;align-items:stretch}
.video-card{display:flex;flex-direction:column;min-width:0;width:100%;max-width:none;justify-self:center;background:#111;border:1px solid #292929;border-radius:12px;overflow:hidden}
.video-thumbnail{display:block;position:relative;aspect-ratio:16/9;background:#090909;overflow:hidden}
.video-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.video-thumbnail:hover img{transform:scale(1.025)}
.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#050505;font-size:24px;box-shadow:0 0 0 8px rgba(0,0,0,.2)}
.video-duration{position:absolute;right:14px;bottom:14px;background:#050505;padding:3px 9px;border-radius:4px;color:#fff;font-size:.8rem}
.video-card-copy{display:flex;flex-direction:column;flex:1;padding:26px}
.video-card h2{font-size:1.8rem;line-height:1.2;margin-bottom:8px}
.video-card a,.video-detail a{color:inherit;text-decoration:none}
.video-card-copy>p,.video-about>p{color:#cfcfcf}
.video-date{font-size:.85rem;margin-top:10px}
.video-detail{padding:125px 0 85px}
.video-back{display:inline-block;color:#cfcfcf!important;margin-bottom:22px;padding:4px 0}
.video-heading{margin-bottom:24px}
.video-heading h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;margin-bottom:10px;overflow-wrap:anywhere}
.video-artists{font-size:1.1rem;color:#cfcfcf}
.video-player{aspect-ratio:16/9;background:#111;border:1px solid #292929;border-radius:10px;overflow:hidden}
.video-player iframe{display:block;width:100%;height:100%;border:0}
.video-watch-link{text-align:right;margin:12px 0 36px;font-size:.85rem;color:#cfcfcf}
.video-info-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px}
.video-info-grid>*{min-width:0}
.video-detail h2{font-size:1.2rem;margin-bottom:14px}
.video-facts{margin:22px 0 30px}
.video-facts>div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:9px 0;border-bottom:1px solid #262626}
.video-facts dt{color:#aaa;font-size:.9rem}
.video-facts dd{margin:0;overflow-wrap:anywhere}
.video-release{background:#111;border:1px solid #292929;border-radius:10px;padding:26px;align-self:start}
.video-release-cover{display:flex;gap:20px;align-items:center;margin:20px 0 26px}
.video-release-cover img{width:100px;height:100px;object-fit:cover;border-radius:6px}
.video-release-cover strong{display:block;font-size:1.15rem}
.video-release-cover span span{display:block;font-size:.8rem;color:#aaa;margin-top:5px}
.video-card a:focus-visible,.video-detail a:focus-visible,.navbar a:focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.video-back:hover,.video-watch-link a:hover,.video-card h2 a:hover{color:var(--orange)!important}
@media(max-width:900px){.video-info-grid{grid-template-columns:1fr;gap:10px}.video-detail{padding-top:115px}.video-player{border-radius:5px}}
@media(max-width:480px){.videos-gallery{padding:30px 0 55px}.video-card-copy,.video-release{padding:20px}.video-facts>div{grid-template-columns:90px 1fr;gap:12px}.video-release-cover{gap:14px}.video-release-cover img{width:80px;height:80px}.video-watch-link{margin-bottom:26px}.video-detail{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.video-thumbnail img{transition:none}}
/* Keep collapsed mobile links out of keyboard and screen-reader navigation. */
@media(max-width:900px){.nav-links:not(.show){visibility:hidden}.nav-links.show{visibility:visible}}


/* Use the exact artist profile button class for video actions. */
.video-play{color:#fff;font-size:0}
.video-play svg{display:block;margin-left:3px}

.video-actions.artist-links-single{margin:22px 0 0}
.video-actions.artist-links-single a{background:var(--black);font-weight:400}
.video-actions.artist-links-single a:hover{background:var(--orange)}

/* Permanent catalogue: two equal video cards per row, one on phones. */
.video-grid>.video-card:only-child{grid-column:1/-1;width:calc((100% - 32px)/2)}
.video-card-copy .video-actions{margin-top:auto;padding-top:22px}
.video-card h2,.video-card-copy>p{overflow-wrap:anywhere}
@media(max-width:700px){
    .video-grid{grid-template-columns:minmax(0,1fr);gap:26px}
    .video-grid>.video-card:only-child{grid-column:auto;width:100%}
}
