*, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; background: #000; color: #fff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; overflow-x: hidden; } :root { --pink: #ff2d95; --pink-hover: #ff5ab3; } /* NAV BAR */ .nav-bar { position: fixed; top: 0; width: 100%; height: 45px; /* smaller height */ background: rgba(25,25,25,0.95); border-bottom: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(10px); z-index: 1500; display: flex; align-items: center; justify-content: center; } .nav-content { width: 100%; max-width: 1200px; display: flex; justify-content: space-between; align-items: center; padding: 0 2rem; } /* LOGO INSIDE NAVBAR */ .logo-link { display: flex; align-items: center; } .logo { width: 110px; height: auto; transition: 0.3s; } .logo:hover { transform: scale(1.05); } /* NAV LINKS */ .nav-links { display: flex; gap: 3rem; /* spacing between links */ } .nav-link { font-family: 'Orbitron', sans-serif; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; font-size: 0.85rem; color: #fff; text-decoration: none; transition: 0.2s; } .nav-link:hover { color: var(--pink-hover); } /* HERO */ .hero { padding-top: 8rem; text-align: center; } .hero-logo { max-width: 80%; height: auto; } .hero-tagline { font-family: 'Orbitron', sans-serif; font-size: 1.4rem; margin-top: 1rem; letter-spacing: 0.05em; } .hero-sub { font-size: 1rem; opacity: 0.85; } /* RELEASES */ .releases-wrap { position: relative; margin-top: 5rem; padding-bottom: 3rem; } .side-label { position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 1.5rem 2rem; background: rgba(0,0,0,0.85); border-right: 2px solid var(--pink); z-index: 20; } .side-label span { font-family: 'Orbitron', sans-serif; font-size: 1.4rem; letter-spacing: .15em; } .release-strip { display: flex; gap: 2.5rem; overflow: hidden; white-space: nowrap; padding: 2rem 0 2rem 220px; } .release-card { width: 320px; height: 320px; background: #111; border-radius: 6px; overflow: hidden; text-decoration: none; position: relative; flex: 0 0 auto; transition: transform .3s; } .release-card:hover { transform: scale(1.05); } .release-card::before { content: ""; position: absolute; inset: 0; border-radius: 6px; padding: 2px; background: linear-gradient(130deg, var(--pink), #ffffff20, var(--pink)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; animation: borderGlow 4s linear infinite; } @keyframes borderGlow { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } } .release-cover img { width: 100%; height: 100%; object-fit: cover; } .release-title { position: absolute; bottom: 0; width: 100%; padding: .8rem; background: rgba(0,0,0,0.73); text-align: center; font-family: 'Orbitron', sans-serif; letter-spacing: .1em; } /* FOOTER */ .site-footer { margin-top: 4rem; padding: 1.5rem 2rem; background: #111; font-size: 0.6rem; } .footer-content { display: flex; justify-content: space-between; align-items: center; max-width: 960px; margin: 0 auto; } /* MOBILE RESPONSIVE */ @media (max-width: 768px) { .nav-bar { height: 50px; } .nav-content { padding: 0 1rem; } .logo { width: 90px; } .nav-links { gap: 1.5rem; } .nav-link { font-size: 0.75rem; } .hero { padding-top: 8rem; } .side-label { position: relative; text-align: center; border-right: none; border-bottom: 2px solid var(--pink); margin-bottom: 1rem; background: transparent; transform: none; } .release-strip { padding: 0 1rem; overflow-x: auto; gap: 1rem; } .release-card { width: 250px; height: 250px; } } MLKSHK | Artists

ARTISTS

Artist One

ARTIST ONE

Bold electronic soundscapes and heavy bass lines define this unique producer’s style. Expect fresh drops and remixes in 2026.

Spotify
Artist Two

ARTIST TWO

Mixing retro nostalgia with modern beats — a perfect fit for MLKSHK’s next wave. New EP coming soon.

Instagram