:root{--black:#050507;--dark:#0d0d10;--card:#111116;--border:#1e1e26;--cyan:#3bd6e0;--white:#f0f0f5;--muted:#8a8aa0;
--font-display:'Bebas Neue',sans-serif;--font-body:'DM Sans',sans-serif;--font-mono:'Space Mono',monospace}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--white);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
.w-nav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:16px 48px;background:rgba(5,5,7,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.w-logo img{height:36px;width:auto}
.w-nav-links{display:flex;gap:28px;align-items:center}
.w-nav-links a{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;color:var(--muted);transition:color .2s}
.w-nav-links a:hover{color:var(--white)}
.w-nav-links .w-cta{color:var(--cyan);border:1px solid var(--cyan);padding:10px 18px}
.w-nav-links .w-cta:hover{background:var(--cyan);color:var(--black)}
.w-wrap{max-width:1200px;margin:0 auto;padding:0 48px}
.w-crumbs{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:40px 0 16px}
.w-crumbs a{text-decoration:none;color:var(--muted)}.w-crumbs a:hover{color:var(--cyan)}
.w-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}
h1.w-title{font-family:var(--font-display);font-size:clamp(48px,7vw,104px);line-height:.92;letter-spacing:1px;margin-bottom:12px}
.w-sub{color:var(--muted);font-size:15px;margin-bottom:36px}
.w-player{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--border);overflow:hidden;cursor:pointer}
.w-player img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .3s,transform .6s}
.w-player:hover img{opacity:1;transform:scale(1.02)}
.w-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.w-play{position:absolute;top:50%;left:50%;width:88px;height:88px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(5,5,7,.45);display:flex;align-items:center;justify-content:center;transition:all .25s}
.w-play svg{width:30px;height:30px;fill:#fff;margin-left:4px}
.w-player:hover .w-play{background:var(--cyan);border-color:var(--cyan)}
.w-player:hover .w-play svg{fill:var(--black)}
.w-info{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;padding:56px 0}
.w-info h2,.w-more h2,.w-stills h2{font-family:var(--font-display);font-size:30px;letter-spacing:1px;margin-bottom:16px}
.w-info p{color:#c4c4d4;font-size:16px;line-height:1.8;margin-bottom:20px}
.w-yt{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);text-decoration:none}
.w-details{border-top:1px solid var(--border)}
.w-details div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border);font-size:14px}
.w-details dt{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding-top:3px}
.w-details dd{text-align:right}
.w-stills{padding-bottom:56px}
.w-stills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.w-stills-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border)}
.w-cta-box{border:1px solid var(--border);background:linear-gradient(135deg,var(--dark),#0a1a1c);padding:56px;text-align:center;margin-bottom:72px}
.w-cta-box h2{font-family:var(--font-display);font-size:clamp(36px,5vw,64px);line-height:.95;margin-bottom:16px}
.w-cta-box h2 em{font-style:normal;color:var(--cyan)}
.w-cta-box p{color:var(--muted);margin-bottom:28px}
.w-btn{display:inline-block;padding:16px 36px;background:var(--cyan);color:var(--black);text-decoration:none;font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;transition:background .2s}
.w-btn:hover{background:#fff}
.w-more{padding-bottom:80px}
.w-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.w-card{text-decoration:none;display:block;border:1px solid var(--border);background:var(--card);transition:border-color .25s}
.w-card:hover{border-color:var(--cyan)}
.w-card-img{aspect-ratio:16/9;overflow:hidden}
.w-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.w-card:hover .w-card-img img{transform:scale(1.05)}
.w-card-body{padding:16px 18px 18px}
.w-card-type{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan)}
.w-card-title{font-family:var(--font-display);font-size:24px;letter-spacing:.5px;line-height:1.1;margin-top:6px}
.w-card-artist{color:var(--muted);font-size:13px;margin-top:2px}
.w-intro{color:var(--muted);max-width:620px;font-size:16px;margin-bottom:48px}
.w-footer{border-top:1px solid var(--border);padding:48px;text-align:center;color:var(--muted);font-size:13px}
.w-footer img{height:32px;width:auto;margin:0 auto 16px}
.w-footer p{margin-top:6px}.w-footer a{text-decoration:none}.w-footer a:hover{color:var(--cyan)}
.w-copy{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-top:16px}
@media(max-width:900px){.w-info{grid-template-columns:1fr;gap:40px}.w-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.w-nav{padding:14px 20px}.w-nav-links{gap:16px}.w-nav-links a:not(.w-cta){display:none}
.w-wrap{padding:0 20px}.w-grid,.w-stills-grid{grid-template-columns:1fr}.w-cta-box{padding:40px 20px}.w-play{width:68px;height:68px}}