/* Distinct navigable routes. Each page has its own real URL and entry HTML. */
.nav{gap:20px;margin-left:3%}
main:focus{outline:none}
.nav a{white-space:nowrap;position:relative}
.nav a.current{color:#ff5261}
.nav a.current:after{content:'';height:2px;background:#f13446;position:absolute;left:0;right:0;bottom:-13px}
.nav-group{position:relative;display:flex;align-items:center;min-height:50px}
.nav-parent{display:inline-flex;align-items:center;gap:6px}
.nav-chevron{color:#ff5261;font-size:15px;line-height:1}
.nav-submenu{position:absolute;top:100%;left:-16px;min-width:178px;padding:9px 8px;background:#17171c;border:1px solid #38383e;box-shadow:0 22px 38px #0009;border-radius:3px;display:flex;flex-direction:column;gap:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px);transition:opacity .17s ease,transform .17s ease,visibility .17s ease;z-index:45}
.nav-group:hover .nav-submenu,.nav-group:focus-within .nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.nav-submenu a{padding:12px 10px;font-size:10px;letter-spacing:.11em}
.nav-submenu a:hover,.nav-submenu a.current{background:#27272e;color:#ff5261}
.nav-submenu a.current:after{display:none}
.produced-songs{display:none}
body[data-page="produced-songs"] .hero,
body[data-page="produced-songs"] .collections,
body[data-page="produced-songs"] .catalogue,
body[data-page="produced-songs"] .licences,
body[data-page="produced-songs"] .join-section{display:none}
body[data-page="produced-songs"] .produced-songs{display:grid;grid-template-columns:.88fr 1.12fr;gap:5%;align-items:center;min-height:75vh;background:radial-gradient(ellipse 45% 80% at 95% 15%,#45131c75,transparent 80%),#0d0d10}
.produced-intro h2{font-family:'Barlow Condensed','Space Grotesk',sans-serif;font-size:clamp(72px,8vw,130px);font-weight:900;line-height:.84;letter-spacing:-.03em;margin:30px 0 24px}
.produced-intro h2 span{color:#ed3447}
.produced-intro p{font-size:15px;line-height:1.75;color:#b5b5bf;max-width:470px}
.produced-panel{min-height:430px;border:1px solid #38323a;background:linear-gradient(145deg,#1e171d,#111115 66%);padding:45px;position:relative;overflow:hidden;display:flex;align-items:flex-end}
.produced-icon{position:absolute;right:-35px;top:-95px;font-family:'Space Grotesk',sans-serif;font-size:390px;font-weight:900;letter-spacing:-.17em;color:#ffffff08;transform:rotate(-12deg);pointer-events:none}
.produced-icon span{color:#e4344824}
.produced-panel-content{position:relative;z-index:1}
.produced-overline{color:#fa5262;font-size:10px;font-weight:800;letter-spacing:.17em}
.produced-panel h3{font-family:'Barlow Condensed','Space Grotesk',sans-serif;font-size:clamp(42px,4vw,66px);line-height:.97;letter-spacing:.01em;font-weight:900;margin:20px 0}
.produced-panel p{max-width:460px;line-height:1.65;color:#b4b4be;font-size:13px;margin-bottom:27px}
.produced-panel .btn{width:max-content}
body[data-page="home"] .collections,
body[data-page="home"] .catalogue,
body[data-page="home"] .licences,
body[data-page="home"] .join-section{display:none}
body[data-page="collections"] .hero,
body[data-page="collections"] .catalogue,
body[data-page="collections"] .licences,
body[data-page="collections"] .join-section{display:none}
body[data-page="beats"] .hero,
body[data-page="beats"] .collections,
body[data-page="beats"] .licences,
body[data-page="beats"] .join-section,
body[data-page="afrobeat"] .hero,
body[data-page="afrobeat"] .collections,
body[data-page="afrobeat"] .licences,
body[data-page="afrobeat"] .join-section,
body[data-page="uk-drill"] .hero,
body[data-page="uk-drill"] .collections,
body[data-page="uk-drill"] .licences,
body[data-page="uk-drill"] .join-section{display:none}
body[data-page="licences"] .hero,
body[data-page="licences"] .collections,
body[data-page="licences"] .catalogue,
body[data-page="licences"] .join-section{display:none}
body[data-page="join"] .hero,
body[data-page="join"] .collections,
body[data-page="join"] .catalogue,
body[data-page="join"] .licences{display:none}
body[data-page="home"] .hero{min-height:calc(100vh - 114px)}
body[data-page="collections"] .collections,
body[data-page="beats"] .catalogue,
body[data-page="afrobeat"] .catalogue,
body[data-page="uk-drill"] .catalogue,
body[data-page="licences"] .licences,
body[data-page="join"] .join-section{min-height:72vh}
body[data-page="afrobeat"] .catalogue,
body[data-page="uk-drill"] .catalogue{background:radial-gradient(ellipse 58% 400px at 60% 0,#3d131a4d,transparent 76%),#0d0d0f}
body[data-page="home"] .hero-footer>span:last-child{color:#c4c4cc}
body[data-page="home"] .hero-footer>span:last-child span{color:#f03244}
body[data-page="licences"] .licences,
body[data-page="collections"] .collections{padding-top:90px}
body[data-page="join"] .join-section{align-items:center}
@media(max-width:1170px){.nav{gap:11px;margin-left:2%}.nav a{font-size:9px}.topbar{padding:0 3%}.header-actions{gap:16px}}
@media(max-width:870px){.nav{display:none;position:absolute;top:83px;left:0;right:0;z-index:35;margin:0;padding:20px 5%;background:#121216;flex-direction:column;align-items:flex-start;gap:0;box-shadow:0 20px 35px #0008}.nav.open{display:flex}.nav a{font-size:12px;padding:13px 0;border-bottom:1px solid #29292f;width:100%}.nav a.current:after{bottom:7px;right:auto;width:36px}.mobile-menu{display:flex}.topbar{padding:0 5%}.nav-group{display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:0}.nav-submenu{position:static;display:flex;visibility:visible;opacity:1;transform:none;pointer-events:auto;box-shadow:none;border:0;border-left:2px solid #ed3447;border-radius:0;background:transparent;margin:3px 0 10px 10px;padding:0 0 0 13px;min-width:0}.nav-submenu a{font-size:11px;padding:10px 12px;color:#aaaab5}.nav-submenu a.current:after{display:none}body[data-page="produced-songs"] .produced-songs{grid-template-columns:1fr;gap:30px;padding-top:75px}.produced-panel{min-height:340px}}
@media(max-width:780px){.nav{top:69px}}
@media(max-width:540px){.produced-intro h2{font-size:clamp(70px,16vw,95px)}.produced-panel{padding:28px;min-height:330px}.produced-panel h3{font-size:46px}.produced-icon{font-size:320px;right:-28px;top:-75px}.produced-panel .btn{width:100%}}