{"title":"DRUM AND BASS SAMPLE PACKS","description":"\u003cspan data-mce-fragment=\"1\"\u003eUnleash the groove of DnB production with our exclusive royalty free drum and bass sample packs. Explore our range of drum and bass samples, complete with Ableton project files.\u003c\/span\u003e","products":[{"product_id":"drum-and-bass-sound-design","title":"DRUM AND BASS SOUND DESIGN SAMPLE\/PRESET PACK","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n \u003cstyle\u003e\n \/* Desktop Only Title Margin *\/\n @media (min-width: 769px) {\n .main-bundle-wrapper {\n margin-top: -40px !important;\n }\n }\n \/* Greyish Blue Chrome Title Gradient *\/\n .hero-title {\n color: #ffffff;\n font-size: 38px;\n font-weight: 900;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 4px;\n background: -webkit-linear-gradient(#ffffff, #8ab0c0, #5a7a8a);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n }\n .hero-tagline {\n font-size: 20px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 35px;\n letter-spacing: 1.5px;\n }\n \n \/* Standardized Stat Bar Class - Greyish Blue *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #8ab0c0;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(138, 176, 192, 0.1);\n }\n .stat-item { border-right: 1px solid #333; }\n .stat-item:last-child { border-right: none; }\n .stat-val { font-size: 28px; font-weight: 800; color: #8ab0c0; display: block; line-height: 1; }\n .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n \n \/* Monolith Top: SoundCloud Hero (Gap-Fix Architecture) *\/\n .showcase-unit {\n max-width: 900px;\n margin: 0 auto !important;\n background-color: #000;\n border: 1px solid #333;\n border-bottom: none;\n padding: 25px 20px 5px 20px;\n border-radius: 12px 12px 0 0;\n box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n }\n \/* Monolith Bottom (Fused Description) *\/\n .hero-description-box {\n max-width: 900px;\n margin: 0px auto 40px auto !important; \n background-color: #000;\n border: 1px solid #333;\n border-top: none; \n padding: 10px 30px 25px 30px;\n margin-top: 0px;\n border-radius: 0 0 12px 12px; \n box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n }\n .hero-main-text {\n margin: 0;\n margin-top: 0;\n font-size: 18px; \n line-height: 1.5;\n color: #fff;\n font-weight: 500;\n }\n \/* Mobile Only Hero Text Margin Fix *\/\n @media (max-width: 768px) {\n .hero-main-text {\n margin-top: 5px !important;\n }\n }\n .hero-sub-text {\n font-size: 15px; \n color: #ccc;\n display: block;\n margin-top: 8px;\n }\n .checkmark { color: #8ab0c0; font-weight: bold; font-size: 16px; margin-right: 12px; }\n \n \/* Requirements Grid *\/\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 850px;\n margin: 40px auto 20px auto;\n text-align: left;\n }\n .req-title {\n color: #fff;\n font-size: 16px;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-bottom: 2px solid #8ab0c0;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eDrum and Bass Sound Design\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eElite Professional Toolkit for Modern DnB\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e196\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSamples \u0026amp; Presets\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e55\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eHybrid Presets\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e5\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject Files\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"showcase-unit\"\u003e\n \u003cdiv style=\"margin-bottom: 15px; font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 2px;\"\u003eSonic Showcase\u003c\/div\u003e\n \u003ciframe width=\"100%\" height=\"166\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1332877771%3Fsecret_token%3Ds-PVXoci7PVUk\u0026amp;color=%238ab0c0\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eDeveloped by industry-leading professionals. \u003cspan style=\"color: #8ab0c0; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eCraft elite drum and bass productions.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003ePacked with hard-hitting basses, punchy drums, and aggressive Serum presets, this pack provides the raw materials required to build anything from heavy rollers to neuro-infused monsters.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto 50px auto;\"\u003e\n \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 35px;\"\u003eThe Sound Arsenal\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 136 High-Impact .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 77 Bass tools, 13 Drum Loops, 13 Cymbals, 9 Kicks, 9 Snares, 13 FX, and 7 Atmospheres.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 55 Elite Hybrid Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e50 specialized Xfer Serum patches and 5 Phase Plant 2.0 presets engineered for maximum grit and clarity.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 5 Ableton Live Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eStudy and reverse-engineer the drops from the official demo tracks using professional arrangement workflows.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 2 Bass Amp Racks \u0026amp; 18 MIDI Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eInstant power with custom Ableton processing chains and 18 melodic\/rhythmic ideas to jump-start your sessions.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(138, 176, 192, 0), rgba(138, 176, 192, 0.4), rgba(138, 176, 192, 0)); margin: 40px 0;\"\u003e\n\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eSound Previews\u003c\/h3\u003e\n \u003cdiv id=\"waveform\" class=\"waveform product-block\" style=\"background: #111; padding: 20px; border-radius: 8px; border: 1px solid #222; margin-bottom: 40px;\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"req-container\"\u003e\n \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eCore Compatibility\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW Compatible\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum 1.341+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Phase Plant 2.0\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eProject Requirements\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 13px; text-align:left; line-height:1.4;\"\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton Live 11.1.6+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e CamelCrusher (Free)\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer OTT (Free)\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e kHs Reverb (Optional)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to initiate your next sonic DnB monster?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #8ab0c0; color: #000; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(138, 176, 192, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(138, 176, 192, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(138, 176, 192, 0.4)';\"\u003eINITIATE THE DESIGN\u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL DELIVERY • SECURE CHECKOUT • 100% ROYALTY FREE\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript type=\"text\/javascript\"\u003e\n let arrayOfItems = [];\n function initPlayers(){\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Filler-D_-174_8.wav?v=1661645014', 'Filler D 174', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Bass-E-172_11_7a36b660-44dd-48e1-b042-f76b00c5c9a2.wav?v=1661646675', 'Bass E 172', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Bass-G_-172.wav?v=1661645014', 'Bass G 172', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Bass-E-174_15.wav?v=1661645014', 'Bass E 174', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Shot-D_-174_1.wav?v=1661645014', 'Shot D 174', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Filler-E-174_8.wav?v=1661645014', 'Filler E 174', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Bass-E-174_13.wav?v=1661645014', 'Bass E 174 (Alt)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Bass-E-174_12.wav?v=1661645014', 'Bass E 174 (V2)', '#fff', '#8ab0c0', 20, 'waveform');\n }\n function renderWavePlayer(url, name, bgColor, prColor, height, parentSelector) {\n let dom = document.createElement('div');\n let btn = document.createElement('img');\n let title = document.createElement('div');\n let vaweBlock = document.createElement('div');\n dom.id = `sample-${arrayOfItems.length}`;\n btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n btn.className = \"play-pause-btn\";\n btn.style.width = \"20px\";\n btn.style.cursor = \"pointer\";\n btn.style.marginRight = \"15px\";\n title.textContent = name;\n title.style.fontSize = \"12px\";\n title.style.color = \"#888\";\n title.style.minWidth = \"120px\";\n vaweBlock.style.flex = \"1\";\n dom.style.display = \"flex\";\n dom.style.alignItems = \"center\";\n dom.style.marginBottom = \"10px\";\n dom.appendChild(btn);\n dom.appendChild(vaweBlock);\n dom.appendChild(title);\n document.getElementById(parentSelector).appendChild(dom);\n let wavesurfer = WaveSurfer.create({\n container: vaweBlock,\n waveColor: bgColor,\n progressColor: prColor,\n cursorColor: 'transparent',\n hideScrollbar: true,\n height: height,\n mediaControls: false\n });\n wavesurfer.load(url);\n wavesurfer.on('finish', function () { btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685'; });\n btn.addEventListener('click', function () {\n wavesurfer.playPause();\n btn.src = wavesurfer.isPlaying() ? 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pasue.png?v=1712806768' : 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n });\n arrayOfItems.push(wavesurfer);\n }\n initPlayers();\n\u003c\/script\u003e","brand":"EDM Templates","offers":[{"title":"Standaardtitel","offer_id":43162431193341,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNBSDV1.webp?v=1778160936"},{"product_id":"drum-and-bass-sound-design-vol-2","title":"DRUM AND BASS SOUND DESIGN VOL. 2 SAMPLE\/PRESET PACK","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n \u003cstyle\u003e\n \/* Desktop Only Title Margin *\/\n @media (min-width: 769px) {\n .main-bundle-wrapper {\n margin-top: -40px !important;\n }\n }\n \/* Greyish Blue Chrome Title Gradient *\/\n .hero-title {\n color: #ffffff;\n font-size: 38px;\n font-weight: 900;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 4px;\n background: -webkit-linear-gradient(#ffffff, #8ab0c0, #5a7a8a);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n }\n .hero-tagline {\n font-size: 20px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 35px;\n letter-spacing: 1.5px;\n }\n \n \/* Standardized Stat Bar Class - Slate Blue *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #8ab0c0;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(138, 176, 192, 0.1);\n }\n .stat-item { border-right: 1px solid #333; }\n .stat-item:last-child { border-right: none; }\n .stat-val { font-size: 28px; font-weight: 800; color: #8ab0c0; display: block; line-height: 1; }\n .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n \n \/* Monolith Top: SoundCloud Hero (Gap-Fix Architecture) *\/\n .showcase-unit {\n max-width: 900px;\n margin: 0 auto !important;\n background-color: #000;\n border: 1px solid #333;\n border-bottom: none;\n padding: 25px 20px 5px 20px;\n border-radius: 12px 12px 0 0;\n box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n }\n \/* Monolith Bottom (Fused Description) *\/\n .hero-description-box {\n max-width: 900px;\n margin: 0px auto 40px auto !important; \n background-color: #000;\n border: 1px solid #333;\n border-top: none; \n padding: 10px 30px 25px 30px;\n margin-top: 0px;\n border-radius: 0 0 12px 12px; \n box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n }\n .hero-main-text {\n margin: 0;\n margin-top: 0;\n font-size: 18px; \n line-height: 1.5;\n color: #fff;\n font-weight: 500;\n }\n \/* Mobile Only Hero Text Margin Fix *\/\n @media (max-width: 768px) {\n .hero-main-text {\n margin-top: 5px !important;\n }\n }\n .hero-sub-text {\n font-size: 15px; \n color: #ccc;\n display: block;\n margin-top: 8px;\n }\n .checkmark { color: #8ab0c0; font-weight: bold; font-size: 16px; margin-right: 12px; }\n \n \/* Requirements Grid *\/\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 850px;\n margin: 40px auto 20px auto;\n text-align: left;\n }\n .req-title {\n color: #fff;\n font-size: 16px;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-bottom: 2px solid #8ab0c0;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eDrum and Bass Sound Design Vol. 2\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Next Evolution in Professional DnB Design\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e353\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSamples \u0026amp; Presets\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e77\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eBonus Vocals\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e5\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject Files\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"showcase-unit\"\u003e\n \u003cdiv style=\"margin-bottom: 15px; font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 2px;\"\u003eSonic Showcase Vol. 2\u003c\/div\u003e\n \u003ciframe width=\"100%\" height=\"166\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1366877548\u0026amp;color=%238ab0c0\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eBuilt by seasoned designers with over a decade of experience. \u003cspan style=\"color: #8ab0c0; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eElevate your next bass banger.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eWhether you're building neuro weapons, halftime rollers, or tearing into hybrid trap, Volume 2 delivers a massive arsenal of tools built to tear through the mix.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto 50px auto;\"\u003e\n \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 35px;\"\u003eInside the Arsenal\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 176 High-Impact .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 98 Bass tools, 22 Cymbals, 13 Kicks, 18 Snares, 13 FX, 9 Loops, 6 Fills, and 39 Atmospheres.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 65 Elite Hybrid Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e52 specialized Xfer Serum patches and 13 Phase Plant 2.0 presets ready to ignite your next production.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 5 Ableton Live Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eDeconstruct 5 drops from the official demo tracks to learn professional arrangement and mixing secrets.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ Bonus: Pre-Drop Vocal Pack\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e77 professional vocals ready to drop straight into your arrangements for immediate impact.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(138, 176, 192, 0), rgba(138, 176, 192, 0.4), rgba(138, 176, 192, 0)); margin: 40px 0;\"\u003e\n\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eSound Previews\u003c\/h3\u003e\n \u003cdiv id=\"waveform\" class=\"waveform product-block\" style=\"background: #111; padding: 20px; border-radius: 8px; border: 1px solid #222; margin-bottom: 40px;\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"req-container\"\u003e\n \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eCore Compatibility\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW Compatible\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum 1.341+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Phase Plant 2.0\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eProject Requirements\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 13px; text-align:left; line-height:1.4;\"\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton Live 11.1.6+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e CamelCrusher (Free)\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer OTT (Free)\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e kHs Reverb (Optional)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to initiate the next evolution of your sound?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #8ab0c0; color: #000; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(138, 176, 192, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(138, 176, 192, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(138, 176, 192, 0.4)';\"\u003eINITIATE VOL. 2\u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL DELIVERY • SECURE CHECKOUT • 100% ROYALTY FREE\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript type=\"text\/javascript\"\u003e\n let arrayOfItems = [];\n function initPlayers(){\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Drop-E-174_4.wav?v=1667690853', 'Drop E 174', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Drop-174-D_1.wav?v=1667690854', 'Drop D 174', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Drop-E-172_2.wav?v=1667690853', 'Drop E 172', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Drop-174-G_2.wav?v=1667690853', 'Drop G 174', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Vocal_1.wav?v=1667690853', 'Vocal Sample', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Drum-Loop-172_3.wav?v=1667690853', 'Drum Loop 172', '#fff', '#8ab0c0', 20, 'waveform');\n }\n function renderWavePlayer(url, name, bgColor, prColor, height, parentSelector) {\n let dom = document.createElement('div');\n let btn = document.createElement('img');\n let title = document.createElement('div');\n let vaweBlock = document.createElement('div');\n dom.id = `sample-${arrayOfItems.length}`;\n btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n btn.className = \"play-pause-btn\";\n btn.style.width = \"20px\";\n btn.style.cursor = \"pointer\";\n btn.style.marginRight = \"15px\";\n title.textContent = name;\n title.style.fontSize = \"12px\";\n title.style.color = \"#888\";\n title.style.minWidth = \"120px\";\n vaweBlock.style.flex = \"1\";\n dom.style.display = \"flex\";\n dom.style.alignItems = \"center\";\n dom.style.marginBottom = \"10px\";\n dom.appendChild(btn);\n dom.appendChild(vaweBlock);\n dom.appendChild(title);\n document.getElementById(parentSelector).appendChild(dom);\n let wavesurfer = WaveSurfer.create({\n container: vaweBlock,\n waveColor: bgColor,\n progressColor: prColor,\n cursorColor: 'transparent',\n hideScrollbar: true,\n height: height,\n mediaControls: false\n });\n wavesurfer.load(url);\n wavesurfer.on('finish', function () { btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685'; });\n btn.addEventListener('click', function () {\n wavesurfer.playPause();\n btn.src = wavesurfer.isPlaying() ? 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pasue.png?v=1712806768' : 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n });\n arrayOfItems.push(wavesurfer);\n }\n initPlayers();\n\u003c\/script\u003e","brand":"EDM Templates","offers":[{"title":"Standaardtitel","offer_id":43297208991997,"sku":"","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNBSDV2.webp?v=1778160459"},{"product_id":"phantom-marauda-kompany-yvm3-space-laces-sample-pack","title":"PHANTOM | SAMPLEPACK","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n \u003cstyle\u003e\n \/* Desktop Only Title Margin *\/\n @media (min-width: 769px) {\n .main-bundle-wrapper {\n margin-top: -40px !important;\n }\n }\n \/* Sleek Chrome\/Grey Title Gradient *\/\n .hero-title {\n color: #ffffff;\n font-size: 38px;\n font-weight: 900;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 4px;\n background: -webkit-linear-gradient(#ffffff, #999999, #444444);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n }\n .hero-tagline {\n font-size: 20px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 35px;\n letter-spacing: 1.5px;\n }\n \/* Master Stat Bar - Chrome Style *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #666;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(255, 255, 255, 0.05);\n }\n .stat-item { border-right: 1px solid #333; }\n .stat-item:last-child { border-right: none; }\n .stat-val { font-size: 28px; font-weight: 800; color: #ffffff; display: block; line-height: 1; }\n .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n \n \/* Seamless Monolith Video Unit - 48% Padding *\/\n .video-unit {\n max-width: 900px;\n margin: 0 auto !important;\n position: relative;\n padding-bottom: 48%; \n height: 0;\n overflow: hidden;\n border-radius: 12px 12px 0 0; \n border: 1px solid #333;\n border-bottom: none; \n background: #000;\n box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n }\n @media (max-width: 768px) {\n .video-unit { padding-bottom: 56.25% !important; }\n }\n .video-unit iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none !important;\n display: block; \n }\n \/* Monolith Bottom (Fused Description) *\/\n .hero-description-box {\n max-width: 900px;\n margin: -2px auto 40px auto !important; \n background-color: #000;\n border: 1px solid #333;\n border-top: none; \n padding: 10px 30px 25px 30px;\n margin-top: 0px;\n border-radius: 0 0 12px 12px; \n box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n }\n .hero-main-text {\n margin: 0;\n margin-top: 0;\n font-size: 18px; \n line-height: 1.5;\n color: #fff;\n font-weight: 500;\n }\n \/* Mobile Only Hero Text Margin Fix *\/\n @media (max-width: 768px) {\n .hero-main-text {\n margin-top: 5px !important;\n }\n }\n .hero-sub-text {\n font-size: 15px; \n color: #ccc;\n display: block;\n margin-top: 8px;\n }\n .checkmark { color: #888; font-weight: bold; font-size: 16px; margin-right: 12px; }\n \n \/* Requirements Section *\/\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 850px;\n margin: 40px auto 20px auto;\n text-align: left;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003ePHANTOM\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003e300 Next-Level Bass Weapons\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e300\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eBass Samples\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003eELITE\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSound Design\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eRoyalty Free\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"video-unit\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/uaRJYzguQsA?modestbranding=1\u0026amp;rel=0\u0026amp;showinfo=0\u0026amp;controls=1\" frameborder=\"0\" allowfullscreen title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003ePrepare to haunt your speakers with brutal energy. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eInspired by Marauda, Space Laces, and yvm3.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003ePacked with next-level complex growls and distortion-drenched textures, PHANTOM provides an aggressive toolkit for modern Dubstep, DnB, and Tearout.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto 50px auto;\"\u003e\n \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 35px;\"\u003eThe Ghostly Arsenal\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 300 Unique .WAV Bass Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA massive library designed for maximum impact, covering everything from rhythmic fills to main stage growls.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Heavy Complex Growls\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eCrush your drops with raw, visceral intensity. These samples are processed to tear through any professional mix.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Neuro Basses \u0026amp; Intricate Textures\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eAdd evolving movement and gritty movement to your rhythm sections with expertly crafted neuro sound design.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Versatile Bass Shots \u0026amp; Glitches\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003ePerfect for layering and rhythm fills. Unique accents designed to make your drops stand out from the noise.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); margin: 40px 0;\"\u003e\n\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eQuick Preview\u003c\/h3\u003e\n \u003cdiv style=\"max-width: 900px; margin: 0 auto 40px auto; padding: 0 15px;\"\u003e\n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/playlists\/1582318741\u0026amp;color=%23000000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" height=\"166\" width=\"100%\" frameborder=\"no\" scrolling=\"no\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"req-container\"\u003e\n \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #666; display:inline-block; padding-bottom:5px;\"\u003eCompatibility\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW (FL Studio, Live, etc)\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Windows \u0026amp; Mac Compatible\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e 100% Royalty Free\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #666; display:inline-block; padding-bottom:5px;\"\u003eTechnical Specs\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e High-Quality .WAV Format\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Instant Digital Access\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Secure Checkout\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to unleash the power of your heaviest tracks yet?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ffffff; color: #000; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(255, 255, 255, 0.2); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 255, 255, 0.4)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 255, 255, 0.2)';\"\u003eUPGRADE YOUR SOUND\u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL ACCESS • SECURE CHECKOUT • NO SUBSCRIPTIONS\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standaardtitel","offer_id":43823699034365,"sku":"","price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/PHANTOM.webp?v=1778163298"},{"product_id":"chaos-drum-and-bass-sample-pack","title":"CHAOS | DRUM AND BASS SAMPLE PACK","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n \u003cstyle\u003e\n \/* Desktop Only Title Margin *\/\n @media (min-width: 769px) {\n .main-bundle-wrapper {\n margin-top: -40px !important;\n }\n }\n \/* Chrome\/Silver Title Gradient *\/\n .hero-title {\n color: #ffffff;\n font-size: 38px;\n font-weight: 900;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 4px;\n background: -webkit-linear-gradient(#ffffff, #999999, #444444);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n }\n .hero-tagline {\n font-size: 20px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 35px;\n letter-spacing: 1.5px;\n }\n \n \/* Standardized Stat Bar Class *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #666;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(255, 255, 255, 0.05);\n }\n .stat-item { border-right: 1px solid #333; }\n .stat-item:last-child { border-right: none; }\n .stat-val { font-size: 28px; font-weight: 800; color: #ffffff; display: block; line-height: 1; }\n .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n \n \/* Monolith Top: SoundCloud Hero (Fused Architecture) *\/\n .showcase-unit {\n max-width: 900px;\n margin: 0 auto !important;\n background-color: #000;\n border: 1px solid #333;\n border-bottom: none;\n padding: 25px 20px 5px 20px;\n border-radius: 12px 12px 0 0;\n box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n }\n \/* Monolith Bottom (Fused Description) *\/\n .hero-description-box {\n max-width: 900px;\n margin: 0px auto 40px auto !important; \n background-color: #000;\n border: 1px solid #333;\n border-top: none; \n padding: 10px 30px 25px 30px;\n margin-top: 0px;\n border-radius: 0 0 12px 12px; \n box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n }\n .hero-main-text {\n margin: 0;\n margin-top: 0;\n font-size: 18px; \n line-height: 1.5;\n color: #fff;\n font-weight: 500;\n }\n \/* Mobile Only Hero Text Margin Fix *\/\n @media (max-width: 768px) {\n .hero-main-text {\n margin-top: 5px !important;\n }\n }\n .hero-sub-text {\n font-size: 15px; \n color: #ccc;\n display: block;\n margin-top: 8px;\n }\n .checkmark { color: #888; font-weight: bold; font-size: 16px; margin-right: 12px; }\n \n \/* Requirements Grid *\/\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 850px;\n margin: 40px auto 20px auto;\n text-align: left;\n }\n .req-title {\n color: #fff;\n font-size: 16px;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-bottom: 2px solid #666;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eCHAOS\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eForward-Thinking Aggressive Drum \u0026amp; Bass\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e682\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eUnique Samples\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003eFULL\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eNeuro Arsenal\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003ePRO\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject File\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"showcase-unit\"\u003e\n \u003cdiv style=\"margin-bottom: 15px; font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 2px;\"\u003eChaos Showcase\u003c\/div\u003e\n \u003ciframe width=\"100%\" height=\"166\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1521888838\u0026amp;color=%23000000\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eUnleash sonic aggression with an extraordinary collection of modern bass sounds. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eInspired by Noisia, Mefjus, and Phace.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eEvery standalone file in CHAOS is 100% unique! No repeats or filler - delivering a diverse toolset built for high-impact Neurofunk, Halftime, and aggressive Drum \u0026amp; Bass.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto 50px auto;\"\u003e\n \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 35px;\"\u003eThe Chaos Inventory\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 348 Neuro-Drop \u0026amp; Neuro-Reese Tools\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA massive library of evolving, gritty, and intricately processed bass weapons engineered to dominate any speaker system.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 267 Key-Labeled Professional Drums\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA clinical rhythm arsenal including 103 Kicks, 104 Snares, and 60 sharp Cymbals optimized for maximum punch.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 67 Unique Glitches \u0026amp; Textures\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eStandalone sonic accents and rhythmic glitches designed to add professional movement and complexity to your drop sequences.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Full Ableton Live 11.2.6 Project File\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eReverse-engineer the official demo track arrangement and professional mixing workflow to master high-level DnB production.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); margin: 40px 0;\"\u003e\n\n \u003cdiv class=\"req-container\"\u003e\n \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eCore Compatibility\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Works with Any DAW\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Windows \u0026amp; Mac Compatible\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e 100% Royalty Free\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eProject Specs\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 13px; text-align:left; line-height:1.4;\"\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton Live 11.2.6+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e CamelCrusher \/ Xfer OTT\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e GClip (Free)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to elevate your production with the ultimate DnB toolset?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ffffff; color: #000; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(255, 255, 255, 0.2); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 255, 255, 0.4)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 255, 255, 0.2)';\"\u003eUNLEASH THE CHAOS\u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL DELIVERY • SECURE CHECKOUT • \u003ca href=\"https:\/\/omniform1.com\/forms\/v1\/landingPage\/64566811bc57b9e2416212e1\/645682576a3925a0dc01c2c3\" target=\"_blank\" style=\"color: #fff; text-decoration: underline;\"\u003eFREE DEMO PACK\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standaardtitel","offer_id":46570280550731,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/CHAOS.webp?v=1749862714"},{"product_id":"vortex","title":"VORTEX | DRUM AND BASS SAMPLE PACK","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n \u003cstyle\u003e\n \/* Desktop Only Title Margin - Saved Preference *\/\n @media (min-width: 769px) {\n .main-bundle-wrapper {\n margin-top: -40px !important;\n }\n }\n \/* Greyish Blue Chrome Title Gradient - Requested Palette *\/\n .hero-title {\n color: #ffffff;\n font-size: 38px;\n font-weight: 900;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 4px;\n background: -webkit-linear-gradient(#ffffff, #8ab0c0, #5a7a8a);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n }\n .hero-tagline {\n font-size: 20px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 35px;\n letter-spacing: 1.5px;\n }\n \n \/* Standardized Stat Bar Class - For Global CSS *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #8ab0c0;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(138, 176, 192, 0.1);\n }\n .stat-item { border-right: 1px solid #333; }\n .stat-item:last-child { border-right: none; }\n .stat-val { font-size: 28px; font-weight: 800; color: #8ab0c0; display: block; line-height: 1; }\n .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n \n \/* Full-Width Monolith Video Unit - 48% Padding Preference *\/\n .video-unit {\n max-width: 900px;\n margin: 0 auto !important;\n position: relative;\n padding-bottom: 48%; \n height: 0;\n overflow: hidden;\n border-radius: 12px 12px 0 0; \n border: 1px solid #333;\n border-bottom: none; \n background: #000;\n box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n }\n @media (max-width: 768px) {\n .video-unit { padding-bottom: 56.25% !important; }\n }\n .video-unit iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none !important;\n display: block; \n }\n\n \/* Monolith Bottom (Fused Description) - Gap Fix Architecture *\/\n .hero-description-box {\n max-width: 900px;\n margin: 0px auto 40px auto !important; \n background-color: #000;\n border: 1px solid #333;\n border-top: none; \n padding: 10px 30px 25px 30px;\n margin-top: 0px;\n border-radius: 0 0 12px 12px; \n box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n }\n .hero-main-text {\n margin: 0;\n margin-top: 0;\n font-size: 18px; \n line-height: 1.5;\n color: #fff;\n font-weight: 500;\n }\n \/* Mobile Hero Text Margin Preference *\/\n @media (max-width: 768px) {\n .hero-main-text {\n margin-top: 5px !important;\n }\n }\n .hero-sub-text {\n font-size: 15px; \n color: #ccc;\n display: block;\n margin-top: 8px;\n }\n .checkmark { color: #8ab0c0; font-weight: bold; font-size: 16px; margin-right: 12px; }\n \n \/* Requirements Section *\/\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 850px;\n margin: 40px auto 20px auto;\n text-align: left;\n }\n .req-title {\n color: #fff;\n font-size: 16px;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-bottom: 2px solid #8ab0c0;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eVORTEX\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eIgnite the Sonic Storm with Unparalleled D\u0026amp;B Mastery\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e600\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eHigh-End Samples\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003ePRO\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eAbleton Project\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eRoyalty Free\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"video-unit\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/ecqyzRut47c?modestbranding=1\u0026amp;rel=0\u0026amp;showinfo=0\u0026amp;controls=1\" frameborder=\"0\" allowfullscreen title=\"VORTEX Demo\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eWe're back with another huge D\u0026amp;B pack! \u003cspan style=\"color: #8ab0c0; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eInspired by K Motionz, Upgrade (UK), Kanine, and Phibes.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eThis heavyweight collection is a must-have for producers seeking elite Drum \u0026amp; Bass excellence. Plunge into the eye of the storm and redefine your sound with 600 clinical tools engineered for the modern scene.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto 50px auto;\"\u003e\n \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 35px;\"\u003eThe Storm Inventory\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 355 Precision Engineered Basses\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA colossal library of processed bass weapons designed to dominate the low end and provide instant energy to your drops.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ Elite Rhythm Section\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 46 Kicks, 67 Snares\/Rolls, 46 Cymbals\/Rolls, and 5 fully-dressed drum loops for professional groove construction.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 66 Evolving Atmospheres \u0026amp; FX\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eHigh-scale cinematic atmospheres, hype loops, impacts, and rise\/fall FX to create professional depth and tension.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ Full Ableton Live Project File\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eReverse-engineer the official arrangement to master high-level D\u0026amp;B transition and mixing techniques using stock plugins.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ Bonus Pre-Drop Vocal Content\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eExclusive pre-drop vocal tags ready for immediate use in your commercial productions.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(138, 176, 192, 0), rgba(138, 176, 192, 0.4), rgba(138, 176, 192, 0)); margin: 40px 0;\"\u003e\n\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eSound Previews\u003c\/h3\u003e\n \u003cdiv id=\"waveform\" class=\"waveform product-block\" style=\"background: #111; padding: 20px; border-radius: 8px; border: 1px solid #222; margin-bottom: 40px;\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"req-container\"\u003e\n \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eCore Compatibility\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW Compatible (Samples)\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Windows \u0026amp; Mac Compatible\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e 100% Royalty Free\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eProject Specs\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 13px; text-align:left; line-height:1.4;\"\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton Live 11.3.2+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Utilizes Stock Plugins\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Optimized CPU Usage\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to redefine your sound and leave an indelible mark?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #8ab0c0; color: #000; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(138, 176, 192, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(138, 176, 192, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(138, 176, 192, 0.4)';\"\u003eIGNITE THE STORM\u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL DELIVERY • SECURE CHECKOUT • NO SUBSCRIPTIONS\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript type=\"text\/javascript\"\u003e\n let arrayOfItems = [];\n function initPlayers(){\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_Vortex_Drum_Loop_2.wav?v=1694423302', 'Vortex Drum Loop 2', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Vortex_Drum_Loop_4_-_174bpm.wav?v=1712823439', 'Vortex Drum Loop 4', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_Nebulous_38_E.wav?v=1694423312', 'Nebulous 38 (E)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_Zephyr_13_D.wav?v=1694423290', 'Zephyr 13 (D)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_Quasar_62_F.wav?v=1694423280', 'Quasar 62 (F)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_Zenith_36_F.wav?v=1694423271', 'Zenith 36 (F)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Quasar_7_-_F.wav?v=1712823411', 'Quasar 7 (F)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Zephyr_7_-_D.wav?v=1712823412', 'Zephyr 7 (D)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Flux_1_-_D.wav?v=1712823412', 'Flux 1 (D)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Catalyst_58_-_E.wav?v=1712823420', 'Catalyst 58 (E)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Vortex_Rise_7.wav?v=1712823432', 'Vortex Rise 7', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Vortex_Fall_23.wav?v=1712823444', 'Vortex Fall 23', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Riser_3_-_D.wav?v=1712823468', 'Riser 3 (D)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_Atmosphere_5_D.wav?v=1694423262', 'Atmosphere 5 (D)', '#fff', '#8ab0c0', 20, 'waveform');\n }\n function renderWavePlayer(url, name, bgColor, prColor, height, parentSelector) {\n let dom = document.createElement('div');\n let btn = document.createElement('img');\n let title = document.createElement('div');\n let vaweBlock = document.createElement('div');\n dom.id = `sample-${arrayOfItems.length}`;\n btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n btn.className = \"play-pause-btn\";\n btn.style.width = \"20px\";\n btn.style.cursor = \"pointer\";\n btn.style.marginRight = \"15px\";\n title.textContent = name;\n title.style.fontSize = \"12px\";\n title.style.color = \"#888\";\n title.style.minWidth = \"120px\";\n vaweBlock.style.flex = \"1\";\n dom.style.display = \"flex\";\n dom.style.alignItems = \"center\";\n dom.style.marginBottom = \"10px\";\n dom.appendChild(btn);\n dom.appendChild(vaweBlock);\n dom.appendChild(title);\n document.getElementById(parentSelector).appendChild(dom);\n let wavesurfer = WaveSurfer.create({\n container: vaweBlock,\n waveColor: bgColor,\n progressColor: prColor,\n cursorColor: 'transparent',\n hideScrollbar: true,\n height: height,\n mediaControls: false\n });\n wavesurfer.load(url);\n wavesurfer.on('finish', function () { btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685'; });\n btn.addEventListener('click', function () {\n wavesurfer.playPause();\n btn.src = wavesurfer.isPlaying() ? 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pasue.png?v=1712806768' : 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n });\n arrayOfItems.push(wavesurfer);\n }\n initPlayers();\n\u003c\/script\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standaardtitel","offer_id":46871771709771,"sku":"","price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/VORTEX.webp?v=1749103378"},{"product_id":"ultimate-drum-bass-collection-vol-1","title":"ULTIMATE DRUM \u0026 BASS COLLECTION VOL. 1","description":"\u003cdiv style=\"text-align: center; max-width: 1000px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n\n \u003cstyle\u003e\n .hero-title {\n color: #c98e37;\n font-size: 32px;\n font-weight: 800;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 2px;\n background: -webkit-linear-gradient(#c98e37, #8e6223);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n \/* Desktop Only Adjustment *\/\n @media (min-width: 769px) {\n .hero-title {\n margin-top: -40px !important;\n }\n }\n\n .hero-tagline {\n font-size: 19px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 25px;\n letter-spacing: 1px;\n }\n \/* Seamless Audio Unit *\/\n .audio-unit {\n max-width: 900px;\n margin: 0 auto;\n border: 1px solid #333;\n border-bottom: none; \n border-radius: 12px 12px 0 0; \n background: #000;\n padding: 15px;\n box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n }\n \/* Seamless Description Box *\/\n .hero-description-box {\n max-width: 900px;\n margin: -1px auto 40px auto; \n background-color: #000;\n border: 1px solid #333;\n border-top: none; \n padding: 0 30px 20px 30px; \n border-radius: 0 0 12px 12px; \n box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n }\n .hero-main-text {\n margin: 0;\n font-size: 18px; \n line-height: 1.4;\n color: #fff;\n font-weight: 500;\n }\n .hero-sub-text {\n font-size: 15px; \n color: #ccc;\n display: block;\n margin-top: 5px; \n margin-bottom: 0 !important; \n }\n \/* Pricing and Value *\/\n .value-box {\n background-color: #161616; \n border: 2px dashed #444; \n border-radius: 8px; \n padding: 25px 20px; \n max-width: 650px; \n margin: 0 auto 40px auto; \n text-align: center;\n }\n \/* Requirements Section *\/\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 850px;\n margin: 40px auto 10px auto;\n text-align: left;\n }\n .req-grid { display: grid; grid-template-columns: 1fr; gap: 30px; }\n @media (min-width: 600px) {\n .req-grid { grid-template-columns: 1fr 1fr; gap: 50px; }\n .req-col-left { border-right: 1px solid #333; padding-right: 20px; }\n }\n .req-title {\n color: #fff;\n font-size: 16px;\n margin-top: 0;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-bottom: 2px solid #c98e37;\n display: inline-block;\n padding-bottom: 5px;\n }\n .req-item { color: #ccc; font-size: 14px; margin-bottom: 10px; display: flex; align-items: center; }\n .checkmark { color: #c98e37; font-weight: bold; font-size: 16px; margin-right: 12px; }\n\n \/* Inventory Grid *\/\n .inventory-grid {\n display: grid;\n grid-template-columns: 1fr; \n gap: 15px; \n max-width: 950px;\n margin: 0 auto;\n text-align: left;\n }\n @media (min-width: 768px) {\n .inventory-grid { grid-template-columns: 1fr 1fr; }\n }\n .pack-tile {\n background-color: #111;\n border-left: 3px solid #c98e37;\n padding: 15px; \n border-radius: 4px;\n transition: all 0.2s ease;\n text-decoration: none !important;\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n .pack-tile:hover { transform: translateY(-5px); background-color: #1a1a1a; box-shadow: 0 5px 15px rgba(201, 142, 55, 0.2); }\n .pack-tile:hover .pack-title { text-decoration: underline !important; }\n .pack-title { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; }\n .pack-desc { margin: 0; font-size: 12px; color: #aaa; line-height: 1.4; }\n iframe { border: none !important; }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eUltimate Drum \u0026amp; Bass Collection Vol. 1\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003ePrepare for an unparalleled journey in DnB production.\u003c\/p\u003e\n \n \u003cdiv class=\"audio-unit\"\u003e\n \u003cdiv style=\"margin-bottom: 12px; font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 2px;\"\u003eSoundCloud Showcase\u003c\/div\u003e\n \u003ciframe width=\"100%\" height=\"166\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1654608666%3Fsecret_token%3Ds-0W7T5VcXWH5\u0026amp;color=%23c98e37\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=true\u0026amp;show_reposts=false\u0026amp;show_teaser=true\" frameborder=\"0\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003e\n Redefine the way you create high-intensity Drum \u0026amp; Bass\n \u003cspan style=\"color: #c98e37; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003e\n plus access 12 release-ready professional projects.\n \u003c\/span\u003e\n \u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003e\n Craft club foundations and festival-worthy energy with our most powerful DnB arsenal yet.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"value-box\"\u003e\n \u003cdiv style=\"font-size: 14px; color: #999; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; font-weight: 600;\"\u003e\n Total Bundle Value: \u003cspan style=\"text-decoration: line-through; color: #888; font-size: 18px;\"\u003e$179.99\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"font-size: 38px; color: #c98e37; font-weight: 800; line-height: 1; margin-bottom: 10px; text-shadow: 0 0 20px rgba(201, 142, 55, 0.2);\"\u003e\n ONLY $44.99\n \u003c\/div\u003e\n \u003cdiv style=\"font-size: 15px; color: #fff; font-weight: normal; letter-spacing: 0.5px;\"\u003e\n Redefine your sound with over \u003cstrong style=\"color: #fff; border-bottom: 1px solid #c98e37;\"\u003e1000+ Elite DnB Tools\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto;\"\u003e\n \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 30px;\"\u003eWhat’s Inside?\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #c98e37; font-size: 18px;\"\u003e✔ 137 Premium Serum \u0026amp; 18 Phase Plant Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eMeticulously designed bass-heavy leads and neuro-textures essential for modern DnB.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #c98e37; font-size: 18px;\"\u003e✔ 775 High-Quality .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003ePunchy drums, deep bass one-shots, and atmospheric layers to add life to your arrangements.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #c98e37; font-size: 18px;\"\u003e✔ 12 Full Ableton Live Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eMixed and mastered templates providing invaluable insights into professional construction.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #c98e37; font-size: 18px;\"\u003e✔ 78 Pre-Drop Vocals \u0026amp; 51 MIDI Foundation Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eCaptivating vocal hooks and versatile MIDI patterns to jumpstart your unique compositions.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"req-container\"\u003e\n \u003cdiv class=\"req-grid\"\u003e\n \u003cdiv class=\"req-col-left\"\u003e\n \u003ch4 class=\"req-title\"\u003eCore Requirements\u003c\/h4\u003e\n \u003cp style=\"color:#999; font-size:13px; margin-top:-10px; margin-bottom:0px;\"\u003e\n For Serum \u0026amp; Samples:\n \u003c\/p\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 10px 0 0 0;\"\u003e\n \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW (Samples\/MIDI)\u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum 1.341+\u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e kHs Phase Plant 2.0\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"req-col-right\"\u003e\n \u003ch4 class=\"req-title\"\u003eProject Req.\u003c\/h4\u003e\n \u003cp style=\"color:#999; font-size:13px; margin-top:-10px; margin-bottom:0px;\"\u003e\n To open the project files:\n \u003c\/p\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 10px 0 0 0;\"\u003e\n \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton Live 11.3.2+\u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e CamelCrusher, OTT (Free)\u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Serum FX, LFO Tool\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(201, 142, 55, 0), rgba(201, 142, 55, 0.5), rgba(201, 142, 55, 0)); margin: 30px 0;\"\u003e\n\n \u003ch2 style=\"margin-bottom: 5px; margin-top: 5px; color: #ffffff; text-transform: uppercase; font-size: 24px;\"\u003eIncluded Packs\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; color: #aaa; margin-top: 0; margin-bottom: 20px;\"\u003eclick to view\u003c\/p\u003e\n\n \u003cdiv class=\"inventory-grid\"\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/vortex\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eVORTEX\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eHigh-octane DnB construction kits and construction kits.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/anarchy-pro-drum-and-bass-presets\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eANARCHY\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eAggressive Serum presets for neuro and jump-up DnB.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/drum-and-bass-sound-design\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eDNB SOUND DESIGN VOL. 1\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eFoundational bass and drum engineering toolkit.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/drum-and-bass-sound-design-vol-2\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eDNB SOUND DESIGN VOL. 2\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eAdvanced rhythmic and tonal engineering library.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 18px;\"\u003eReady to dominate the Drum \u0026amp; Bass scene?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #c98e37; color: #000; font-size: 20px; font-weight: bold; padding: 18px 50px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(201, 142, 55, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 6px 25px rgba(201, 142, 55, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(201, 142, 55, 0.4)';\"\u003e\n GET THE COLLECTION\n \u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eSECURE CHECKOUT • INSTANT DIGITAL DELIVERY\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standaardtitel","offer_id":47024457646411,"sku":"","price":44.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UDNBCVOL1Shopify.webp?v=1749103289"},{"product_id":"ultimate-drum-and-bass-drum-kit","title":"ULTIMATE DRUM AND BASS DRUM KIT","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n \u003cstyle\u003e\n \/* Desktop Only Title Margin *\/\n @media (min-width: 769px) {\n .main-bundle-wrapper {\n margin-top: -40px !important;\n }\n }\n \/* Sleek Chrome\/Silver Title Gradient *\/\n .hero-title {\n color: #ffffff;\n font-size: 38px;\n font-weight: 900;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 4px;\n background: -webkit-linear-gradient(#ffffff, #999999, #444444);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n }\n .hero-tagline {\n font-size: 20px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 35px;\n letter-spacing: 1.5px;\n }\n \/* Master Stat Bar - Chrome Style *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #666;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(255, 255, 255, 0.05);\n }\n .stat-item { border-right: 1px solid #333; }\n .stat-item:last-child { border-right: none; }\n .stat-val { font-size: 28px; font-weight: 800; color: #ffffff; display: block; line-height: 1; }\n .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n \n \/* Standalone Monolith Description Box (Cover Art Removed) *\/\n .hero-description-box {\n max-width: 900px;\n margin: 40px auto !important; \n background-color: #000;\n border: 1px solid #333;\n padding: 30px;\n border-radius: 12px; \n box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n }\n .hero-main-text {\n margin: 0;\n margin-top: 0;\n font-size: 18px; \n line-height: 1.5;\n color: #fff;\n font-weight: 500;\n }\n \/* Mobile Only Hero Text Margin Fix *\/\n @media (max-width: 768px) {\n .hero-main-text {\n margin-top: 5px !important;\n }\n }\n .hero-sub-text {\n font-size: 15px; \n color: #ccc;\n display: block;\n margin-top: 8px;\n }\n .checkmark { color: #888; font-weight: bold; font-size: 16px; margin-right: 12px; }\n \n \/* Requirements Section *\/\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 850px;\n margin: 40px auto 20px auto;\n text-align: left;\n }\n .req-title {\n color: #fff;\n font-size: 16px;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-bottom: 2px solid #666;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eUltimate DnB Drum Kit\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Definitive Collection of High-Impact Rhythm\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e549\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003e.WAV Samples\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003eFULL\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eLoop Arsenal\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eRoyalty Free\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eThe hardest-hitting drum sounds from our top-selling DnB packs. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eUnified for Maximum Workflow.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eWhether you're building aggressive drops, rolling breakbeats, or ambient intros, this pack delivers a wide arsenal of drag-and-drop drums to elevate your sound.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto 50px auto;\"\u003e\n \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 35px;\"\u003eInside the Arsenal\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 549 High-Quality .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA comprehensive collection optimized for modern DnB, curated into one elite package.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Elite One-Shot Collection\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 171 Kicks, 188 Snares, and 129 sharp Cymbals designed to dominate any mix.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Loops \u0026amp; Fills Library\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eFeatures 33 Drum Loops (Full, Kick+Snare, Cymbal) and 28 Drum Fills for seamless movement.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Drag. Drop. Produce.\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eSpeed up your creative process with samples ready for immediate use in any professional DAW.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); margin: 40px 0;\"\u003e\n\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eSound Previews\u003c\/h3\u003e\n \u003cdiv id=\"waveform\" class=\"waveform product-block\" style=\"background: #111; padding: 20px; border-radius: 8px; border: 1px solid #222; margin-bottom: 40px;\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"req-container\"\u003e\n \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eCompatibility\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Works in Any DAW\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Windows \u0026amp; Mac\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e 100% Royalty Free\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eTech Specs\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 13px; text-align:left; line-height:1.4;\"\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Pro-Quality .WAV Files\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Categorized Folder Structure\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Secure Digital Delivery\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to elevate your DnB production with elite rhythm?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ffffff; color: #000; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(255, 255, 255, 0.2); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 255, 255, 0.4)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 255, 255, 0.2)';\"\u003eSECURE THE ARSENAL\u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL DELIVERY • SECURE CHECKOUT • NO SUBSCRIPTIONS\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript type=\"text\/javascript\"\u003e\n let arrayOfItems = [];\n function initPlayers(){\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Drum-Loop-174_6.wav?v=1704956205', 'Drum Loop 174-6', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Drum-Loop-174_1.wav?v=1712826120', 'Drum Loop 174-1', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Top-Loop-174_1.wav?v=1712826119', 'Top Loop 174', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Vortex_Snare_Roll_10.wav?v=1712826128', 'Snare Roll 10', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Amen_Break-174_5.wav?v=1704956194', 'Amen Break 5', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Vortex_Hat_Roll_2.wav?v=1712826097', 'Hat Roll 2', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/B_-_EDM_Templates_-_Nocturna_Kick_3.wav?v=1704956187', 'Nocturna Kick 3', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Kick_3.wav?v=1712826096', 'DNB SD Kick 3', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/D_-_EDM_Templates_-_Diablo_Kick_6.wav?v=1712826095', 'Diablo Kick 6', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/B_-_EDM_Templates_-_Nocturna_Kick_1.wav?v=1712826096', 'Nocturna Kick 1', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/F_-_EDM_Templates_-_Chaos_Snare_2.wav?v=1704956185', 'Chaos Snare 2', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/A_-_EDM_Templates_-_Devourer_Snare_1.wav?v=1712826095', 'Devourer Snare 1', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/A_-_EDM_Templates_-_Wraith_Snare_3.wav?v=1712826095', 'Wraith Snare 3', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/F_-_EDM_Templates_-_Onyx_Snare_3.wav?v=1712826095', 'Onyx Snare 3', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Vortex_Hat_16.wav?v=1712826464', 'Vortex Hat 16', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Hihat_5.wav?v=1712826465', 'Hihat 5', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Onyx_Cymbals_1.wav?v=1712826465', 'Onyx Cymbals 1', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Vortex_Crash_6.wav?v=1712826472', 'Vortex Crash 6', '#fff', '#888', 20, 'waveform');\n }\n function renderWavePlayer(url, name, bgColor, prColor, height, parentSelector) {\n let dom = document.createElement('div');\n let btn = document.createElement('img');\n let title = document.createElement('div');\n let vaweBlock = document.createElement('div');\n dom.id = `sample-${arrayOfItems.length}`;\n btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n btn.className = \"play-pause-btn\";\n btn.style.width = \"20px\";\n btn.style.cursor = \"pointer\";\n btn.style.marginRight = \"15px\";\n title.textContent = name;\n title.style.fontSize = \"12px\";\n title.style.color = \"#888\";\n title.style.minWidth = \"120px\";\n vaweBlock.style.flex = \"1\";\n dom.style.display = \"flex\";\n dom.style.alignItems = \"center\";\n dom.style.marginBottom = \"10px\";\n dom.appendChild(btn);\n dom.appendChild(vaweBlock);\n dom.appendChild(title);\n document.getElementById(parentSelector).appendChild(dom);\n let wavesurfer = WaveSurfer.create({\n container: vaweBlock,\n waveColor: bgColor,\n progressColor: prColor,\n cursorColor: 'transparent',\n hideScrollbar: true,\n height: height,\n mediaControls: false\n });\n wavesurfer.load(url);\n wavesurfer.on('finish', function () { btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685'; });\n btn.addEventListener('click', function () {\n wavesurfer.playPause();\n btn.src = wavesurfer.isPlaying() ? 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pasue.png?v=1712806768' : 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n });\n arrayOfItems.push(wavesurfer);\n }\n initPlayers();\n\u003c\/script\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standaardtitel","offer_id":47283547701579,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UDNBDK.webp?v=1749103232"},{"product_id":"drum-and-bass-sound-design-vol-3","title":"DRUM AND BASS SOUND DESIGN VOL. 3 SAMPLE\/PRESET PACK","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n \u003cstyle\u003e\n \/* Desktop Only Title Margin *\/\n @media (min-width: 769px) {\n .main-bundle-wrapper {\n margin-top: -40px !important;\n }\n }\n \/* Sleek Chrome\/Grey Title Gradient *\/\n .hero-title {\n color: #ffffff;\n font-size: 38px;\n font-weight: 900;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 4px;\n background: -webkit-linear-gradient(#ffffff, #999999, #444444);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n }\n .hero-tagline {\n font-size: 20px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 35px;\n letter-spacing: 1.5px;\n }\n \/* Master Stat Bar - Chrome Style *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #666;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(255, 255, 255, 0.05);\n }\n .stat-item { border-right: 1px solid #333; }\n .stat-item:last-child { border-right: none; }\n .stat-val { font-size: 28px; font-weight: 800; color: #ffffff; display: block; line-height: 1; }\n .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n \n \/* Seamless Monolith Video Unit - 48% Padding *\/\n .video-unit {\n max-width: 900px;\n margin: 0 auto !important;\n position: relative;\n padding-bottom: 48%; \n height: 0;\n overflow: hidden;\n border-radius: 12px 12px 0 0; \n border: 1px solid #333;\n border-bottom: none; \n background: #000;\n box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n }\n @media (max-width: 768px) {\n .video-unit { padding-bottom: 56.25% !important; }\n }\n .video-unit iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none !important;\n display: block; \n }\n \/* Monolith Bottom (Fused Description) *\/\n .hero-description-box {\n max-width: 900px;\n margin: 0px auto 40px auto !important; \n background-color: #000;\n border: 1px solid #333;\n border-top: none; \n padding: 0 30px 25px 30px;\n margin-top: 0px;\n border-radius: 0 0 12px 12px; \n box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n }\n .hero-main-text {\n margin: 0;\n margin-top: 0;\n font-size: 18px; \n line-height: 1.5;\n color: #fff;\n font-weight: 500;\n }\n \/* Mobile Only Hero Text Margin Fix *\/\n @media (max-width: 768px) {\n .hero-main-text {\n margin-top: 5px !important;\n }\n }\n .hero-sub-text {\n font-size: 15px; \n color: #ccc;\n display: block;\n margin-top: 8px;\n }\n .checkmark { color: #888; font-weight: bold; font-size: 16px; margin-right: 12px; }\n \n \/* Requirements Section *\/\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 850px;\n margin: 40px auto 20px auto;\n text-align: left;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eDNB Sound Design Vol. 3\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Latest Evolution in Drum \u0026amp; Bass Mastery\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e100\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSerum Presets\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e309\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003e.WAV Samples\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e5\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject Files\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"video-unit\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/jT3ypqYFYSA?modestbranding=1\u0026amp;rel=0\u0026amp;showinfo=0\u0026amp;controls=1\" frameborder=\"0\" allowfullscreen title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003ePropel your tracks to the forefront of the scene. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eInspired by Simula, K Motionz, Tsuki, and Bou.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eAn expansive collection of Serum presets and samples designed to ignite your creativity and set a new standard in modern drum and bass production.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto 50px auto;\"\u003e\n \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 35px;\"\u003eThe Sound Breakdown\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 100 Elite Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 50 Basses, 25 Synth\/Intro patches, 10 FX, 7 Reeses, 5 Atmos, and 3 Sub patches.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 309 Professional .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 50 Snares, 25 Kicks, 130 Hats\/Rides, 50 Perc\/Foley, 53 Vocal Phrases, and 10 Drum Loops.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 5 Ableton Projects \u0026amp; 22 MIDI Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eStudy 4 Drops from the demo track plus a custom Drum Rack template. Includes 22 Drum MIDI patterns.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Pro Snare \u0026amp; Drum FX Racks\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eEquip your studio with the same Ableton 11 \u0026amp; 12 custom racks used to craft industry-standard thickness.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eSound Previews\u003c\/h3\u003e\n \u003cdiv id=\"waveform\" class=\"waveform product-block\" style=\"background: #111; padding: 20px; border-radius: 8px; border: 1px solid #222; margin-bottom: 40px;\"\u003e\u003c\/div\u003e\n\n \u003cdiv style=\"max-width: 850px; margin: 40px auto;\"\u003e\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eInside the Snare \u0026amp; Drum FX Racks\u003c\/h3\u003e\n \u003ciframe width=\"100%\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/kTnFAWU3iNQ?si=8pmK3KfUv0-NhM-_\" frameborder=\"0\" allowfullscreen style=\"border-radius: 8px; border: 1px solid #333;\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); margin: 40px 0;\"\u003e\n\n \u003cdiv class=\"req-container\"\u003e\n \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #666; display:inline-block; padding-bottom:5px;\"\u003eCompatibility\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW (Samples)\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum 1.363+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e 100% Royalty Free\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #666; display:inline-block; padding-bottom:5px;\"\u003eProject Requirements\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 13px; text-align:left; line-height:1.4;\"\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton 11.3.2 or newer\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e FabFilter Pro-MB\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Kickstart 2 \u0026amp; GClip (Free)\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Soothe 2 (Optional)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to ignite your creativity and propel your sound?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ffffff; color: #000; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(255, 255, 255, 0.2); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 255, 255, 0.4)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 255, 255, 0.2)';\"\u003eUPGRADE YOUR SOUND\u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL ACCESS • SECURE CHECKOUT • 100% ROYALTY FREE\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript type=\"text\/javascript\"\u003e\n let arrayOfItems = [];\n function initPlayers(){\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_3.wav?v=1714129476', 'Bass 3', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_4.wav?v=1714093160', 'Bass 4', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_7.wav?v=1714129477', 'Bass 7', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_31.wav?v=1714093158', 'Bass 31', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_9.wav?v=1714129476', 'Bass 9', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_22.wav?v=1714129476', 'Bass 22', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_14.wav?v=1714129477', 'Bass 14', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_34.wav?v=1714093162', 'Bass 34', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_29.wav?v=1714129477', 'Bass 29', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_41.wav?v=1714093160', 'Bass 41', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_38.wav?v=1714129477', 'Bass 38', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_BASS_IN_UR_FACE.wav?v=1714093158', 'In Ur Face', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_JUNGLE_VIBE.wav?v=1714093158', 'Jungle Vibe', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_FX_5.wav?v=1714093157', 'FX 5', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_FX_4.wav?v=1714093162', 'FX 4', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_FX_6.wav?v=1714093160', 'FX 6', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Riser_1.wav?v=1714093162', 'Riser 1', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNBSDV3_-_ATMO_4_-_DMIN.wav?v=1714093163', 'Atmo 4', '#fff', '#888', 20, 'waveform');\n }\n function renderWavePlayer(url, name, bgColor, prColor, height, parentSelector) {\n let dom = document.createElement('div');\n let btn = document.createElement('img');\n let title = document.createElement('div');\n let vaweBlock = document.createElement('div');\n dom.id = `sample-${arrayOfItems.length}`;\n btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n btn.className = \"play-pause-btn\";\n btn.style.width = \"20px\";\n btn.style.cursor = \"pointer\";\n btn.style.marginRight = \"15px\";\n title.textContent = name;\n title.style.fontSize = \"12px\";\n title.style.color = \"#888\";\n title.style.minWidth = \"110px\";\n vaweBlock.style.flex = \"1\";\n dom.style.display = \"flex\";\n dom.style.alignItems = \"center\";\n dom.style.marginBottom = \"10px\";\n dom.appendChild(btn);\n dom.appendChild(vaweBlock);\n dom.appendChild(title);\n document.getElementById(parentSelector).appendChild(dom);\n let wavesurfer = WaveSurfer.create({\n container: vaweBlock,\n waveColor: bgColor,\n progressColor: prColor,\n cursorColor: 'transparent',\n hideScrollbar: true,\n height: height,\n mediaControls: false\n });\n wavesurfer.load(url);\n wavesurfer.on('finish', function () { btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685'; });\n btn.addEventListener('click', function () {\n wavesurfer.playPause();\n btn.src = wavesurfer.isPlaying() ? 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pasue.png?v=1712806768' : 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n });\n arrayOfItems.push(wavesurfer);\n }\n initPlayers();\n\u003c\/script\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standaardtitel","offer_id":47688264188235,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNBSDV3_fe3e335c-f5ce-4197-8290-66a57613d967.webp?v=1767677045"},{"product_id":"dominator-drum-and-bass-sample-preset-pack","title":"DOMINATOR | DRUM AND BASS SAMPLE\/PRESET PACK","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n \u003cstyle\u003e\n \/* Desktop Only Title Margin *\/\n @media (min-width: 769px) {\n .main-bundle-wrapper { margin-top: -40px !important; }\n }\n\n \/* Premium Cinematic Title (Restored exactly to original structure) *\/\n .hero-title {\n font-weight: 900 !important;\n margin-top: 0 !important; \n margin-bottom: 5px !important;\n text-transform: uppercase !important;\n font-size: 64px !important;\n letter-spacing: 2px !important;\n background: linear-gradient(180deg, #ffffff 0%, #a0a0a0 100%) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n filter: drop-shadow(0 6px 20px rgba(0,0,0,0.6)) !important;\n line-height: 1.1 !important;\n word-break: break-word !important;\n }\n\n \/* Restored Original Tagline Class *\/\n .hero-tagline {\n font-size: 20px !important;\n font-weight: 700 !important;\n color: #ff6a00 !important;\n margin-top: 0 !important;\n margin-bottom: 35px !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n text-shadow: 0 0 15px rgba(255, 106, 0, 0.4) !important;\n }\n\n \/* CRITICAL MOBILE FIXES *\/\n @media (max-width: 768px) {\n .hero-title { \n font-size: 26px !important; \/* Locks down the wide font so it fits *\/\n padding: 0 10px !important; \n margin-bottom: 5px !important; \n }\n .hero-tagline { \n font-size: 12px !important; \n letter-spacing: 2px !important; \n margin-bottom: 25px !important;\n padding: 0 10px !important;\n }\n .stat-bar {\n grid-template-columns: 1fr !important; \n gap: 20px;\n padding: 25px 10px;\n }\n .stat-item {\n border-right: none !important;\n border-bottom: 1px solid #333;\n padding-bottom: 15px;\n }\n .stat-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n }\n }\n\n \/* Master Stat Bar *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #ff6a00;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(255, 106, 0, 0.1);\n }\n .stat-item { border-right: 1px solid #333; }\n .stat-item:last-child { border-right: none; }\n .stat-val { font-size: 28px; font-weight: 800; color: #ff6a00; display: block; line-height: 1; }\n .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n \n \/* Seamless Monolith Video Unit *\/\n .video-unit {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 48%; \n height: 0;\n overflow: hidden;\n border-radius: 12px 12px 0 0; \n border: 1px solid #333;\n border-bottom: none; \n background: #000;\n box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n }\n @media (max-width: 768px) {\n .video-unit { padding-bottom: 56.25% !important; }\n }\n .video-unit iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none !important;\n display: block; \n }\n\n \/* Monolith Bottom (Description) *\/\n .hero-description-box {\n max-width: 900px;\n margin: 0px auto 40px auto; \n background-color: #000;\n border: 1px solid #333;\n border-top: none; \n padding: 0 30px 25px 30px;\n margin-top: 0px;\n border-radius: 0 0 12px 12px; \n box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n }\n .hero-main-text {\n margin: 0; margin-top: 0; font-size: 18px; line-height: 1.5; color: #fff; font-weight: 500;\n }\n @media (max-width: 768px) { .hero-main-text { margin-top: 5px !important; } }\n .hero-sub-text { font-size: 15px; color: #ccc; display: block; margin-top: 8px; }\n .checkmark { color: #ff6a00; font-weight: bold; font-size: 16px; margin-right: 12px; }\n\n \/* Breakdown Styles (Pills) *\/\n .pills{ display:flex; justify-content:center; flex-wrap:wrap; gap:4px 8px; margin:10px 0 20px; }\n .pill{ display:inline-block; padding:2px 10px; border:1px solid rgba(255, 106, 0, 0.3); border-radius:999px; background:#111; font-size:12px; color:#f1f1f1; }\n .pill b{ color:#ff6a00; font-weight:700; }\n\n \/* --- SOUND PREVIEWS HEADING STYLES --- *\/\n .sp-heading{ width:100%; text-align:center; margin: 28px auto 25px; position:relative; isolation:isolate; }\n .sp-text{\n display:inline-block; font-weight:900; letter-spacing:.06em; font-size: clamp(22px, 3.4vw, 36px);\n padding: 4px 14px; background: linear-gradient(90deg,#ff6a00 0%,#ffb74d 35%,#ffffff 65%,#ff6a00 100%);\n -webkit-background-clip:text; background-clip:text; color: transparent;\n text-shadow: 0 0 10px rgba(255,106,0,.35), 0 0 22px rgba(255,183,77,.25);\n animation: sp-glow 2.2s ease-in-out infinite;\n }\n .sp-emoji{\n color:#ff6a00; filter: drop-shadow(0 0 6px rgba(255,106,0,.35)); display:inline-block; transform-origin:center;\n animation: sp-pulse 1.8s ease-in-out infinite; font-size: clamp(16px, 2.5vw, 22px); margin: 0 6px;\n }\n .sp-underline{\n height:2px; width: 320px; max-width: 70%; margin:10px auto 0; transform-origin:left;\n background: linear-gradient(90deg, transparent, #ff6a00, #ffb74d, transparent);\n animation: sp-sweep 1.6s ease-out infinite; opacity:.9;\n }\n\n @keyframes sp-glow{ 0%,100%{ text-shadow: 0 0 6px rgba(255,106,0,.35), 0 0 14px rgba(255,183,77,.22);} 50%{ text-shadow: 0 0 14px rgba(255,106,0,.55), 0 0 28px rgba(255,183,77,.35);} }\n @keyframes sp-pulse{ 0%,100%{ transform: translateY(0) scale(1);} 50%{ transform: translateY(1px) scale(1.08);} }\n @keyframes sp-sweep{ 0%{ transform: scaleX(0); opacity:.3; } 60%{ transform: scaleX(1); opacity:1; } 100%{ transform: scaleX(1); opacity:.4; } }\n\n \/* Requirements Section *\/\n .req-container {\n background-color: #161616; border: 1px solid #333; border-radius: 6px; padding: 30px; \n max-width: 850px; margin: 40px auto 20px auto; text-align: left;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eDOMINATOR\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Ultimate Jump-Up Arsenal\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e1000+\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eTotal Files\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e150\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSerum Presets\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e2\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject Files\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"video-unit\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/UXCqjwWGBkw?modestbranding=1\u0026amp;rel=0\u0026amp;showinfo=0\u0026amp;controls=1\" frameborder=\"0\" allowfullscreen title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eEngineered to ignite dance floors and annihilate the mix. \u003cspan style=\"color: #ff6a00; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eInspired by Turno, Bou, Tsuki, and Skantia.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eDOMINATOR delivers the gargling basses, screeching synths, and otherworldly sound design needed to create earth-shattering Jump-Up bangers.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: left; max-width: 850px; margin: 0 auto 50px auto;\"\u003e\n \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 25px;\"\u003eWhat's in the Arsenal?\u003c\/h3\u003e\n \n \u003cdiv style=\"text-align:center;\"\u003e\n \u003cstrong style=\"color: #ff6a00; font-size: 18px;\"\u003e✔ 1000+ High-Quality Samples\u003c\/strong\u003e\n \u003cdiv class=\"pills\"\u003e\n \u003cspan class=\"pill\"\u003e\u003cb\u003e130\u003c\/b\u003e One Shots\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e69\u003c\/b\u003e Bass Loops\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e55\u003c\/b\u003e Drum Loops\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e50\u003c\/b\u003e Special FX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align:center;\"\u003e\n \u003cstrong style=\"color: #ff6a00; font-size: 18px;\"\u003e✔ 150 Premium Serum Presets\u003c\/strong\u003e\n \u003cdiv class=\"pills\"\u003e\n \u003cspan class=\"pill\"\u003e\u003cb\u003e100\u003c\/b\u003e Bass\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e20\u003c\/b\u003e Lead\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e20\u003c\/b\u003e FX\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e10\u003c\/b\u003e Atmos\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px; text-align:center;\"\u003e\n \u003cstrong style=\"color: #ff6a00; font-size: 18px;\"\u003e✔ 2 Ableton Project Files (Demo Tracks)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 14px;\"\u003eStudy the exact mix, processing, and arrangement of pro-level DnB tracks straight from the demo.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px; text-align:center;\"\u003e\n \u003cstrong style=\"color: #ff6a00; font-size: 18px;\"\u003e✔ Heavyweight Drum \u0026amp; Vocal Suite\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 14px;\"\u003eIncludes \u003cb\u003e6\u003c\/b\u003e Amen Break loops, \u003cb\u003e74\u003c\/b\u003e Top loops, \u003cb\u003e27\u003c\/b\u003e aggressive shouts, and \u003cb\u003e15\u003c\/b\u003e background vocal loops.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 106, 0, 0), rgba(255, 106, 0, 0.5), rgba(255, 106, 0, 0)); margin: 40px 0;\"\u003e\n\n \u003cdiv class=\"sp-heading\" style=\"margin-bottom: 30px;\"\u003e\n \u003cspan class=\"sp-text\" style=\"font-size: 24px;\"\u003eDEMO TRACK PREVIEWS\u003c\/span\u003e\n \u003cdiv class=\"sp-underline\" style=\"width: 250px;\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"max-width: 900px; margin: 0 auto 40px auto; padding: 0 15px;\"\u003e\n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/2063230984%3Fsecret_token%3Ds-dNOZYLtB6CM\u0026amp;color=%23ff6a00\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" height=\"20\" width=\"100%\" frameborder=\"no\" scrolling=\"no\"\u003e\u003c\/iframe\u003e\n \u003cdiv style=\"margin-top: 10px;\"\u003e\u003c\/div\u003e\n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/2063230988%3Fsecret_token%3Ds-SmDEFEe9pRX\u0026amp;color=%23ff6a00\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" height=\"20\" width=\"100%\" frameborder=\"no\" scrolling=\"no\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sp-heading\"\u003e\n \u003cspan class=\"sp-emoji\"\u003e⚡\u003c\/span\u003e\n \u003cspan class=\"sp-text\"\u003eSOUND PREVIEWS\u003c\/span\u003e\n \u003cspan class=\"sp-emoji\"\u003e⚡\u003c\/span\u003e\n \u003cdiv class=\"sp-underline\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv id=\"waveform\" class=\"waveform product-block\" style=\"background: #111; padding: 20px; border-radius: 8px; border: 1px solid #222; margin-bottom: 40px;\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"req-container\"\u003e\n \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #ff6a00; display:inline-block; padding-bottom:5px;\"\u003eSystem Compatibility\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW (Samples)\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e 100% Royalty Free\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #ff6a00; display:inline-block; padding-bottom:5px;\"\u003eProject Requirements\u003c\/h4\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton Live 12.0+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Serum FX\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Standard Plugins\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to unleash sonic mayhem and dominate the dancefloor?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ff6a00; color: #000; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(255, 106, 0, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 106, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 106, 0, 0.4)';\"\u003eGET DOMINATOR\u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL ACCESS • SECURE CHECKOUT • \u003ca href=\"https:\/\/omniform1.com\/forms\/v1\/landingPage\/64566811bc57b9e2416212e1\/67ef3aa41483d5800c841d2c\" style=\"color:#ff6a00; text-decoration:none;\"\u003eFREE DEMO PACK\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript type=\"text\/javascript\"\u003e\n let arrayOfItems = [];\n function initPlayers(){\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_Loop_1.mp3?v=1742784793', 'Bass Loop 1', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_Loop_2.mp3?v=1742784795', 'Bass Loop 2', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_Loop_3.mp3?v=1742784794', 'Bass Loop 3', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_Loop_4.mp3?v=1742784794', 'Bass Loop 4', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_Loop_5.mp3?v=1742784793', 'Bass Loop 5', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_Loop_6.mp3?v=1742784793', 'Bass Loop 6', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_One_Shot_1.mp3?v=1742784788', 'Bass Shot 1', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_One_Shot_2.mp3?v=1742784791', 'Bass Shot 2', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_One_Shot_3.mp3?v=1742784787', 'Bass Shot 3', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_One_Shot_4.mp3?v=1742784789', 'Bass Shot 4', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_One_Shot_5.mp3?v=1742784789', 'Bass Shot 5', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_One_Shot_6.mp3?v=1742784788', 'Bass Shot 6', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Drum_Loop_1.mp3?v=1742784791', 'Drum Loop 1', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Drum_Loop_2.mp3?v=1742784794', 'Drum Loop 2', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Drum_Loop_3.mp3?v=1742784794', 'Drum Loop 3', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Drum_Loop_4.mp3?v=1742784793', 'Drum Loop 4', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Drum_Loop_5.mp3?v=1742784793', 'Drum Loop 5', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Glitch_1.mp3?v=1742784787', 'Glitch 1', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Impact_1.mp3?v=1742784793', 'Impact 1', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Sweep_1.mp3?v=1742784793', 'Sweep 1', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Vocal_1.mp3?v=1742784787', 'Vocal 1', '#fff', '#ff6a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Vocal_2.mp3?v=1742784788', 'Vocal 2', '#fff', '#ff6a00', 20, 'waveform');\n }\n function renderWavePlayer(url, name, bgColor, prColor, height, parentSelector) {\n let dom = document.createElement('div');\n let btn = document.createElement('img');\n let title = document.createElement('div');\n let vaweBlock = document.createElement('div');\n dom.id = `sample-${arrayOfItems.length}`;\n btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n btn.className = \"play-pause-btn\";\n btn.style.width = \"20px\";\n btn.style.cursor = \"pointer\";\n btn.style.marginRight = \"15px\";\n title.textContent = name;\n title.style.fontSize = \"12px\";\n title.style.color = \"#888\";\n title.style.minWidth = \"110px\";\n vaweBlock.style.flex = \"1\";\n dom.style.display = \"flex\";\n dom.style.alignItems = \"center\";\n dom.style.marginBottom = \"10px\";\n dom.appendChild(btn);\n dom.appendChild(vaweBlock);\n dom.appendChild(title);\n document.getElementById(parentSelector).appendChild(dom);\n let wavesurfer = WaveSurfer.create({\n container: vaweBlock,\n waveColor: bgColor,\n progressColor: prColor,\n cursorColor: 'transparent',\n hideScrollbar: true,\n height: height,\n mediaControls: false\n });\n wavesurfer.load(url);\n wavesurfer.on('finish', function () { btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685'; });\n btn.addEventListener('click', function () {\n wavesurfer.playPause();\n btn.src = wavesurfer.isPlaying() ? 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pasue.png?v=1712806768' : 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n });\n arrayOfItems.push(wavesurfer);\n }\n initPlayers();\n\u003c\/script\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standaardtitel","offer_id":51281307042123,"sku":"","price":34.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR.webp?v=1749102940"},{"product_id":"liquid-dnb-vol-1-sample-preset-pack","title":"LIQUID DNB VOL. 1 | SAMPLE\/PRESET PACK","description":"\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=Montserrat:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n .serum2-global-wrapper {\n width: 100vw;\n position: relative;\n left: 50%;\n transform: translateX(-50%);\n background: transparent;\n margin: 0;\n padding: 0;\n }\n\n \/* Centered inner content *\/\n .serum2-inner {\n max-width: 1300px;\n width: 100%;\n margin: 0 auto;\n padding: 0px 0px;\n box-sizing: border-box;\n }\n\n.whzly-list ul{ \n list-style-type: none;\n padding-left: 0;\n margin-left: 0;\n}\n\n@media (max-width: 480px) {\n .serum2-inner h1 {\n font-size: 28px !important;\n }\n}\n\n .serum2-inner h1,\n .serum2-inner h2,\n .serum2-inner h3 {\n color: #f0f0e6;\n text-shadow: 0 0 4px #f0f0e6;\n position: relative;\n animation: subtle-glitch 1s ease-in-out infinite;\n }\n\n .serum2-inner h2::before {\n content: \"\u003e \";\n color: #f0f0e6;\n margin-right: 6px;\n }\n \n .serum2-inner h1 {\n text-align: center;\n margin-bottom: -5px;\n }\n \n .serum2-inner p,\n .serum2-inner li {\n color: #f0f0e6;\n font-size: 16px;\n line-height: 1.6;\n z-index: 1;\n position: relative;\n }\n\n.system-header::before {\n content: none !important;\n}\n\n@media (max-width: 480px) {\n .system-header {\n font-size: 18px !important;\n line-height: 1.4;\n }\n}\n\n.serum2-inner li:not(.expandable-trigger):not(.expandable-wrapper)::before {\n content: \"▶\\FE0E \";\n color: #f0f0e6;\n padding-right: 6px;\n position: relative;\n top: 2px;\n}\n\n .serum2-inner ul {\n list-style-type: none;\n padding-left: 0.6rem;\n margin-left: 0;\n }\n\n @keyframes subtle-glitch {\n 0%, 60%, 100% { text-shadow: 0 0 4px #f0f0e6; }\n 20% { text-shadow: -1px 0 #f0f0e6, 1px 0 #f0f0e6; }\n 40% { text-shadow: 1px 0 #f0f0e6, -1px 0 #f0f0e6; }\n 80% { text-shadow: 0 0 6px #f0f0e6; }\n }\n\n .cursor {\n display: inline-block;\n width: 8px;\n height: 14px;\n background-color: #f0f0e6;\n margin-left: 3px;\n animation: blink 0.8s infinite alternate;\n }\n\n @keyframes blink {\n from { opacity: 1; }\n to { opacity: 0; }\n }\n\n.hook-plus-image {\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-between;\n align-items: center;\n gap: 40px;\n margin: 40px 0;\n width: 100%;\n}\n\n.hook-text {\n flex: 1 1 50%;\n min-width: 300px;\n}\n\n.split-combine-section.in-view.animation-complete .half {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n}\n\n.split-combine-section.in-view.animation-complete .sr-only {\n pointer-events: auto;\n z-index: 2;\n}\n \n.serum2-upsell-text {\n opacity: 0;\n visibility: hidden;\n transform: translateY(20px);\n transition:\n opacity 0.6s ease,\n transform 0.6s ease,\n visibility 0s linear 0.6s;\n color: #f0f0e6;\n text-shadow: 0 0 4px #f0f0e6;\n animation: subtle-glitch 1s ease-in-out infinite;\n}\n\n\/* Increase heading size *\/\n.hook-text h2,\n.serum2-inner h2 {\n font-size: 24px;\n}\n\n\/* Increase bullet list font *\/\n.hook-text li,\n.serum2-inner ul li {\n font-size: 18px;\n line-height: 1.8;\n}\n\n\/* Optional: increase paragraph size under vault section *\/\n.serum2-inner p {\n font-size: 17px;\n}\n.split-combine-section {\n flex: 1 1 40%;\n max-width: 480px;\n position: relative;\n overflow: hidden;\n height: 320px;\n}\n\n.split-combine-section .half {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n transition: transform 1s ease-out;\n}\n\n.split-combine-section .half.left {\n left: 0;\n clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);\n transform: translateX(-100%);\n}\n\n.split-combine-section .half.right {\n left: 0;\n clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);\n transform: translateX(100%);\n}\n\n .split-combine-section .sr-only {\n position: absolute;\n width: 100%;\n object-fit: cover;\n top: 0;\n left: 0;\n opacity: 0;\n transition: opacity 1s ease-in-out;\n z-index: 0; \n}\n\n .split-combine-section.in-view .sr-only {\n opacity: 1;\n transition-delay: 1s; \n}\n \n.split-combine-section.in-view .half.left,\n.split-combine-section.in-view .half.right {\n transform: translateX(0);\n}\n \n.split-combine-section.in-view.animation-complete .sr-only {\n z-index: 2;\n pointer-events: auto;\n transition: transform 0.25s ease-in-out;\n}\n\n.split-combine-section.in-view.animation-complete .sr-only:hover {\n transform: scale(1.06);\n}\n \n\n.split-combine-section.split-whzly {\n aspect-ratio: 16 \/ 9;\n height: auto;\n max-width: 480px;\n}\n\n.split-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: filter 0.8s ease;\n filter: none;\n}\n\n@media (max-width: 768px) {\n .hook-plus-image {\n flex-direction: column;\n align-items: center;\n gap: 0px !important;\n }\n\n .split-combine-section {\n max-width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 9;\n }\n}\n\n@media (min-width: 769px) {\n .split-combine-section {\n margin-top: 30px;\n }\n}\n\n@keyframes pulse-glow-smaller {\n 0% { filter: drop-shadow(0 0 4px #f0f0e6); }\n 100% { filter: drop-shadow(0 0 8px #f0f0e6); }\n}\n\n @media (max-width: 768px) {\n .vault-plus-split {\n flex-direction: column;\n align-items: center;\n }\n\n .split-combine-section {\n max-width: 100%;\n }\n }\n\n .jukebox-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n transform-origin: top center;\n padding: 20px;\n transform: translateX(100px);\n margin-top: -10px !important;\n}\n\n\/* Scale for tablet *\/\n@media (max-width: 768px) {\n .jukebox-wrapper {\n transform: scale(0.85);\n }\n}\n\n\/* Scale further for mobile *\/\n@media (max-width: 480px) {\n .jukebox-wrapper {\n transform: scale(0.7);\n }\n}\n\n.animated-list ul ul {\n max-height: 0;\n opacity: 0;\n transform: translateY(-8px);\n overflow: hidden;\n transition:\n max-height 1.2s ease-in-out,\n opacity 1.2s ease-in-out,\n transform 1.2s ease-in-out;\n}\n\n.animated-list.visible ul ul {\n max-height: 1000px;\n opacity: 1;\n transform: translateY(0);\n}\n\n@media (max-width: 768px) {\n .hook-text h2 {\n margin-top: 0px !important;\n margin-bottom: 0px\n }\n\n .hook-text p {\n margin-bottom: 0px !important;\n }\n\n .vault-and-player {\n margin-top: 5px !important; \/* was 100px *\/\n }\n\n .glitch-button.scroll-button {\n margin-bottom: 30px !important; \/* was 80px *\/\n }\n}\n\n@media (max-width: 768px) {\n .hook-plus-image .hook-text {\n margin-top: -5px\n margin-bottom: -5px !important;\n }\n}\n\n \u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .serum2-inner {\n padding-left: 10px !important;\n padding-right: 10px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n box-sizing: border-box;\n }\n}\n\u003c\/style\u003e\n\n \u003cstyle\u003e\n@media (max-width: 480px) {\n .serum2-inner p,\n .serum2-inner li {\n font-size: 15px !important; \/* was 17-18px *\/\n line-height: 1.5 !important; \/* was 1.8 *\/\n }\n\n .serum2-inner h2 {\n font-size: 22px !important; \/* was 24px *\/\n margin-top: 20px !important;\n margin-bottom: 12px !important;\n }\n\n #fullscreenTip {\n font-size: 12px !important;\n line-height: 1.2 !important;\n }\n}\n\n .hook-text ul,\n .vault-section ul {\n margin-top: 8px !important;\n margin-bottom: 0px !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"serum2-global-wrapper\"\u003e\n\u003cdiv class=\"serum2-inner\"\u003e\n\u003c!-- Content Starts Here --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.glitch-line {\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n font-size: 13px;\n color: #f0f0e6;\n font-family: 'Montserrat', sans-serif;\n margin: 20px 0;\n position: relative;\n}\n\n.scrolling-text {\n display: inline-block;\n white-space: nowrap;\n animation: scroll-text 250s linear infinite;\n padding-left: 0; \/* Remove the initial gap *\/\n}\n\n@keyframes scroll-text {\n 0% {\n transform: translateX(0%);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n.vault-statement {\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n font-size: 22px;\n margin: 40px auto -35px auto;\n max-width: 900px;\n color: #f0f0e6;\n text-shadow: 0 0 2px #f0f0e6;\n animation: subtle-glitch 1s ease-in-out infinite;\n}\n\n.vault-statement p {\n margin-bottom: -15px; \/* Reduce bottom space *\/\n line-height: 1.5;\n}\n\n@media (min-width: 769px) {\n .vault-statement {\n margin-top: 10px !important;\n }\n}\n\n@media (max-width: 768px) {\n .vault-statement {\n font-size: 18px !important;\n line-height: 1.4 !important;\n padding: 0 10px;\n }\n \n .vault-statement p {\n font-size: 16px !important;\n line-height: 1.4 !important;\n margin-bottom: 0px !important;\n }\n}\n\n.glitch-button.scroll-button {\n margin-top: 4px !important;\n}\n\n.desktop-vault-text {\n display: block;\n}\n.mobile-vault-text {\n display: none;\n}\n\n@media (max-width: 768px) {\n .desktop-vault-text {\n display: none;\n }\n .mobile-vault-text {\n display: block;\n }\n}\n\n\u003c\/style\u003e\n\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .desktop-only-text {\n display: none !important;\n }\n}\n\n@media (min-width: 769px) {\n .benchmark-tagline {\n margin-top: -15px;\n margin-bottom: 9px !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .split-combine-section.split-whzly .half,\n .split-combine-section.split-serum .half {\n display: none !important;\n\n }\n\n.split-combine-section.split-serum {\n display: flex;\n align-items: center;\n}\n\n.split-combine-section.split-serum .half {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\/* Always show fallback sr-only image for sections that still use it *\/\n.split-combine-section .sr-only {\n opacity: 1 !important;\n position: relative !important;\n z-index: 1 !important;\n pointer-events: auto !important;\n transition: none !important;\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .split-combine-section {\n overflow: visible !important;\n height: auto !important;\n aspect-ratio: auto !important;\n max-width: 100% !important;\n transform: none !important;\n }\n\n .split-combine-section .sr-only {\n width: 100% !important;\n height: auto !important;\n object-fit: contain !important;\n border-radius: 0 !important;\n margin: 20px 0 !important;\n transform: none !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.expandable-content \u003e ul {\n margin-top: 4px !important;\n padding-top: 0px !important;\n}\n\n\/* Second level bullets (nested ul inside ul) *\/\n.expandable-content ul ul {\n margin-left: 16px !important;\n padding-left: 16px !important;\n border-left: none !important;\n margin-top: 4px !important; \n padding-top: 0px !important;\n margin-bottom: 0px !important;\n}\n\n.expandable-content ul ul li::before {\n content: \"•\" !important; \n margin-right: 4px !important;\n transform: translateX(-1px) !important;\n position: relative;\n top: -2px; \n}\n\n.expandable-content ul ul li {\n font-weight: normal;\n margin-top: 2px !important; \n margin-bottom: 2px !important;\n line-height: 1.5 !important; \n}\n\n.expandable-content ul li {\n font-weight: bold;\n margin-top: 2px !important;\n margin-bottom: 2px !important;\n line-height: 1.5 !important;\n}\n\n.nihilism-heading {\n style=\"text-align: center;\n margin-top: -5px;\n}\n\n @media (max-width: 768px) {\n .intro-mobile-hide {\n display: none;\n }\n }\n\n @media (max-width: 768px) {\n .nihilism-heading {\n margin-top: 0px !important;\n }\n }\n\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (min-width: 769px) {\n .vault-and-player {\n align-items: center;\n }\n\n .jukebox-section {\n position: relative; \n align-self: center;\n margin-left: -225px;\n transform: translateY(0);\n transition: none;\n transition: transform 0.3s ease;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .weapon-tagline {\n margin-bottom: 8px !important;\n }\n}\n\n.nihilism-subheading {\n text-align: center;\n}\n\n@media (max-width: 768px) {\n .desktop-only {\n display: none;\n }\n .mobile-only {\n display: block;\n }\n}\n\n@media (min-width: 769px) {\n .desktop-only {\n display: block;\n }\n .mobile-only {\n display: none;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"serum2-global-wrapper\"\u003e\n \u003cdiv class=\"serum2-inner\"\u003e\n\n\u003ch1 class=\"nihilism-heading\" style=\"margin-top: -40px;\"\u003e\n\u003cspan class=\"intro-mobile-hide\"\u003eINTRODUCING \u003c\/span\u003eLIQUID DNB VOL. 1\u003c\/h1\u003e\n\u003cp class=\"nihilism-subheading desktop-only\"\u003eA flowing collection of liquid drum \u0026amp; bass sounds, crafted to capture emotion and movement.\u003c\/p\u003e\n\u003cp class=\"nihilism-subheading mobile-only\"\u003eA flowing collection of liquid drum \u0026amp; bass sounds.\u003cbr\u003eCrafted to capture emotion and movement.\u003c\/p\u003e\n\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- DEMO TRACK VIDEO --\u003e\n\u003cdiv class=\"serum2-inner\" style=\"text-align: center; margin: 5px 0;\"\u003e\n \u003cdiv class=\"video-glow-wrapper-static\" style=\"max-width: 800px; margin: 0 auto; border-radius: 12px; overflow: hidden; box-shadow: 0 0 20px #f0f0e6;\"\u003e\n \u003cdiv class=\"whzly-video-inner\"\u003e\n\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/DxWjcTBe6-0?si=OBfH1iuXUTbkqO6E\u0026amp;rel=0\u0026amp;modestbranding=1\u0026amp;showinfo=0\u0026amp;autohide=1\u0026amp;controls=1\" style=\"width: 100%; height: 50vw; max-height: 450px; border: none;\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n\u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .video-glow-wrapper-static {\n box-shadow: none !important;\n }\n }\n\n.split-combine-section.split-serum .half.right,\n.split-combine-section.split-serum .half.left,\n.split-combine-section.split-serum .sr-only {\n padding-top: 20px;\n}\n\n @media (max-width: 768px) {\n .serum2-inner h1 {\n font-size: 38px !important;\n line-height: 1.2 !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .nihilism-tagline-desktop {\n display: block;\n }\n\n .nihilism-tagline-mobile {\n display: none;\n }\n\n .hook-text h2 {\n font-size: 24px !important;\n margin-top: 40px !important;\n margin-bottom: 20px !important;\n text-align: center !important;\n }\n\n .inspired-by-line {\n text-align: center !important;\n }\n }\n\n.inspired-mobile {\n display: none;\n}\n\n@media (max-width: 768px) {\n .inspired-desktop {\n display: none;\n }\n .inspired-mobile {\n display: inline;\n }\n}\n\n @media (min-width: 769px) {\n .nihilism-tagline-mobile {\n display: none;\n }\n }\n\n@media (max-width: 768px) {\n .hook-plus-image {\n padding: 0 -20px !important;\n margin: 0 auto !important;\n width: 100% !important;\n max-width: 100% !important;\n box-sizing: border-box;\n }\n\n .hook-plus-image .hook-text {\n width: 100% !important;\n max-width: 100% !important;\n }\n}\n\n@media (max-width: 768px) {\n .hook-plus-image ul {\n margin-left: 10px !important;\n }\n}\n\n@media (max-width: 768px) {\n .inspired-by-line {\n font-family: inherit !important;\n }\n}\n\n @media (max-width: 768px) {\n .nihilism-bullets-desktop {\n display: none;\n }\n .nihilism-bullets-mobile {\n display: block;\n margin-left: 20px;\n }\n }\n\n @media (min-width: 769px) {\n .nihilism-bullets-mobile {\n display: none;\n }\n\n .hook-text h2 .gear-icon {\n display: none;\n }\n }\n @media (max-width: 769px) {\n .gear-icon {\n display: none;\n }\n }\n\n@media (max-width: 768px) {\n .split-combine-section.split-serum {\n display: none;\n }\n}\n\n@media (max-width: 768px) {\n .vault-and-player {\n margin-top: 30px !important;\n }\n}\n\n@media (max-width: 768px) {\n .inside-heading-desktop {\n display: none;\n }\n}\n\n@media (min-width: 769px) {\n .inside-heading-mobile {\n display: none;\n }\n}\n\n.heading-mobile {\n display: none;\n}\n\n@media (max-width: 768px) {\n .heading-desktop {\n display: none;\n }\n .heading-mobile {\n display: inline;\n }\n}\n\n\u003c\/style\u003e\n\n\u003cdiv class=\"hook-plus-image\"\u003e\n \u003cdiv class=\"hook-text\"\u003e\n\u003ch2 style=\"margin-top: 35px; margin-bottom: 5px;\"\u003e\n \u003cspan class=\"gear-icon\"\u003e🌊\u003c\/span\u003e \n \u003cspan class=\"heading-desktop\"\u003eThe Sound of Motion, Depth, and Soul\u003c\/span\u003e\n \u003cspan class=\"heading-mobile\"\u003eSounds of Motion, Depth \u0026amp; Soul\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cp class=\"nihilism-tagline-desktop\"\u003e\n \u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003eFor producers who write with heart\u003c\/span\u003e\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cp class=\"nihilism-tagline-mobile\"\u003e\n Designed for depth, flow, and emotion\n \u003c\/p\u003e\n\n\u003cp class=\"inspired-by-line\" style=\"margin: -20px 0 0; font-family: 'Share Tech Mono', monospace; font-size: 13.5px; color: #41F3E8;\"\u003e\n \u003cspan class=\"inspired-desktop\"\u003eInspired by Hybrid Minds, Monrroe, Elipsa, and Technimatic.\u003c\/span\u003e\n \u003cspan class=\"inspired-mobile\"\u003eInspired by Hybrid Minds, Monrroe Elipsa \u0026amp; Technimatic.\u003c\/span\u003e\n\u003c\/p\u003e\n\n \u003cul class=\"nihilism-bullets-desktop\"\u003e\n \u003cli\u003eSmooth and melodic Liquid DNB sound design\u003c\/li\u003e\n \u003cli\u003e100 Serum 2 presets for melodic \u0026amp; bass\u003c\/li\u003e\n \u003cli\u003e1100+ Fresh samples \u0026amp; MIDI\u003c\/li\u003e\n \u003cli\u003e350+ Melodic loops, chords, pads, and swells\u003c\/li\u003e\n \u003cli\u003e100s of one-shots for instant creativity\u003c\/li\u003e\n \u003cli\u003eDeep rolling Reese \u0026amp; Sub loops\u003c\/li\u003e\n \u003cli\u003eThe go-to kit for melodic and soulful dnb producers\u003c\/li\u003e\n \u003c\/ul\u003e\n\n\u003cul class=\"nihilism-bullets-mobile\"\u003e\n \u003cli\u003eSmooth and melodic Liquid DNB sounds\u003c\/li\u003e\n \u003cli\u003e100 Serum 2 presets for melodic \u0026amp; bass\u003c\/li\u003e\n \u003cli\u003e1100+ samples: drums, FX \u0026amp; atmo\u003c\/li\u003e\n \u003cli\u003eMelodic loops, chords \u0026amp; swells\u003c\/li\u003e\n \u003cli\u003ePunchy drums: kicks, snares + more\u003c\/li\u003e\n \u003cli\u003eDeep rolling reese \u0026amp; sub loops\u003c\/li\u003e\n \u003cli\u003eThe go-to kit for Liquid DNB producers\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"split-combine-section split-serum\"\u003e\n \u003cdiv class=\"half left\"\u003e\n \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/wave2.png?v=1758285307\" alt=\"Circular gear design with glowing center\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"half right\"\u003e\n \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/wave2.png?v=1758285307\" alt=\"Circular gear design with glowing center\"\u003e\n \u003c\/div\u003e\n \u003cimg class=\"sr-only\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/wave2.png?v=1758285307\" alt=\"Circular gear design with glowing center\"\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\n \u003cdiv class=\"vault-and-player\" style=\"display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 40px; margin-top: 100px;\"\u003e\n\n \u003c!-- Vault Section --\u003e\n \u003cdiv class=\"vault-section\" style=\"flex: 1 1 50%; min-width: 320px;\"\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003ch2 class=\"inside-heading-desktop\"\u003e\n 📂 What’s Inside Liquid DNB Vol. 1?\n \u003c\/h2\u003e\n \u003ch2 class=\"inside-heading-mobile\"\u003e\n 📂 What’s Inside Liquid DNB Vol. 1?\n \u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"benchmark-tagline\"\u003e\n \u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003e1200+ professionally engineered Serum 2 presets, samples, and MIDI\u003c\/span\u003e\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cdiv class=\"vault-scroll-area\"\u003e\n \u003cul class=\"whzly-list\"\u003e\n\n \u003c!-- PRESETS --\u003e\n \u003cli class=\"expandable-wrapper\"\u003e\n \u003cdiv class=\"expandable-trigger\" data-target=\"#presets-sublist\"\u003e\n \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n \u003cstrong\u003e100 Brand New Serum 2 Presets\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"expandable-content\" id=\"presets-sublist\"\u003e\n \u003cul\u003e\n \u003cli\u003eBass \u0026amp; Sub (rolling, reese, warm subs)\u003c\/li\u003e\n \u003cli\u003eLeads \u0026amp; Plucks (melodic hooks, arp-ready)\u003c\/li\u003e\n \u003cli\u003ePads \u0026amp; Atmospheres (lush, evolving)\u003c\/li\u003e\n \u003cli\u003eKeys \u0026amp; Chords (liquid piano\/synth tones)\u003c\/li\u003e\n \u003cli\u003e\u003cem\u003eMacros programmed for instant movement\u003c\/em\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n\n \u003c!-- SAMPLES --\u003e\n \u003cli class=\"expandable-wrapper\"\u003e\n \u003cdiv class=\"expandable-trigger\" data-target=\"#samples-sublist\"\u003e\n \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n \u003cstrong\u003e1100+ Professionally Engineered Samples\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"expandable-content\" id=\"samples-sublist\"\u003e\n \u003cul\u003e\n\n \u003c!-- MELODIC --\u003e\n \u003cli\u003eMelodic\n \u003cul\u003e\n \u003cli\u003eAtmo — \u003cstrong\u003e25\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eInstrument Loops — \u003cstrong\u003e95\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eMelodic Loops — \u003cstrong\u003e161\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003ePads — \u003cstrong\u003e69\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eOne Shots — \u003cstrong\u003e56\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eSwells — \u003cstrong\u003e32\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n\n \u003c!-- BASS --\u003e\n \u003cli\u003eBass\n \u003cul\u003e\n \u003cli\u003eReese Loops— \u003cstrong\u003e45\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eSub Loops — \u003cstrong\u003e24\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eBass Loops — \u003cstrong\u003e14\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eBass One Shots — \u003cstrong\u003e36\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n\n \u003c!-- DRUMS --\u003e\n \u003cli\u003eDrums\n \u003cul\u003e\n \u003cli\u003eFull Loops — \u003cstrong\u003e19\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eIntro Loops — \u003cstrong\u003e32\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003ePerc Loops — \u003cstrong\u003e24\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eTop Loops — \u003cstrong\u003e26\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eBuild Loops — \u003cstrong\u003e2\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eFills — \u003cstrong\u003e40\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eKick — \u003cstrong\u003e23\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eSnare — \u003cstrong\u003e52\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eClap — \u003cstrong\u003e12\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eRimshot — \u003cstrong\u003e22\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eHat — \u003cstrong\u003e24\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eCymbal — \u003cstrong\u003e20\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eCrash — \u003cstrong\u003e20\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003ePerc — \u003cstrong\u003e35\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n\n \u003c!-- FX --\u003e\n \u003cli\u003eFX\n \u003cul\u003e\n \u003cli\u003eAmbience — \u003cstrong\u003e40\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eDownlifter — \u003cstrong\u003e19\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eImpact — \u003cstrong\u003e23\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eRiser — \u003cstrong\u003e9\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eSweeps — \u003cstrong\u003e27\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n\n \u003c!-- MIDI --\u003e\n \u003cli\u003eMIDI\n \u003cul\u003e\n \u003cli\u003eReese — \u003cstrong\u003e40\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eChords — \u003cstrong\u003e51\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n\n\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n\n\n\u003cli class=\"expandable-wrapper\"\u003e\n \u003cdiv class=\"expandable-trigger\" data-target=\"#projects-sublist\"\u003e\n \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n \u003cstrong\u003eFull-Length Liquid DNB Ableton Project\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"expandable-content\" id=\"projects-sublist\"\u003e\n \u003cul\u003e\n \u003cli\u003eProfessionally designed and mixed\u003c\/li\u003e\n \u003cli\u003eBeginner friendly\u003c\/li\u003e\n \u003cli\u003eFull length showcasing every element\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Audio Player Section --\u003e\n\u003cdiv class=\"jukebox-section\" aria-hidden=\"true\"\u003e\n\u003cdiv class=\"preview-player-wrapper\"\u003e\n\u003ch3 class=\"audio-preview-heading\"\u003e\n \u003cspan class=\"emoji\"\u003e🎧\u003c\/span\u003e PREVIEW SOUNDS \u003cspan class=\"emoji\"\u003e🎧\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"audio-preview-note\"\u003eLong previews are shortened for faster loading\u003c\/p\u003e\n\n \u003cdiv class=\"sample-category-buttons\"\u003e\n \u003cbutton class=\"sample-category-btn active\" data-category=\"melodic\"\u003eMELODIC\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"drums\"\u003eDRUMS\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"bass\"\u003eBASS\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"fx\"\u003eFX\u003c\/button\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"jukebox-wrapper\"\u003e\n \u003cdiv class=\"jukebox-container\"\u003e\n \u003cdiv class=\"jukebox-display\"\u003e\n \u003cdiv class=\"serum-ui\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Serum2AudioPlayer.jpg?v=1747181839\" alt=\"Serum 2 UI\" class=\"serum-bg\"\u003e\n \u003cdiv id=\"sampleTitle\" class=\"serum-title\"\u003eWHZLY PRESET 1\u003c\/div\u003e\n \u003cdiv id=\"waveformContainer\" class=\"serum-waveform\"\u003e\u003c\/div\u003e\n\u003cbutton id=\"prevSample\" class=\"jukebox-btn\"\u003e◀\u003c\/button\u003e\n\u003cbutton id=\"nextSample\" class=\"jukebox-btn\"\u003e▶\u003c\/button\u003e\n \u003cbutton id=\"playPause\" class=\"play-pause-btn\"\u003e\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- SoundCloud player kept with the text so it aligns left of the image --\u003e\n\u003cdiv class=\"hook-plus-image\"\u003e\n \u003cdiv class=\"hook-text\"\u003e\n \u003ch2 style=\"margin-top: 35px; margin-bottom: 15px;\"\u003e\n \u003cspan class=\"project-emoji\"\u003e🎛️\u003c\/span\u003e \n \u003cspan class=\"project-heading-desktop\"\u003eFull-Length Ableton Project Included\u003c\/span\u003e\n \u003cspan class=\"project-heading-mobile\"\u003eAbleton Project Included\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003c!-- DESKTOP LIST --\u003e\n \u003cul class=\"projects-list-desktop\" style=\"padding-left:0;\"\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eProfessionally designed Liquid DNB project file\u003c\/li\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eFull arrangement with rolling drums, melodic layers, and emotive drops\u003c\/li\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eLearn mixing, FX routing, and arrangement structure\u003c\/li\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eBuilt entirely from the sounds in Liquid DNB Vol. 1\u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003c!-- MOBILE LIST --\u003e\n \u003cul class=\"projects-list-mobile\" style=\"padding-left:0;\"\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eFull-length Liquid DNB Ableton project\u003c\/li\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eExplore mixing, FX, and arrangement\u003c\/li\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eLearn directly from a professionally designed template\u003c\/li\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eMade entirely with Liquid DNB Vol. 1\u003c\/li\u003e\n \u003c\/ul\u003e\n\n\n \u003cdiv class=\"soundcloud-player-wrap\" style=\"margin-top:20px; max-width:650px; padding-left:0;\"\u003e\n \u003ciframe width=\"100%\" height=\"20\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/soundcloud%3Atracks%3A2174043012%3Fsecret_token%3Ds-Uo3kG6ZHpli\u0026amp;color=%23289abd\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\"\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e \u003c!-- ✅ close .hook-text BEFORE the image --\u003e\n\n \u003cdiv class=\"projects-image projects-image--match-split\" style=\"margin-left:40px; margin-top:25px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/LDNBV1_Project.webp?v=1758247231\" alt=\"Liquid DNB Vol. 1 Ableton Project\"\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.audio-preview-note {\n font-family: 'Montserrat', sans-serif;\n font-size: 13px;\n color: #dedede;\n text-align: center;\n margin-top: -5px;\n letter-spacing: -0.2px;\n margin-bottom: 0px; \n max-width: 320px; \n line-height: 1.3;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* Label rendered by the wrapper itself *\/\n.soundcloud-player-wrap {\n position: relative;\n display: flex;\n justify-content: flex-start; \/* align contents left *\/\n}\n\n.soundcloud-player-wrap::before {\n content: \"↓ High Quality Preview ↓\";\n position: absolute;\n top: -14px; \n left: 22px; \n width: 500px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n font-size: 14px;\n color: #f5f5f5;\n line-height: 1.2;\n pointer-events: none;\n}\n\n.soundcloud-player-wrap iframe {\n display: block;\n max-width: 500px;\n margin-left: 22px;\n}\n\n\/* Mobile: center the label + player *\/\n@media (max-width: 640px){\n .soundcloud-player-wrap{\n display:block;\n }\n .soundcloud-player-wrap iframe{\n max-width: 100%;\n margin: 0 auto;\n }\n .soundcloud-player-wrap::before{\n left: 50%;\n transform: translateX(-50%);\n width: auto;\n max-width: 90vw;\n top: -14px; \n font-size: 18px;\n text-align: center;\n }\n}\n@media (max-width: 768px){\n .soundcloud-player-wrap::before { font-size: 11px; }\n}\n\n @media (max-width: 768px) {\n .projects-list-desktop {\n display: none;\n }\n .projects-list-mobile {\n display: block;\n }\n }\n\n @media (min-width: 769px) {\n .projects-list-mobile {\n display: none;\n }\n }\n\n@media (max-width: 400px) {\n .audio-preview-heading .emoji {\n display: none;\n }\n}\n\n.project-heading-mobile {\n display: none;\n}\n\n@media (max-width: 768px) {\n .project-heading-desktop {\n display: none;\n }\n .project-heading-mobile {\n display: inline;\n }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .soundcloud-player-wrap {\n padding-left: 0 !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .projects-image {\n display: block !important;\n margin: 20px auto -260px auto !important; \/* top 20px, bottom -100px, centered *\/\n max-width: 100% !important;\n text-align: center !important;\n }\n\n .projects-image img {\n display: block;\n margin: 0 auto;\n max-width: 100%;\n height: auto;\n }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .project-emoji {\n display: none;\n }\n }\n.projects-image--match-split { flex:0 0 480px; max-width:480px; }\n\n.projects-image--match-split img { width:100%; height:auto; aspect-ratio:16\/9; display:block; }\n\n\u003c\/style\u003e\n\u003cdiv class=\"hook-plus-image hook-plus-image-optimized\"\u003e\n \u003cdiv class=\"hook-text\"\u003e\n\u003ch2 style=\"margin-top: 35px; margin-bottom: 15px;\"\u003e\n \u003cspan class=\"no-filler-icon\"\u003e🌊\u003c\/span\u003e Crafted to Be Exceptional\n\u003c\/h2\u003e\n\u003c!-- Desktop version --\u003e\n\u003cul class=\"no-filler-list-desktop\"\u003e\n \u003cli\u003eAll presets tuned, leveled, and macro-mapped for fast use\u003c\/li\u003e\n \u003cli\u003e100s of loops designed for direct drop-ins\u003c\/li\u003e\n \u003cli\u003eHuge collection of unique instrument loops\u003c\/li\u003e\n \u003cli\u003eDelivered as a fully processed, organised toolkit\u003c\/li\u003e\n \u003cli\u003e100% royalty-free and instantly downloadable\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003c!-- Mobile version --\u003e\n\u003cul class=\"no-filler-list-mobile\"\u003e\n \u003cli\u003ePresets tuned, leveled \u0026amp; macro-ready\u003c\/li\u003e\n \u003cli\u003e100s of loops for instant drop-ins\u003c\/li\u003e\n \u003cli\u003eUnique instrument loops included\u003c\/li\u003e\n \u003cli\u003eOrganised, processed production kit\u003c\/li\u003e\n \u003cli\u003eRoyalty-free \u0026amp; ready to download\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"split-combine-section split-whzly\"\u003e\n \u003cdiv class=\"half left\"\u003e\n \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Folders.webp?v=1758337726\" alt=\"WHZLY Studio\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"half right\"\u003e\n \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Folders.webp?v=1758337726\" alt=\"WHZLY Studio\"\u003e\n \u003c\/div\u003e\n \u003cimg class=\"sr-only\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Folders.webp?v=1758337726\" alt=\"WHZLY Studio\"\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .no-filler-icon {\n display: none;\n }\n\n .no-filler-heading {\n margin-top: 30px;\n }\n }\n\n@media (max-width: 768px) {\n .no-filler-list-mobile {\n display: block;\n padding-left: 0;\n margin-top: 10px;\n }\n\n .no-filler-list-desktop {\n display: none;\n }\n}\n\n@media (min-width: 769px) {\n .no-filler-list-mobile {\n display: none;\n }\n\n .no-filler-list-desktop {\n display: block;\n }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .projects-wrapper {\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .projects-wrapper \u003e div {\n max-width: 100% !important;\n margin-left: 0 !important;\n }\n\n .project-image {\n margin-top: 40px !important;\n }\n }\n\n .project-image img {\n transition: transform 0.3s ease;\n }\n\n .project-image img:hover {\n transform: scale(1.06);\n }\n\n@media (max-width: 768px) {\n .projects-wrapper {\n width: 100%;\n max-width: 650px;\n margin: 0 auto;\n padding: 0 15px;\n box-sizing: border-box;\n }\n\n .projects-wrapper ul {\n margin-left: 20px !important;\n padding-left: 0 !important;\n }\n\n .projects-wrapper li {\n margin-bottom: 10px;\n }\n}\n\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .projects-wrapper,\n .projects-wrapper * {\n max-width: 650px !important;\n width: 100% !important;\n font-size: 15px !important;\n line-height: 1.6 !important;\n font-family: 'Syne', sans-serif !important;\n box-sizing: border-box !important;\n color: #f0f0e6 !important;\n }\n\n .projects-wrapper h2 {\n font-size: 22px !important;\n margin-top: 25px !important;\n margin-bottom: 15px !important;\n text-align: center !important;\n }\n\n .projects-wrapper ul {\n padding-left: 20px !important;\n margin: 0 !important;\n }\n\n .projects-wrapper li {\n margin-bottom: 12px !important;\n list-style-type: disc !important;\n }\n}\n\n@media (max-width: 768px) {\n .projects-wrapper ul {\n font-size: 15px !important;\n line-height: 1.6 !important;\n font-family: 'Syne', sans-serif !important;\n padding-left: 20px !important;\n margin: 0 !important;\n color: #f0f0e6 !important;\n }\n\n .projects-wrapper li {\n margin-bottom: 12px !important;\n list-style-type: disc !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.expandable-content {\n display: block;\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition:\n max-height 0.6s ease,\n opacity 0.6s ease;\n will-change: max-height, opacity;\n}\n\n.expandable-content ul {\n margin-left: 15px;\n padding-left: 20px;\n border-left: 2px solid #f0f0e6;\n}\n\n.expandable-content ul li {\n font-size: 16px;\n opacity: 0.9;\n}\n\n.expandable-content ul li::before {\n content: \"◦\";\n color: #7cff5a;\n margin-right: 8px;\n}\n\n.expandable-content.visible {\n max-height: 1000px; \/* or whatever is tall enough for your list *\/\n opacity: 1;\n}\n\n@media (max-width: 768px) {\n \/* Pull the inner dropdown (ul) closer to the left *\/\n .expandable-content ul {\n margin-left: 8px !important; \n padding-left: 12px !important; \n border-left: 2px solid #f0f0e6;\n }\n\n \/* Tighten spacing inside the expandable-trigger (where the arrow + text are) *\/\n .expandable-trigger .arrow-icon {\n margin-right: 2px !important; \n }\n\n \/* Tighten space between bullet (▶) and text inside dropdown *\/\n .expandable-content ul li::before {\n padding-right: 0px !important;\n margin-right: 4px !important;\n }\n}\n\n\/* Base list styling *\/\n.whzly-list {\n list-style: none;\n padding-left: 0;\n}\n\n\/* Only apply ▶ arrow to list items that are NOT expandable triggers *\/\n.whzly-list li:not(.expandable-wrapper):not(.expandable-trigger)::before {\n content: \"▶\\FE0E \";\n color: #f0f0e6;\n padding-right: 6px;\n}\n\n\/* Expandable list container *\/\n.expandable-wrapper {\n margin-bottom: 10px;\n}\n\n\/* Expandable trigger overrides normal bullet *\/\n.expandable-trigger::before {\n content: none; \/* Disable default list-style bullet *\/\n}\n\n\/* Flashing arrow icon *\/\n.arrow-icon {\n display: inline-block;\n color: #f0f0e6;\n margin-right: 8px;\n animation: arrowPulse 1.6s ease-in-out infinite;\n transition: transform 0.3s ease;\n}\n\n.expandable-trigger,\n.expandable-trigger .arrow-icon {\n cursor: pointer;\n}\n\n.expandable-trigger strong {\n color: #f0f0e6;\n text-shadow: 0 0 4px #f0f0e6;\n font-weight: bold;\n}\n\n@keyframes arrowPulse {\n 0%, 100% {\n opacity: 1;\n transform: translateX(0);\n }\n 50% {\n opacity: 0.5;\n transform: translateX(2px);\n }\n}\n\n.expandable-trigger.active .arrow-icon {\n animation: none;\n}\n\n\/* Arrow content: ▶ \/ ▼ *\/\n.arrow-icon::before {\n content: \"▶\";\n}\n\n.expandable-trigger.active .arrow-icon::before {\n content: \"▼\";\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.preview-player-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 16px;\n margin-top: -12px !important;\n width: 100%;\n}\n\n@media (min-width: 769px) {\n .preview-player-wrapper {\n transform: translateX(100px);\n }\n}\n\n.sample-category-buttons {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: -16px !important;\n margin-bottom: -10px !important;\n}\n\n@media (max-width: 480px) {\n .sample-category-buttons {\n transform: scale(0.7);\n transform-origin: top center;\n margin-left: -10px !important;\n margin-right: -10px !important;\n }\n}\n\n.sample-category-btn {\n background: transparent;\n border: 2px solid #f0f0e6;\n color: #f0f0e6;\n font-family: 'Montserrat', sans-serif;\n padding: 6px 14px;\n font-size: 14px;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-shadow: 0 0 4px #f0f0e6;\n}\n\n.sample-category-btn:hover,\n.sample-category-btn.active {\n background: #f0f0e6;\n color: black;\n box-shadow: 0 0 10px #f0f0e6;\n}\n\n.category-buttons {\n display: flex;\n justify-content: space-between;\n gap: 10px;\n width: 400px; \n margin: 0 auto 10px auto;\n transform: translateX(100px);\n}\n\n@media (max-width: 480px) {\n .sample-category-buttons {\n flex-wrap: nowrap;\n overflow-x: auto;\n scrollbar-width: none; \/* Firefox *\/\n }\n\n .sample-category-buttons::-webkit-scrollbar {\n display: none; \/* Chrome, Safari, Edge *\/\n }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const triggers = document.querySelectorAll('.expandable-trigger');\n const manualToggles = new Set();\n const autoExpanded = new Set();\n let lastY = window.scrollY;\n\n triggers.forEach(trigger =\u003e {\n trigger.addEventListener('click', () =\u003e {\n const target = document.querySelector(trigger.dataset.target);\n const id = trigger.dataset.target;\n\n trigger.classList.toggle('active');\n target.classList.toggle('visible');\n manualToggles.add(id); \n autoExpanded.delete(id); \n });\n });\n\n const handleScrollExpand = () =\u003e {\n const currentY = window.scrollY;\n const scrollingUp = currentY \u003c lastY;\n lastY = currentY;\n\n triggers.forEach(trigger =\u003e {\n const id = trigger.dataset.target;\n const target = document.querySelector(id);\n const rect = target.getBoundingClientRect();\n\n const triggerPoint = window.innerHeight * (id === '#samples-sublist' ? 0.65 : 0.75);\n\n if (manualToggles.has(id)) return;\n\n \n if (!scrollingUp \u0026\u0026 rect.top \u003c triggerPoint \u0026\u0026 rect.bottom \u003e 0) {\n trigger.classList.add('active');\n target.classList.add('visible');\n autoExpanded.add(id);\n }\n\n \n if (scrollingUp \u0026\u0026 autoExpanded.has(id) \u0026\u0026 rect.top \u003e triggerPoint) {\n trigger.classList.remove('active');\n target.classList.remove('visible');\n autoExpanded.delete(id);\n }\n });\n };\n\n window.addEventListener('scroll', handleScrollExpand, { passive: true });\n handleScrollExpand(); \/\/ run once on page load\n });\n\u003c\/script\u003e\n\n\n\u003cstyle\u003e\n.audio-preview-heading {\n display: block;\n text-align: center;\n color: #f0f0e6;\n font-family: 'Montserrat', sans-serif;\n font-size: 24px;\n font-weight: bold;\n letter-spacing: 1px;\n margin-bottom: 8px !important; \n}\n\n@media (min-width: 769px) {\n .audio-preview-heading {\n margin-left: 197px;\n margin-top: 10px; \n text-align: left; \n transform: translateX(-100px);\n }\n}\n\n.jukebox-section {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n margin-top: 0;\n margin-bottom: 0;\n margin-left: -225px;\n}\n\n.vault-and-player {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n gap: 40px;\n margin-top: 60px;\n}\n\n.vault-text {\n flex: 1 1 50%;\n min-width: 300px;\n}\n\n.player-container {\n flex: 1 1 40%;\n min-width: 300px;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n@media (max-width: 768px) {\n .vault-and-player {\n flex-direction: column;\n width: 100%;\n align-items: center;\n margin: 0 auto;\n }\n\n .vault-text, .player-container {\n width: 100%;\n }\n}\n\n\n.jukebox-container {\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(1);\n transform-origin: top center;\n padding: 0;\n margin-top: 0;\n margin-top: 0;\n}\n\n.jukebox-display {\n position: relative;\n width: 100%;\n max-width: 400px;\n aspect-ratio: 657 \/ 778;\n margin: 0 auto;\n}\n\n.serum-ui {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.serum-bg {\n width: 100%;\n height: auto;\n display: block;\n}\n\n.serum-title {\n position: absolute;\n top: 43px;\n left: 50%;\n transform: translateX(-51%);\n font-family: 'Montserrat', sans-serif;\n font-size: 21px;\n font-weight: 400;\n color: #ffffff;\n letter-spacing: 0.5px;\n text-shadow: none;\n text-transform: uppercase;\n white-space: nowrap;\n}\n\n.serum-waveform {\n position: absolute;\n top: 110px;\n left: 50%;\n transform: translateX(-50%);\n width: 100%;\n height: 144px;\n overflow: hidden;\n}\n\n.play-pause-btn {\n position: absolute;\n top: 184px;\n left: 50%; \/* was 50% *\/\n transform: translate(-50%, -50%) translateX(10px);\n width: 100px;\n height: 100px;\n background: transparent;\n border: none;\n z-index: 3;\n opacity: 1;\n padding: 0;\n font-size: 0;\n pointer-events: auto;\n}\n\n.play-pause-btn::before {\n content: '';\n display: block;\n width: 0;\n height: 0;\n margin: auto;\n border-style: solid;\n border-width: 30px 0 30px 50px;\n border-color: transparent transparent transparent #f0f0e6;\n position: relative;\n left: -6px;\n}\n\n.play-pause-btn.paused::before {\n content: '';\n display: block;\n width: 24px;\n height: 28px;\n margin: 0 auto;\n background:\n linear-gradient(to right,\n #f0f0e6 8px,\n transparent 8px,\n transparent 16px,\n #f0f0e6 16px\n );\n transform: translateX(-2px); \/* slight left nudge *\/\n}\n\n.play-pause-btn::before,\n.play-pause-btn.paused::before {\n text-shadow: 0 0 6px #f0f0e6;\n filter: drop-shadow(0 0 6px #f0f0e6);\n transition: filter 0.3s ease-in-out;\n}\n\n.play-pause-btn:hover::before,\n.play-pause-btn.paused:hover::before {\n filter: drop-shadow(0 0 10px #f0f0e) drop-shadow(0 0 16px #f0f0e);\n}\n\n.play-pause-btn.playing::before {\n opacity: 0.2; \n transition: opacity 0.3s ease;\n}\n\n@media (max-width: 480px) {\n .play-pause-btn {\n width: 82px !important;\n height: 82px !important;\n position: absolute;\n top: 47%;\n left: 52%; \/* ✅ nudge it right *\/\n transform: translate(-50%, -50%);\n z-index: 10;\n }\n\n .play-pause-btn::before {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 41px 0 41px 68px;\n border-color: transparent transparent transparent #f0f0e6;\n background: none;\n left: -2px;\n top: 0;\n transform: none;\n opacity: 1;\n }\n\n .play-pause-btn.paused::before {\n content: '';\n position: absolute;\n width: 54px;\n height: 76px;\n background: linear-gradient(to right,\n #f0f0e6 18px,\n transparent 18px,\n transparent 36px,\n #f0f0e6 36px\n );\n border: none;\n left: 14px;\n top: 3px;\n transform: none;\n opacity: 1;\n }\n}\n\n@media (max-width: 375px) {\n .play-pause-btn {\n width: 65px !important;\n height: 65px !important;\n }\n\n .play-pause-btn::before {\n border-width: 30px 0 30px 50px;\n left: -4px;\n }\n\n .play-pause-btn.paused::before {\n width: 42px;\n height: 60px;\n }\n}\n\n\n@media (max-width: 480px) {\n .play-pause-btn::before,\n .play-pause-btn.paused::before {\n transform: scale(0.7) translateX(-2px);\n }\n}\n\n\/* Navigation Arrows *\/\n.jukebox-btn {\n position: absolute;\n top: 184px;\n transform: translateY(-50%);\n background: transparent;\n border: none;\n color: #f0f0e6;\n font-size: 40px;\n font-family: 'Arial', 'Helvetica Neue', sans-serif; \/* remove Montserrat, exclude emoji fonts *\/\n cursor: pointer;\n z-index: 3;\n transition: color 0.2s ease, text-shadow 0.2s ease;\n text-shadow: 0 0 6px #f0f0e6;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n\n.jukebox-btn:hover {\n color: #f0f0e;\n text-shadow:\n 0 0 6px #f0f0e6,\n 0 0 12px #f0f0e6,\n 0 0 18px #f0f0e6;\n}\n\n#prevSample {\n left: -34px;\n}\n\n#nextSample {\n right: -34px;\n}\n\n@media (max-width: 480px) {\n .jukebox-btn {\n top: 178px; \/* move up from 184px *\/\n }\n\n #prevSample {\n left: -40px;\n }\n\n #nextSample {\n right: -40px;\n }\n}\n\n\/* Mobile general scaling *\/\n@media (max-width: 480px) {\n .jukebox-display {\n max-width: 100%;\n width: 90vw;\n transform: scale(0.85); \/* actual scale down now *\/\n transform-origin: top center;\n margin: 0 auto;\n }\n\n .serum-title {\n font-size: 18px;\n top: 9.1%; \/* percentage relative to player *\/\n }\n\n .play-pause-btn {\n font-size: 86px;\n top: 39%;\n transform: translate(-50%, -50%);\n }\n\n .serum-waveform {\n height: 30%;\n top: 23%;\n }\n\n .jukebox-btn {\n font-size: 63px;\n top: 38.2%;\n }\n}\n\n\/* Tiny mobile scaling (375px and below) *\/\n@media (max-width: 375px) {\n .jukebox-display {\n transform: scale(0.8);\n }\n\n .serum-title {\n font-size: 16px;\n top: 9.5%;\n }\n\n .play-pause-btn {\n font-size: 58px;\n top: 40%;\n transform: translate(-50%, -50%);\n }\n\n .serum-waveform {\n height: 29%;\n top: 24%;\n }\n\n .jukebox-btn {\n font-size: 58px;\n top: 40%;\n }\n}\n\n@media (max-width: 768px) {\n .jukebox-section {\n margin-bottom: -50px;\n }\n}\n\n@media (min-width: 769px) {\n .jukebox-section {\n flex: 1 1 40%;\n min-width: 300px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-left: -225px;\n }\n}\n\n@media (max-width: 480px) {\n .jukebox-display {\n transform: scale(0.85);\n transform-origin: top center;\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n }\n\n .serum-ui {\n transform: scale(1);\n width: 100%;\n height: auto;\n }\n}\n\n@media (max-width: 768px) {\n .jukebox-section {\n margin-left: 0 !important;\n width: 100%;\n padding: 0 10px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .jukebox-wrapper {\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n transform: none !important;\n padding: 0;\n box-sizing: border-box;\n }\n\n .jukebox-container {\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n transform: none !important;\n }\n\n .jukebox-display {\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n }\n}\n\n\n\/* MARGIN REDUCE, COMMENTED OUT\n@media (max-width: 480px) {\n .jukebox-section {\n margin-bottom: -80px !important;\n }\n}\n*\/\n\n@media (max-width: 768px) {\n .jukebox-section {\n margin-left: 0 !important;\n padding-left: 15px;\n padding-right: 15px;\n width: 100%;\n box-sizing: border-box;\n }\n\n .jukebox-container {\n width: 100%;\n justify-content: center;\n }\n}\n\n@media (max-width: 768px) {\n .audio-preview-heading {\n margin-left: 0 !important;\n font-size: 22px !important;\n margin-right: 0 !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n text-align: center !important;\n }\n}\n\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\nconst sampleData = {\n melodic: [\n{ title: \"Loop 1 - Gmaj\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_1_-_Gmaj.mp3?v=1758582889\" },\n{ title: \"Loop 7 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_7_-_Fmin.mp3?v=1758582889\" },\n{ title: \"Loop 9 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_9_-_Emin.mp3?v=1758430655\" },\n{ title: \"Loop 11 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_11_-_Fmin.mp3?v=1758430683\" },\n{ title: \"Loop 13 - G#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_13_-_G_min.mp3?v=1758430866\" },\n{ title: \"Loop 16 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_16_-_Fmin.mp3?v=1758430865\" },\n{ title: \"Loop 19 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_19_-_Fmin.mp3?v=1758430866\" },\n{ title: \"Loop 23 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_23_-_Fmin.mp3?v=1758430904\" },\n{ title: \"Loop 31 - G#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_31_-_G_min.mp3?v=1758430904\" },\n{ title: \"Loop 35 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_35_-_Fmin.mp3?v=1758430904\" },\n{ title: \"Loop 36 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_36_-_C_min.mp3?v=1758430904\" },\n{ title: \"Loop 49 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_49_-_Emin.mp3?v=1758430957\" },\n{ title: \"Loop 59 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_59_-_Fmin.mp3?v=1758430956\" },\n{ title: \"Loop 61 - Amin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_61_-_Amin.mp3?v=1758431018\" },\n{ title: \"Loop 72 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_72_-_D_min.mp3?v=1758431018\" },\n{ title: \"Loop 77 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_77_-_Fmin.mp3?v=1758431018\" },\n{ title: \"Loop 80 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_80_-_Dmin.mp3?v=1758431018\" },\n{ title: \"Loop 82 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_82_-_C_min.mp3?v=1758431018\" },\n{ title: \"Loop 110 - Gmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_110_-_Gmin.mp3?v=1758431088\" },\n{ title: \"Loop 112 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_112_-_C_min.mp3?v=1758431088\" },\n{ title: \"Loop 116 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_116_-_Dmin.mp3?v=1758431088\" },\n{ title: \"Loop 118 - Gmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_118_-_Gmin.mp3?v=1758431088\" },\n{ title: \"Loop 121 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_121_-_Emin.mp3?v=1758431089\" },\n{ title: \"Loop 124 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_124_-_Fmin.mp3?v=1758431154\" },\n{ title: \"Loop 126 - D#maj\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_126_-_D_maj.mp3?v=1758431154\" },\n{ title: \"Loop 128 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_128_-_D_min.mp3?v=1758431154\" },\n{ title: \"Loop 131 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_131_-_C_min.mp3?v=1758431154\" },\n{ title: \"One Shot 6 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_6_-_Emin.mp3?v=1758431222\" },\n{ title: \"One Shot 11 - C\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_11_-_C.mp3?v=1758431221\" },\n{ title: \"One Shot 14 - C\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_14_-_C.mp3?v=1758431221\" },\n{ title: \"One Shot 16 - Cmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_16_-_Cmin.mp3?v=1758431221\" },\n{ title: \"One Shot 20 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_20_-_Dmin.mp3?v=1758431221\" },\n{ title: \"One Shot 24 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_24_-_Dmin.mp3?v=1758431342\" },\n{ title: \"One Shot 36 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_36_-_Dmin.mp3?v=1758431342\" },\n{ title: \"One Shot 39 - C\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_39_-_C.mp3?v=1758431341\" },\n{ title: \"One Shot 41 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_41_-_Dmin.mp3?v=1758431342\" },\n{ title: \"One Shot 43 - D#\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_43_-_D.mp3?v=1758431342\" },\n{ title: \"One Shot 44 - A\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_44_-_A.mp3?v=1758431342\" },\n{ title: \"One Shot 45 - Amin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_45_-_Amin.mp3?v=1758431343\" },\n{ title: \"Swell 3 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_3_-_Emin.mp3?v=1758431468\" },\n{ title: \"Swell 9 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_9_-_Fmin.mp3?v=1758431468\" },\n{ title: \"Swell 14 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_14_-_C_min.mp3?v=1758431467\" },\n{ title: \"Swell 17 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_17_-_Dmin.mp3?v=1758431467\" },\n{ title: \"Swell 22 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_22_-_D_min.mp3?v=1758431468\" },\n{ title: \"Swell 25 - F#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_25_-_F_min.mp3?v=1758431468\" },\n{ title: \"Swell 30 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_30_-_Emin.mp3?v=1758431468\" },\n{ title: \"Swell 35 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_35_-_Fmin.mp3?v=1758431468\" },\n{ title: \"Pad Loop 1 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_1_-_Dmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 9 - Cmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_9_-_Cmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 11 - Gmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_11_-_Gmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 20 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_20_-_Emin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 29 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_29_-_Dmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 36 - Cmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_36_-_Cmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 45 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_45_-_Emin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 48 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_48_-_D_min.mp3?v=1758431601\" },\n{ title: \"Pad Loop 63 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_63_-_Fmin.mp3?v=1758582412\" },\n{ title: \"Pad Loop 68 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_68_-_D_min.mp3?v=1758582411\" },\n{ title: \"Guitar Loop 1 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_1_-_Emin.mp3?v=1758431778\" },\n{ title: \"Guitar Loop 13 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_13_-_Emin.mp3?v=1758431777\" },\n{ title: \"Guitar Loop 26 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_26_-_Fmin.mp3?v=1758431777\" },\n{ title: \"Guitar Loop 27 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_27_-_D_min.mp3?v=1758431778\" },\n{ title: \"Guitar Loop 29 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_29_-_Emin.mp3?v=1758431777\" },\n{ title: \"Piano Loop 1 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_1_-_Fmin.mp3?v=1758431851\" },\n{ title: \"Piano Loop 5 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_5_-_Emin.mp3?v=1758431850\" },\n{ title: \"Piano Loop 17 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_17_-_Fmin.mp3?v=1758431851\" },\n{ title: \"Piano Loop 20 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_20_-_Fmin.mp3?v=1758431851\" },\n{ title: \"Piano Loop 22 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_22_-_Dmin.mp3?v=1758431850\" },\n{ title: \"Flute Loop 2 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flute_Loop_2_-_Emin.mp3?v=1758431924\" },\n{ title: \"Flute Loop 5 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flute_Loop_5_-_Emin.mp3?v=1758431924\" },\n{ title: \"Flute Loop 9 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flute_Loop_9_-_Emin.mp3?v=1758431925\" },\n{ title: \"Flute Loop 13 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flute_Loop_13_-_Emin.mp3?v=1758431924\" },\n{ title: \"Violin Loop 1 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_1_-_Emin.mp3?v=1758431980\" },\n{ title: \"Violin Loop 5 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_5_-_Dmin.mp3?v=1758431979\" },\n{ title: \"Violin Loop 10 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_10_-_Dmin.mp3?v=1758431979\" },\n{ title: \"Violin Loop 17 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_17_-_Fmin.mp3?v=1758431980\" },\n{ title: \"Violin Loop 25 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_25_-_Emin.mp3?v=1758431979\" }\n ],\n drums: [\n{ title: \"Full Loop 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_1.mp3?v=1758432737\" },\n{ title: \"Full Loop 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_5.mp3?v=1758432737\" },\n{ title: \"Full Loop 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_6.mp3?v=1758432737\" },\n{ title: \"Full Loop 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_12.mp3?v=1758432737\" },\n{ title: \"Full Loop 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_13.mp3?v=1758432737\" },\n{ title: \"Full Loop 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_15.mp3?v=1758432737\" },\n{ title: \"Full Loop 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_17.mp3?v=1758432737\" },\n{ title: \"Intro Loop 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_1.mp3?v=1758432846\" },\n{ title: \"Intro Loop 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_3.mp3?v=1758432845\" },\n{ title: \"Intro Loop 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_8.mp3?v=1758432845\" },\n{ title: \"Intro Loop 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_11.mp3?v=1758432845\" },\n{ title: \"Intro Loop 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_13.mp3?v=1758432845\" },\n{ title: \"Intro Loop 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_19.mp3?v=1758432845\" },\n{ title: \"Intro Loop 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_21.mp3?v=1758432846\" },\n{ title: \"Top Loop 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_1.mp3?v=1758432944\" },\n{ title: \"Top Loop 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_2.mp3?v=1758432944\" },\n{ title: \"Top Loop 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_8.mp3?v=1758432944\" },\n{ title: \"Top Loop 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_9.mp3?v=1758432943\" },\n{ title: \"Top Loop 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_11.mp3?v=1758432943\" },\n{ title: \"Top Loop 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_14.mp3?v=1758432944\" },\n{ title: \"Top Loop 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_16.mp3?v=1758432943\" },\n{ title: \"Top Loop 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_22.mp3?v=1758432944\" },\n{ title: \"Top Loop 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_25.mp3?v=1758432944\" },\n{ title: \"Perc Loop 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_4.mp3?v=1758433081\" },\n{ title: \"Perc Loop 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_6.mp3?v=1758433082\" },\n{ title: \"Perc Loop 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_7.mp3?v=1758433082\" },\n{ title: \"Perc Loop 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_16.mp3?v=1758433081\" },\n{ title: \"Perc Loop 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_21.mp3?v=1758433082\" },\n{ title: \"Perc Loop 24\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_24.mp3?v=1758433081\" },\n{ title: \"Kick 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_1.mp3?v=1758433177\" },\n{ title: \"Kick 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_5.mp3?v=1758433175\" },\n{ title: \"Kick 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_8.mp3?v=1758433176\" },\n{ title: \"Kick 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_10.mp3?v=1758433176\" },\n{ title: \"Kick 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_13_57a7ba15-d36d-4b40-afda-20dd9be4b0d2.mp3?v=1758433175\" },\n{ title: \"Kick 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_14.mp3?v=1758433176\" },\n{ title: \"Kick 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_15.mp3?v=1758433176\" },\n{ title: \"Kick 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_20.mp3?v=1758433175\" },\n{ title: \"Kick 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_22.mp3?v=1758433176\" },\n{ title: \"Snare 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_2.mp3?v=1758433324\" },\n{ title: \"Snare 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_4.mp3?v=1758433324\" },\n{ title: \"Snare 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_7.mp3?v=1758433324\" },\n{ title: \"Snare 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_8.mp3?v=1758433324\" },\n{ title: \"Snare 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_12.mp3?v=1758433324\" },\n{ title: \"Snare 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_15.mp3?v=1758433324\" },\n{ title: \"Snare 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_18.mp3?v=1758433324\" },\n{ title: \"Snare 23\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_23.mp3?v=1758433324\" },\n{ title: \"Snare 26\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_26.mp3?v=1758433324\" },\n{ title: \"Snare 28\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_28.mp3?v=1758433324\" },\n{ title: \"Snare 33\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_33.mp3?v=1758433324\" },\n{ title: \"Snare 42\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_42.mp3?v=1758433324\" },\n{ title: \"Snare 49\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_49.mp3?v=1758433324\" },\n{ title: \"Snare 52\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_52.mp3?v=1758433324\" },\n{ title: \"Rimshot 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_6.mp3?v=1758433551\" },\n{ title: \"Rimshot 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_8.mp3?v=1758433551\" },\n{ title: \"Rimshot 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_12.mp3?v=1758433551\" },\n{ title: \"Rimshot 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_15.mp3?v=1758433552\" },\n{ title: \"Rimshot 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_18.mp3?v=1758433551\" },\n{ title: \"Rimshot 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_20.mp3?v=1758433551\" },\n{ title: \"Rimshot 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_21.mp3?v=1758433552\" },\n{ title: \"Rimshot 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_22.mp3?v=1758433551\" },\n{ title: \"Clap 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_1.mp3?v=1758433629\" },\n{ title: \"Clap 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_3.mp3?v=1758433629\" },\n{ title: \"Clap 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_8.mp3?v=1758433629\" },\n{ title: \"Clap 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_10.mp3?v=1758433630\" },\n{ title: \"Clap 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_11.mp3?v=1758433629\" },\n{ title: \"Clap 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_12.mp3?v=1758433629\" },\n{ title: \"Hat 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_1.mp3?v=1758433705\" },\n{ title: \"Hat 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_5.mp3?v=1758433705\" },\n{ title: \"Hat 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_7.mp3?v=1758433705\" },\n{ title: \"Hat 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_12_5993c039-ddba-4b77-9f3a-e9a64b15d391.mp3?v=1758433705\" },\n{ title: \"Hat 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_13_ff843a03-2479-4822-8924-b950e31dc29f.mp3?v=1758433705\" },\n{ title: \"Hat 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_17_4f7d2e45-6ffb-4f5d-bf96-c4eee344d8d6.mp3?v=1758433705\" },\n{ title: \"Hat 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_21.mp3?v=1758433706\" },\n{ title: \"Cymbal 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_1.mp3?v=1758433784\" },\n{ title: \"Cymbal 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_2.mp3?v=1758433784\" },\n{ title: \"Cymbal 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_7.mp3?v=1758433784\" },\n{ title: \"Cymbal 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_12.mp3?v=1758433784\" },\n{ title: \"Cymbal 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_13.mp3?v=1758433784\" },\n{ title: \"Cymbal 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_14.mp3?v=1758433784\" },\n{ title: \"Cymbal 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_18.mp3?v=1758433784\" },\n{ title: \"Crash 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_1.mp3?v=1758433847\" },\n{ title: \"Crash 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_6.mp3?v=1758433847\" },\n{ title: \"Crash 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_13.mp3?v=1758433848\" },\n{ title: \"Crash 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_16.mp3?v=1758433847\" },\n{ title: \"Crash 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_18.mp3?v=1758433848\" },\n{ title: \"Crash 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_20.mp3?v=1758433847\" },\n{ title: \"Perc 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_1.mp3?v=1758433932\" },\n{ title: \"Perc 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_9.mp3?v=1758433931\" },\n{ title: \"Perc 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_11.mp3?v=1758433932\" },\n{ title: \"Perc 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_14.mp3?v=1758433932\" },\n{ title: \"Perc 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_16.mp3?v=1758433932\" },\n{ title: \"Perc 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_20.mp3?v=1758433931\" },\n{ title: \"Perc 23\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_23.mp3?v=1758433932\" },\n{ title: \"Perc 26\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_26.mp3?v=1758433933\" },\n{ title: \"Perc 34\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_34.mp3?v=1758433932\" },\n{ title: \"Fill 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_1.mp3?v=1758434026\" },\n{ title: \"Fill 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_4.mp3?v=1758434027\" },\n{ title: \"Fill 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_8.mp3?v=1758434026\" },\n{ title: \"Fill 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_14.mp3?v=1758434027\" },\n{ title: \"Fill 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_19.mp3?v=1758434026\" },\n{ title: \"Fill 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_22.mp3?v=1758434027\" },\n{ title: \"Fill 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_25.mp3?v=1758434026\" },\n{ title: \"Fill 27\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_27.mp3?v=1758434026\" },\n{ title: \"Fill 31\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_31.mp3?v=1758434027\" },\n{ title: \"Fill 34\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_34.mp3?v=1758434026\" },\n{ title: \"Fill 39\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_39.mp3?v=1758434026\" }\n ],\n bass: [\n{ title: \"Pure Bass\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pure_Bass.mp3?v=1758553673\" },\n{ title: \"808 Authority\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/808_Authority.mp3?v=1758553673\" },\n{ title: \"Flavor Reese\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flavor_Reese.mp3?v=1758553673\" },\n{ title: \"Jungle Wobble\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Jungle_Wobble.mp3?v=1758553673\" },\n{ title: \"Blare Bass\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Blare_Bass.mp3?v=1758553673\" },\n{ title: \"Overtone Bassline\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Overtone_Bassline.mp3?v=1758553673\" },\n{ title: \"Gritty Reese\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Gritty_Reese.mp3?v=1758553673\" },\n{ title: \"Imparied Bass\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imparied_Bass.mp3?v=1758553673\" },\n{ title: \"Reese Loop 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_1_-_D.mp3?v=1758553902\" },\n{ title: \"Reese Loop 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_5_-_Fmin.mp3?v=1758553903\" },\n{ title: \"Reese Loop 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_7_-_Emin.mp3?v=1758553902\" },\n{ title: \"Reese Loop 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_10_-_Dmin.mp3?v=1758553902\" },\n{ title: \"Reese Loop 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_18_-_Fmin.mp3?v=1758553903\" },\n{ title: \"Reese Loop 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_22_-_Emin.mp3?v=1758553902\" },\n{ title: \"Reese Loop 31\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_31_-_D_min.mp3?v=1758553902\" },\n{ title: \"Reese Loop 33\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_33_-_D_min.mp3?v=1758553903\" },\n{ title: \"One Shot 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_1_-_B.mp3?v=1758554016\" },\n{ title: \"One Shot 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_9_-_F.mp3?v=1758554015\" },\n{ title: \"One Shot 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_20_-_F.mp3?v=1758554017\" },\n{ title: \"One Shot 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_22_-_F.mp3?v=1758554015\" },\n{ title: \"One Shot 30\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_30_-_Dmin.mp3?v=1758554016\" },\n{ title: \"One Shot 34\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_34_-_G.mp3?v=1758554016\" },\n{ title: \"One Shot 36\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_36_-_D.mp3?v=1758554016\" }\n],\n fx: [\n { title: \"Ambience 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_1.mp3?v=1758443038\" },\n { title: \"Ambience 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_5.mp3?v=1758443038\" },\n { title: \"Ambience 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_14.mp3?v=1758443037\" },\n { title: \"Ambience 27\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_27.mp3?v=1758443039\" },\n { title: \"Ambience 40\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_40.mp3?v=1758443038\" },\n { title: \"Downlifter 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_1.mp3?v=1758443152\" },\n { title: \"Downlifter 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_5.mp3?v=1758443152\" },\n { title: \"Downlifter 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_7.mp3?v=1758443152\" },\n { title: \"Downlifter 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_17.mp3?v=1758443152\" },\n { title: \"Downlifter 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_19.mp3?v=1758443152\" },\n { title: \"Riser 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_3.mp3?v=1758443207\" },\n { title: \"Riser 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_6.mp3?v=1758443208\" },\n { title: \"Riser 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_7.mp3?v=1758443207\" },\n { title: \"Riser 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_8.mp3?v=1758443208\" },\n { title: \"Riser 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_9.mp3?v=1758443208\" },\n { title: \"Sweep 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_1.mp3?v=1758446864\" },\n { title: \"Sweep 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_8.mp3?v=1758446864\" },\n { title: \"Sweep 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_10.mp3?v=1758446864\" },\n { title: \"Sweep 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_12.mp3?v=1758446865\" },\n { title: \"Sweep 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_14.mp3?v=1758446864\" },\n { title: \"Sweep 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_18.mp3?v=1758446865\" },\n { title: \"Sweep 24\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_24.mp3?v=1758446865\" },\n { title: \"Sweep 27\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_27.mp3?v=1758446864\" },\n { title: \"Impact 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_2.mp3?v=1758445855\" },\n { title: \"Impact 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_4.mp3?v=1758445855\" },\n { title: \"Impact 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_9.mp3?v=1758445855\" },\n { title: \"Impact 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_17.mp3?v=1758445855\" },\n { title: \"Impact 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_19.mp3?v=1758445855\" },\n { title: \"Impact 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_22.mp3?v=1758445855\" }\n]\n};\n\nlet isAutoplaying = false;\nlet currentCategory = \"melodic\";\nlet currentSampleIndex = 0;\nlet wavesurfer;\nlet preloadedWavesurfer = null;\nlet preloadedSample = null;\n\n\/\/ Delay next advance if the just-played sample was very short\nfunction queueNextRespectingShortSamples() {\n const dur = wavesurfer \u0026\u0026 typeof wavesurfer.getDuration === 'function'\n ? wavesurfer.getDuration()\n : 0;\n const delay = dur \u003c 1 ? 500 : 0; \/\/ 0.5s if under 1s\n\n setTimeout(() =\u003e {\n if (isAutoplaying) {\n playNextSample();\n }\n }, delay);\n}\n\nfunction loadSample(category, index) {\n const sample = sampleData[category][index];\n if (!sample) return;\n\n document.getElementById('sampleTitle').textContent = sample.title;\n\n if (wavesurfer) {\n wavesurfer.destroy();\n }\n\nconst isTinyScreen = window.innerWidth \u003c= 390;\n\nwavesurfer = WaveSurfer.create({\n container: '#waveformContainer',\n waveColor: '#72b547',\n progressColor: '#72b547',\n cursorColor: '#ffff99',\n height: isTinyScreen ? 117 : 144, \/\/ 117px for tiny, 144px otherwise\n});\n\n wavesurfer.load(sample.url);\n\n document.querySelectorAll('.sample-category-btn').forEach(b =\u003e {\n b.classList.remove('active');\n });\n const newActiveButton = document.querySelector(`.sample-category-btn[data-category=\"${category}\"]`);\n if (newActiveButton) {\n newActiveButton.classList.add('active');\n }\n\n wavesurfer.on('ready', () =\u003e {\n if (isAutoplaying) {\n wavesurfer.play();\n }\n preloadNextSample();\n });\n\nwavesurfer.on('finish', () =\u003e {\n if (isAutoplaying) {\n queueNextRespectingShortSamples();\n }\n});\n}\n\nfunction usePreloadedSampleOrLoad(category, index) {\n if (\n preloadedSampleInfo \u0026\u0026\n preloadedSampleInfo.category === category \u0026\u0026\n preloadedSampleInfo.index === index \u0026\u0026\n preloadedSampleData\n ) {\n if (wavesurfer) {\n wavesurfer.destroy();\n }\n\n document.getElementById('sampleTitle').textContent = sampleData[category][index].title;\n\n wavesurfer = WaveSurfer.create({\n container: '#waveformContainer',\n waveColor: '#72b547',\n progressColor: '#72b547',\n cursorColor: '#ffff99',\n height: 144,\n });\n\n wavesurfer.loadBlob(preloadedSampleData);\n\n wavesurfer.on('ready', () =\u003e {\n if (isAutoplaying) {\n wavesurfer.play();\n }\n preloadNextSample(); \/\/ Preload following sample\n });\n\nwavesurfer.on('finish', () =\u003e {\n if (isAutoplaying) {\n queueNextRespectingShortSamples();\n }\n});\n\n preloadedSampleData = null;\n preloadedSampleInfo = null;\n\n document.querySelectorAll('.sample-category-btn').forEach(b =\u003e {\n b.classList.remove('active');\n });\n const newActiveButton = document.querySelector(`.sample-category-btn[data-category=\"${category}\"]`);\n if (newActiveButton) {\n newActiveButton.classList.add('active');\n }\n\n } else {\n loadSample(category, index);\n }\n}\n\nfunction playNextSample() {\n const currentCategorySamples = sampleData[currentCategory];\n\n if (currentSampleIndex \u003c currentCategorySamples.length - 1) {\n currentSampleIndex++;\n usePreloadedSampleOrLoad(currentCategory, currentSampleIndex);\n } else {\n const categories = Object.keys(sampleData);\n const currentCategoryIndex = categories.indexOf(currentCategory);\n\n if (currentCategoryIndex \u003c categories.length - 1) {\n currentCategory = categories[currentCategoryIndex + 1];\n currentSampleIndex = 0;\n usePreloadedSampleOrLoad(currentCategory, currentSampleIndex);\n } else {\n isAutoplaying = false;\n const playPauseButton = document.getElementById('playPause');\n if (playPauseButton) playPauseButton.classList.remove('playing');\n }\n }\n}\n\nfunction preloadNextSample() {\n preloadedSampleData = null;\n preloadedSampleInfo = null;\n\n const currentCategorySamples = sampleData[currentCategory];\n\n let nextCategory = currentCategory;\n let nextIndex = currentSampleIndex + 1;\n\n if (nextIndex \u003e= currentCategorySamples.length) {\n const categories = Object.keys(sampleData);\n const currentCategoryIndex = categories.indexOf(currentCategory);\n\n if (currentCategoryIndex \u003c categories.length - 1) {\n nextCategory = categories[currentCategoryIndex + 1];\n nextIndex = 0;\n } else {\n return; \/\/ No more samples to preload\n }\n }\n\n const nextSample = sampleData[nextCategory][nextIndex];\n if (!nextSample) return;\n\n preloadedSampleInfo = { category: nextCategory, index: nextIndex };\n\n fetch(nextSample.url)\n .then(response =\u003e response.blob())\n .then(blob =\u003e {\n preloadedSampleData = blob;\n })\n .catch(error =\u003e {\n console.error('Error preloading sample:', error);\n });\n}\n\nfunction usePreloadedSampleOrLoad(category, index) {\n if (\n preloadedSample \u0026\u0026\n preloadedSample.category === category \u0026\u0026\n preloadedSample.index === index \u0026\u0026\n preloadedWavesurfer\n ) {\n if (wavesurfer) {\n wavesurfer.destroy();\n }\n\n \/\/ Move preloaded instance to real container\n preloadedWavesurfer.container = document.getElementById('waveformContainer');\n wavesurfer = preloadedWavesurfer;\n preloadedWavesurfer = null;\n preloadedSample = null;\n\n document.getElementById('sampleTitle').textContent = sampleData[category][index].title;\n\nwavesurfer.on('finish', () =\u003e {\n const dur = wavesurfer \u0026\u0026 typeof wavesurfer.getDuration === 'function'\n ? wavesurfer.getDuration()\n : 0;\n const delay = dur \u003c 1 ? 500 : 0;\n\n setTimeout(() =\u003e {\n if (isAutoplaying) {\n \/\/ ⬇️ all your original logic stays here\n const currentCategorySamples = sampleData[currentCategory];\n\n if (currentSampleIndex \u003c currentCategorySamples.length - 1) {\n currentSampleIndex++;\n usePreloadedSampleOrLoad(currentCategory, currentSampleIndex);\n } else {\n const categories = Object.keys(sampleData);\n const currentCategoryIndex = categories.indexOf(currentCategory);\n if (currentCategoryIndex \u003c categories.length - 1) {\n currentCategory = categories[currentCategoryIndex + 1];\n currentSampleIndex = 0;\n usePreloadedSampleOrLoad(currentCategory, currentSampleIndex);\n } else {\n isAutoplaying = false;\n const playPauseButton = document.getElementById('playPause');\n if (playPauseButton) playPauseButton.classList.remove('playing');\n }\n }\n }\n }, delay);\n});\n\n\n \/\/ Play instantly\n if (isAutoplaying) {\n wavesurfer.play();\n }\n\n \/\/ Preload the next one now\n preloadNextSample();\n } else {\n loadSample(category, index);\n }\n}\n\n\/\/ THIS SHOULD BE OUTSIDE loadSample()\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n loadSample(currentCategory, currentSampleIndex);\n\n document.querySelectorAll('.sample-category-btn').forEach(button =\u003e {\n button.addEventListener('click', () =\u003e {\n document.querySelectorAll('.sample-category-btn').forEach(b =\u003e b.classList.remove('active'));\n button.classList.add('active');\n\n currentCategory = button.dataset.category;\n currentSampleIndex = 0;\n loadSample(currentCategory, currentSampleIndex);\n });\n });\n\nfunction playPrevSample() {\n if (currentSampleIndex \u003e 0) {\n currentSampleIndex--;\n loadSample(currentCategory, currentSampleIndex);\n } else {\n const categories = Object.keys(sampleData);\n const currentCategoryIndex = categories.indexOf(currentCategory);\n\n if (currentCategoryIndex \u003e 0) {\n currentCategory = categories[currentCategoryIndex - 1];\n currentSampleIndex = sampleData[currentCategory].length - 1;\n\n \/\/ Update active button\n document.querySelectorAll('.sample-category-btn').forEach(b =\u003e {\n b.classList.remove('active');\n });\n const newActiveButton = document.querySelector(`.sample-category-btn[data-category=\"${currentCategory}\"]`);\n if (newActiveButton) {\n newActiveButton.classList.add('active');\n }\n\n loadSample(currentCategory, currentSampleIndex);\n }\n }\n}\n\ndocument.getElementById('nextSample').addEventListener('click', () =\u003e {\n playNextSample();\n});\n\ndocument.getElementById('prevSample').addEventListener('click', () =\u003e {\n playPrevSample();\n});\n\n const playPauseButton = document.getElementById('playPause');\n\n playPauseButton.addEventListener('click', () =\u003e {\n if (wavesurfer.isPlaying()) {\n wavesurfer.pause();\n isAutoplaying = false;\n playPauseButton.classList.remove('playing');\n } else {\n wavesurfer.play();\n isAutoplaying = true;\n playPauseButton.classList.add('playing');\n }\n });\n});\n\n\u003c\/script\u003e\n\u003cscript src=\"https:\/\/unpkg.com\/wavesurfer.js\"\u003e\u003c\/script\u003e\n\n\u003cdiv class=\"vault-statement\"\u003e\n \u003cp class=\"desktop-vault-text\"\u003e\n \u003cstrong\u003eThe future of Liquid begins here.\u003cbr\u003eA complete toolkit crafted for depth, motion, and soul.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp class=\"mobile-vault-text\"\u003e\n \u003cstrong\u003eThe future of Liquid begins here.\u003cbr\u003eA complete toolkit crafted for depth, motion, and soul.\u003c\/strong\u003e\n \u003c\/p\u003e\n\u003c\/div\u003e\n\n \n\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n const sections = document.querySelectorAll('.split-combine-section');\n if (!sections.length) return;\n\n let lastY = window.pageYOffset;\n let hasCompleted = false;\n\nwindow.addEventListener('scroll', function () {\n sections.forEach(section =\u003e {\n const rect = section.getBoundingClientRect();\n const triggerShow = window.innerHeight * 0.75;\n\n if (rect.top \u003c triggerShow \u0026\u0026 !section.classList.contains('in-view')) {\n section.classList.add('in-view');\n setTimeout(() =\u003e {\n section.classList.add('animation-complete');\n }, 1000);\n }\n\n \/\/ Optional reset if needed when scrolling to top\n if (window.pageYOffset === 0) {\n section.classList.remove('in-view', 'animation-complete');\n }\n });\n}, { passive: true });\n});\n\u003c\/script\u003e\n\n\n\u003c!-- LIQUID DNB VOL. 1 COVER ART --\u003e\n\u003cdiv class=\"coverart-section\"\u003e\n \u003cimg class=\"coverart-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/LIQUIDDNBVOL.1.webp?v=1758340956\" alt=\"Liquid DNB Vol. 1 Cover Art\" loading=\"lazy\" decoding=\"async\"\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.coverart-section {\n text-align: center;\n margin-top: 10px;\n margin-bottom: -10px;\n}\n\n.coverart-image {\n max-width: 600px;\n width: 100%; \n height: auto;\n display: inline-block;\n}\n\n\u003c\/style\u003e\n\n\u003c!-- Buy Now Button --\u003e\n\u003cdiv class=\"buy-now-wrapper\" style=\"text-align:center; margin-top:-40px; margin-bottom:40px;\"\u003e\n \u003cbutton class=\"buy-now-btn\" onclick=\"scrollToTop()\"\u003eBUY NOW\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.buy-now-btn {\n background: transparent;\n border: 2px solid #41F3E8;\n color: #41F3E8;\n font-family: 'Montserrat', sans-serif;\n font-size: 20px;\n font-weight: bold;\n padding: 14px 34px;\n border-radius: 6px;\n cursor: pointer;\n text-shadow: 0 0 2px #41F3E8;\n box-shadow: 0 0 12px #41F3E8;\n transition: all 0.3s ease;\n animation: pulse-glow 1.5s infinite alternate;\n}\n\n.buy-now-btn:hover {\n background: #41F3E8;\n color: #000;\n text-shadow: none;\n box-shadow: 0 0 20px #41F3E8;\n}\n\n@keyframes pulse-glow {\n 0% { box-shadow: 0 0 8px #41F3E8; }\n 100% { box-shadow: 0 0 18px #41F3E8; }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\nfunction scrollToTop() {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\u003c\/script\u003e\n\n\u003c!-- PRESETS PREVIEW --\u003e\n\u003c!-- \u003cdiv class=\"serum2-inner whzly-trigger-area\" style=\"text-align: center; margin: 80px 0;\"\u003e\n \u003ch2 class=\"whzly-heading\" style=\"margin-top: 35px; margin-bottom: 20px;\"\u003eNIHILISM 2 Preset Demo\u003c\/h2\u003e\n\n \u003cp class=\"benchmark-tagline whzly-tagline\"\u003e\n \u003cstrong\u003e\n \u003cspan class=\"first-line\"\u003eCheck out the raw power of the presets - no post-processing needed.\u003c\/span\u003e\u003cbr\u003e\n \u003c\/strong\u003e\n \u003c\/p\u003e\n\n\n\u003cdiv class=\"video-glow-wrapper\" id=\"whzlyGlowWrapper\"\u003e\n \u003cdiv class=\"whzly-video-inner\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/BcFGj62iwjc?rel=0\u0026amp;modestbranding=1\u0026amp;showinfo=0\u0026amp;autohide=1\u0026amp;controls=1\" style=\"width: 100%; height: 50vw; max-height: 500px; border: none;\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n \u003cdiv class=\"fullscreen-tip-wrapper\"\u003e\n \u003cp class=\"mobile-fullscreen-tip\" id=\"fullscreenTip\"\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n--\u003e\n\n\u003cstyle\u003e\n h2.whzly-heading.active::before {\n display: none !important;\n }\n\n@media (max-width: 768px) {\n .serum2-inner.whzly-trigger-area {\n margin-top: 60px !important;\n }\n}\n\/* Initial states *\/\n.whzly-heading {\n opacity: 0;\n transform: translateX(-60px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n.whzly-tagline {\n opacity: 0;\n transform: translateX(60px);\n transition: opacity 0.6s ease-out 0.2s, transform 0.6s ease-out 0.2s;\n}\n.whzly-fade-in {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s, box-shadow 0.6s ease-out 0.4s;\n}\n\n\/* Active states *\/\n.whzly-heading.active {\n opacity: 1;\n transform: translateX(0);\n}\n.whzly-tagline.active {\n opacity: 1;\n transform: translateX(0);\n}\n.whzly-fade-in.active {\n opacity: 1;\n transform: translateY(0);\n box-shadow: 0 0 20px #f0f0e6;\n}\n\n.fullscreen-tip-wrapper {\n max-width: 900px;\n margin: 6px auto 0 auto;\n text-align: center;\n}\n\n.mobile-fullscreen-tip {\n color: #f0f0e6;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px !important;\n opacity: 0.85;\n display: none; \n overflow: hidden;\n white-space: nowrap;\n}\n\n\/* Only show on mobile *\/\n@media (max-width: 768px) {\n .mobile-fullscreen-tip {\n display: block;\n }\n}\n\n.desktop-only-text {\n display: inline;\n}\n\n@media (max-width: 768px) {\n .desktop-only-text {\n display: none;\n }\n}\n\n\/* Flicker keyframes *\/\n@keyframes fullscreenFlicker {\n 0%, 100% { opacity: 1; }\n 5%, 15%, 25% { opacity: 0.6; }\n 10%, 20%, 30% { opacity: 1; }\n}\n\n@media (max-width: 480px) {\n .whzly-fade-in {\n margin-top: 20px !important;\n }\n}\n\n.whzly-heading {\n font-size: 32px;\n}\n\n@media (max-width: 430px) {\n .serum2-inner .whzly-heading {\n font-size: 20px !important;\n margin-top: 0px !important; \n margin-bottom: 12px !important;\n }\n}\n\n.video-glow-wrapper {\n max-width: 900px;\n margin: 40px auto 0 auto;\n border-radius: 12px;\n overflow: hidden;\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s, box-shadow 0.6s ease-out 0.4s;\n}\n\n.video-glow-wrapper.active {\n opacity: 1;\n transform: translateY(0);\n box-shadow: 0 0 20px #f0f0e6;\n}\n\n.whzly-fade-in {\n max-width: 900px;\n margin: 40px auto 0 auto;\n border-radius: 12px;\n overflow: hidden;\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s;\n}\n\n.whzly-fade-in.active {\n opacity: 1;\n transform: translateY(0);\n}\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n \/\/ --- Fullscreen Typing + Flicker ---\n const fullscreenTip = document.getElementById('fullscreenTip');\n const message = \"Watch in fullscreen for best experience.\";\n let charIndex = 0;\n\n function typeText() {\n if (!fullscreenTip) return;\n if (charIndex \u003c message.length) {\n fullscreenTip.innerHTML += message.charAt(charIndex);\n charIndex++;\n setTimeout(typeText, 40);\n } else {\n startRandomFlicker();\n }\n }\n\n function startRandomFlicker() {\n if (!fullscreenTip) return;\n fullscreenTip.style.animation = 'fullscreenFlicker 2s ease-in-out forwards';\n setTimeout(() =\u003e {\n fullscreenTip.style.animation = '';\n }, 2000);\n const nextFlicker = Math.floor(Math.random() * 7000) + 8000;\n setTimeout(startRandomFlicker, nextFlicker);\n }\n\n if (fullscreenTip) {\n setTimeout(typeText, 600);\n }\n\n \/\/ --- WHZLY Scroll Animations ---\nconst glowWrapper = document.querySelector('#whzlyGlowWrapper');\nconst heading = document.querySelector('.whzly-heading');\nconst tagline = document.querySelector('.whzly-tagline');\nconst triggerArea = document.querySelector('.whzly-trigger-area');\n\nlet lastScrollY = window.scrollY;\n\nconst observer = new IntersectionObserver(entries =\u003e {\n entries.forEach(entry =\u003e {\n const scrollingUp = window.scrollY \u003c lastScrollY;\n lastScrollY = window.scrollY;\n\n if (entry.isIntersecting) {\n heading.classList.add('active');\n tagline.classList.add('active');\n glowWrapper.classList.add('active');\n } else if (scrollingUp) {\n heading.classList.remove('active');\n tagline.classList.remove('active');\n glowWrapper.classList.remove('active');\n }\n });\n}, { threshold: 0.5 });\n\nif (triggerArea) {\n observer.observe(triggerArea);\n}\n\n});\n\u003c\/script\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n document.querySelectorAll('.split-combine-section').forEach(section =\u003e {\n const io = new IntersectionObserver(([entry]) =\u003e {\n if (!entry.isIntersecting) return;\n section.classList.add('in-view');\n setTimeout(() =\u003e section.classList.add('animation-complete'), 1100); \/\/ after it slides in\n io.disconnect();\n }, { threshold: 0.3 });\n io.observe(section);\n });\n});\n\u003c\/script\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003cdiv class=\"demo-cta-wrap\"\u003e\n \u003cdiv class=\"demo-cta\"\u003e\n \u003cp class=\"demo-cta-title\"\u003eStill not sure?\u003c\/p\u003e\n \u003cp class=\"demo-cta-text\"\u003e\n Check out the free demo pack and try the sounds in your project.\n \u003c\/p\u003e\n \u003ca class=\"demo-cta-btn\" href=\"https:\/\/edmtemplates.net\/pages\/free-downloads-vault\" target=\"_blank\" rel=\"noopener\"\u003e\n Get the Free Demo Pack\n \u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n .demo-cta-wrap {\n display: flex;\n justify-content: center;\n margin: 8px 0 14px 0;\n }\n .demo-cta {\n width: 100%;\n max-width: 640px;\n text-align: center;\n border: 1px solid rgba(65, 243, 232, 0.2);\n border-radius: 6px;\n padding: 6px 10px 10px;\n background: rgba(65, 243, 232, 0.025);\n }\n .demo-cta-title {\n margin: 0;\n font-weight: 700;\n font-size: 16px;\n color: #f1f1f1;\n }\n .demo-cta-text {\n margin: 2px 0 6px;\n font-size: 16px;\n color: #d9d9d9;\n }\n .demo-cta-btn {\n display: inline-block;\n font-weight: 700;\n font-size: 14px;\n padding: 7px 16px;\n border-radius: 6px;\n color: #fff;\n background: none;\n border: 1px solid #41f3e8;\n text-decoration: none !important;\n transition: all 0.2s ease;\n }\n .demo-cta-btn:hover {\n background: rgba(65, 243, 232, 0.08);\n box-shadow: 0 0 6px rgba(65, 243, 232, 0.25);\n text-decoration: none !important;\n }\n @media (max-width: 480px) {\n .demo-cta {\n padding: 6px 8px 8px;\n }\n .demo-cta-title {\n font-size: 15px;\n }\n .demo-cta-text {\n font-size: 13px;\n }\n .demo-cta-btn {\n width: 100%;\n }\n }\n\u003c\/style\u003e\n\n\u003c!-- SYSTEM COMPATIBILITY SECTION --\u003e\n\u003cdiv class=\"serum2-inner\" style=\"margin-top: 100px;\"\u003e\n \u003ch2 class=\"system-header\"\u003e\n \u003cspan class=\"desktop-text\"\u003e⚙️ SYSTEM REQUIREMENTS ⚙️\u003c\/span\u003e\n \u003cspan class=\"mobile-text\"\u003e⚙️ SYSTEM REQUIREMENTS ⚙️\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"requirements-list\"\u003e\n \u003cdiv\u003eAny DAW\u003c\/div\u003e\n \u003cdiv\u003eSerum 2\u003c\/div\u003e\n\n \u003cdiv style=\"margin-top: 12px; color: #f0f0e6; font-weight: bold;\"\u003eProject File Requirements:\u003c\/div\u003e\n \u003cdiv\u003eAbleton 12\n \u003cbr\u003e\n Serum 2\n \u003cbr\u003e\n FabFilter Pro-Q-3\n\u003cbr\u003e\nFabFilter Pro-L-2 (optional)\n\u003cbr\u003e\nSoothe2 (optional)\n\u003cbr\u003e\nkHs Transient Shaper (optional)\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n .system-header {\n font-family: 'Montserrat', sans-serif;\n font-size: 22px;\n color: #f0f0e6;\n text-shadow: 0 0 4px #f0f0e6;\n margin-bottom: 5px !important;\n text-transform: uppercase;\n letter-spacing: 1px;\n text-align: center;\n }\n\n .requirements-list {\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n color: #f0f0e6;\n font-size: 16px;\n line-height: 1.8;\n }\n\n .requirements-list div {\n margin: 6px 0;\n }\n\n.system-header .mobile-text {\n display: none;\n}\n\n@media (max-width: 768px) {\n .hook-plus-image {\n margin-top: 10px !important;\n margin-bottom: 0px !important;\n }\n\n .glitch-button.scroll-button {\n margin-top: 0px !important;\n }\n}\n\n\/* 480px and smaller *\/\n@media (max-width: 480px) {\n .system-header .mobile-text {\n display: inline;\n font-size: 16px;\n }\n\n .system-header .desktop-text {\n display: none;\n }\n\n .requirements-list {\n font-size: 12px;\n }\n\n .vault-section,\n .hook-plus-image-optimized .hook-text {\n padding-left: 0px;\n padding-right: 0px;\n box-sizing: border-box;\n flex-direction: column;\n align-items: center;\n }\n}\n@media (max-width: 480px) {\n .whzly-fade-in {\n max-width: 100% !important;\n padding: 0 10px;\n box-sizing: border-box;\n overflow-x: hidden;\n }\n\n .whzly-fade-in iframe {\n width: 100% !important;\n max-width: 100% !important;\n box-sizing: border-box;\n }\n\n .serum2-inner,\n .serum2-inner .whzly-trigger-area,\n .video-glow-wrapper {\n overflow-x: hidden !important;\n max-width: 100vw !important;\n }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n.serum2-inner h1,\n.serum2-inner h2,\n.serum2-inner h3,\n.serum2-inner p,\n.serum2-inner li,\n.vault-statement,\n.sample-category-btn,\n.expandable-trigger strong {\n color: #f0f0e6;\n text-shadow: 0 0 4px #41F3E8;\n}\n\n@keyframes subtle-glitch {\n 0%, 60%, 100% { text-shadow: 0 0 4px #41F3E8; }\n 20% { text-shadow: -1px 0 #41F3E8, 1px 0 #41F3E8; }\n 40% { text-shadow: 1px 0 #41F3E8, -1px 0 #41F3E8; }\n 80% { text-shadow: 0 0 6px #41F3E8; }\n}\n\n.video-glow-wrapper-static {\n box-shadow: 0 0 20px #41F3E8;\n}\n\u003c\/style\u003e\n\u003c\/div\u003e","brand":"EDM Templates","offers":[{"title":"Standaardtitel","offer_id":53411768926539,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/LIQUIDDNBVOL.1.webp?v=1758340956"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/collections\/anarchy_png_bfffac81-99db-4cad-9521-07b7b737a5f7.png?v=1697093339","url":"https:\/\/edmtemplates.net\/nl\/collections\/drum-and-bass-sample-packs.oembed","provider":"⛓👽 EDM TEMPLATES","version":"1.0","type":"link"}