<!DOCTYPE html><html><head><meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="sRrV6q7Ff9LrxuQLDMawap9Cdvf9xIgN61U1ySkbrBcyzd7Dg4iKUkkdbzzCf4NOAmOckiv-xi3QYFrA4gv5GA" /></head><body><turbo-stream action="remove" target="catalog_featured"></turbo-stream>
<turbo-stream action="replace" target="catalog_content"><template>
  <turbo-frame id="catalog_content" target="_top" class="px-[3%] py-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-4 gap-y-6">
  </turbo-frame>
</template></turbo-stream>
<turbo-stream action="append" target="catalog_content"><template>
    <swiper-slide
  data-card="collection_4024066"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="LAR" data-author-permalink-0="lar"
    data-published-at="2026-02-06T08:26:18-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4024066&#39;, &#39;Search Results&#39;); " href="/programs/lar-melodic-garage-track-from-scratch">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="LAR Melodic Garage Track from Scratch" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4024066/horizontal/94ec0e44-bf0d-4ff1-8e28-dac6b66e70ad.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4024066/horizontal/94ec0e44-bf0d-4ff1-8e28-dac6b66e70ad.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4024066/horizontal/94ec0e44-bf0d-4ff1-8e28-dac6b66e70ad.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4024066/horizontal/94ec0e44-bf0d-4ff1-8e28-dac6b66e70ad.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">19</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="LAR Melodic Garage Track from Scratch" aria-label="LAR Melodic Garage Track from Scratch" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4024066&#39;, &#39;Search Results&#39;); " href="/programs/lar-melodic-garage-track-from-scratch">
    <span class="line-clamp-2">
      LAR Melodic Garage Track from Scratch
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_4007970"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Fader Pro co-founder intros his 1-hour mixing and mastering process, transferable to any genre, prioritizing intuition and efficiency."
    data-author-title-0="Vincent DiPasquale" data-author-permalink-0="vincent-dipasquale"
    data-published-at="2026-01-23T06:31:22-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4007970&#39;, &#39;Search Results&#39;); " href="/programs/one-hour-mixing-workflow-free-intro">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Intro to The One Hour Mixing Workflow" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4007970/horizontal/2fc6f3f7-8dc0-4343-8198-4eb397ff7848.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4007970/horizontal/2fc6f3f7-8dc0-4343-8198-4eb397ff7848.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4007970/horizontal/2fc6f3f7-8dc0-4343-8198-4eb397ff7848.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4007970/horizontal/2fc6f3f7-8dc0-4343-8198-4eb397ff7848.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">4</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Intro to The One Hour Mixing Workflow" aria-label="Intro to The One Hour Mixing Workflow" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;4007970&#39;, &#39;Search Results&#39;); " href="/programs/one-hour-mixing-workflow-free-intro">
    <span class="line-clamp-2">
      Intro to The One Hour Mixing Workflow
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3836713"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Go inside Bram Fidder’s studio to see how a world-class engineer masters tracks with powerful, high-end analog gear."
    data-author-title-0="Bram Fidder" data-author-permalink-0="bram-fidder"
    data-published-at="2025-10-17T07:44:23-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3836713&#39;, &#39;Search Results&#39;); " href="/programs/inside-analog-mastering">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Inside Analog Mastering" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3836713/horizontal/68bf7b73-e195-459d-a7ef-dd8bb588b79c.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3836713/horizontal/68bf7b73-e195-459d-a7ef-dd8bb588b79c.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3836713/horizontal/68bf7b73-e195-459d-a7ef-dd8bb588b79c.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3836713/horizontal/68bf7b73-e195-459d-a7ef-dd8bb588b79c.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">4</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Inside Analog Mastering" aria-label="Inside Analog Mastering" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3836713&#39;, &#39;Search Results&#39;); " href="/programs/inside-analog-mastering">
    <span class="line-clamp-2">
      Inside Analog Mastering
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3775581"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn Bram Fidder’s full workflow to mix tribal tech house tracks that hit hard on any sound system."
    data-author-title-0="Bram Fidder" data-author-permalink-0="bram-fidder"
    data-published-at="2025-09-12T02:18:15-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3775581&#39;, &#39;Search Results&#39;); " href="/programs/mixing-tribal-tech-house">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Mixing Tribal Tech House" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3775581/horizontal/ce0b8ab7-3359-4211-933c-bb1b434b4fdf.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3775581/horizontal/ce0b8ab7-3359-4211-933c-bb1b434b4fdf.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3775581/horizontal/ce0b8ab7-3359-4211-933c-bb1b434b4fdf.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3775581/horizontal/ce0b8ab7-3359-4211-933c-bb1b434b4fdf.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">14</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Mixing Tribal Tech House" aria-label="Mixing Tribal Tech House" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3775581&#39;, &#39;Search Results&#39;); " href="/programs/mixing-tribal-tech-house">
    <span class="line-clamp-2">
      Mixing Tribal Tech House
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3689252"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to turn a great idea into a club smash, with Illyus Barrientos showing you under the bonnet of their biggest hit &quot;D.A.N.C.E&quot;"
    data-author-title-0="Illyus Barrientos" data-author-permalink-0="illyus-barrientos"
    data-published-at="2025-07-18T03:58:23-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3689252&#39;, &#39;Search Results&#39;); " href="/programs/illyus-barrientos-from-idea-to-anthem-dance">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="From Idea to Anthem: D.A.N.C.E" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3689252/horizontal/e0d90f70-c167-40ab-aae6-fbf691247c0a.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3689252/horizontal/e0d90f70-c167-40ab-aae6-fbf691247c0a.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3689252/horizontal/e0d90f70-c167-40ab-aae6-fbf691247c0a.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3689252/horizontal/e0d90f70-c167-40ab-aae6-fbf691247c0a.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">10</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="From Idea to Anthem: D.A.N.C.E" aria-label="From Idea to Anthem: D.A.N.C.E" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3689252&#39;, &#39;Search Results&#39;); " href="/programs/illyus-barrientos-from-idea-to-anthem-dance">
    <span class="line-clamp-2">
      From Idea to Anthem: D.A.N.C.E
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3578806"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Inspired by genre-defining artists like Bonobo, Maribou State, Ben Böhmer, and Tourist, LAR teaches you melodic house from the ground up"
    data-author-title-0="LAR" data-author-permalink-0="lar"
    data-published-at="2025-04-24T04:02:21-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3578806&#39;, &#39;Search Results&#39;); " href="/programs/lar-melodic-house-track-from-scratch">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="LAR Melodic House Track from Scratch" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3578806/horizontal/77d4b33d-a076-44f6-84dd-00e5279b1064.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3578806/horizontal/77d4b33d-a076-44f6-84dd-00e5279b1064.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3578806/horizontal/77d4b33d-a076-44f6-84dd-00e5279b1064.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3578806/horizontal/77d4b33d-a076-44f6-84dd-00e5279b1064.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">15</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="LAR Melodic House Track from Scratch" aria-label="LAR Melodic House Track from Scratch" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3578806&#39;, &#39;Search Results&#39;); " href="/programs/lar-melodic-house-track-from-scratch">
    <span class="line-clamp-2">
      LAR Melodic House Track from Scratch
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3528501"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Dilby (whose first course was our most popular of 2024) is back with a remix masterclass, showing you the tips &amp; tricks you&#39;ll need to becom"
    data-author-title-0="Dilby" data-author-permalink-0="dilby"
    data-published-at="2025-03-25T08:54:59-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3528501&#39;, &#39;Search Results&#39;); " href="/programs/dilby-remix-masterclass">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Dilby Remix Masterclass" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3528501/horizontal/c436fc57-b736-4abd-84fd-5a79f6278728.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3528501/horizontal/c436fc57-b736-4abd-84fd-5a79f6278728.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3528501/horizontal/c436fc57-b736-4abd-84fd-5a79f6278728.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3528501/horizontal/c436fc57-b736-4abd-84fd-5a79f6278728.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">20</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Dilby Remix Masterclass" aria-label="Dilby Remix Masterclass" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3528501&#39;, &#39;Search Results&#39;); " href="/programs/dilby-remix-masterclass">
    <span class="line-clamp-2">
      Dilby Remix Masterclass
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3448183"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how Jason Herd&#39;s old school house track, Jason Herd x Todd Terry &quot;We Get Down&quot;, was made with this in-depth walkthrough"
    data-author-title-0="Jason Herd" data-author-permalink-0="jason-herd"
    data-published-at="2025-02-13T07:17:06-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3448183&#39;, &#39;Search Results&#39;); " href="/programs/we-get-down-jason-herd-todd-terry">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How We Made Jason Herd x Todd Terry &quot;We Get Down&quot;" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3448183/horizontal/42d71983-6d79-4038-b9f8-dbd7597b1615.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3448183/horizontal/42d71983-6d79-4038-b9f8-dbd7597b1615.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3448183/horizontal/42d71983-6d79-4038-b9f8-dbd7597b1615.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3448183/horizontal/42d71983-6d79-4038-b9f8-dbd7597b1615.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">21</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How We Made Jason Herd x Todd Terry &quot;We Get Down&quot;" aria-label="How We Made Jason Herd x Todd Terry &quot;We Get Down&quot;" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3448183&#39;, &#39;Search Results&#39;); " href="/programs/we-get-down-jason-herd-todd-terry">
    <span class="line-clamp-2">
      How We Made Jason Herd x Todd Terry &quot;We Get Down&quot;
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3409292"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to incorporate AI music tools into your production process. Jorn Bouwmeester shows you how he gets inspiration from AI."
    data-author-title-0="Jorn Bouwmeester" data-author-permalink-0="jorn-bouwmeester"
    data-published-at="2025-01-21T08:36:33-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3409292&#39;, &#39;Search Results&#39;); " href="/programs/ai-music-production-techno">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="AI Assisted Music Production: Techno" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3409292/horizontal/11becf31-3722-48d4-9125-52d7b57938a1.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3409292/horizontal/11becf31-3722-48d4-9125-52d7b57938a1.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3409292/horizontal/11becf31-3722-48d4-9125-52d7b57938a1.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3409292/horizontal/11becf31-3722-48d4-9125-52d7b57938a1.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">23</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="AI Assisted Music Production: Techno" aria-label="AI Assisted Music Production: Techno" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3409292&#39;, &#39;Search Results&#39;); " href="/programs/ai-music-production-techno">
    <span class="line-clamp-2">
      AI Assisted Music Production: Techno
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3394081"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to mix and master this hugely popular genre taught by Bram Fidder, one of the best pairs of ears in the business."
    data-author-title-0="Bram Fidder" data-author-permalink-0="bram-fidder"
    data-published-at="2025-01-07T03:07:02-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3394081&#39;, &#39;Search Results&#39;); " href="/programs/mixing-mastering-afro-house">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Mixing and Mastering Afro House" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3394081/horizontal/99150868-dd7c-4584-8f10-b55633adb7dc.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3394081/horizontal/99150868-dd7c-4584-8f10-b55633adb7dc.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3394081/horizontal/99150868-dd7c-4584-8f10-b55633adb7dc.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3394081/horizontal/99150868-dd7c-4584-8f10-b55633adb7dc.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">20</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Mixing and Mastering Afro House" aria-label="Mixing and Mastering Afro House" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3394081&#39;, &#39;Search Results&#39;); " href="/programs/mixing-mastering-afro-house">
    <span class="line-clamp-2">
      Mixing and Mastering Afro House
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3319924"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="With releases on Repopulate Mars, Nervous, Myth Of NYX and many more, BURNR shows you how he crafts his tracks. Included free sample pack"
    data-author-title-0="BURNR" data-author-permalink-0="burnr"
    data-published-at="2024-12-11T01:51:18-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3319924&#39;, &#39;Search Results&#39;); " href="/programs/burnr-track-from-scratch">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="BURNR Track from Scratch" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3319924/horizontal/0bfdc1d6-ef96-43c2-bf28-8b3839a3b7ef.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3319924/horizontal/0bfdc1d6-ef96-43c2-bf28-8b3839a3b7ef.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3319924/horizontal/0bfdc1d6-ef96-43c2-bf28-8b3839a3b7ef.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3319924/horizontal/0bfdc1d6-ef96-43c2-bf28-8b3839a3b7ef.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">18</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="BURNR Track from Scratch" aria-label="BURNR Track from Scratch" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3319924&#39;, &#39;Search Results&#39;); " href="/programs/burnr-track-from-scratch">
    <span class="line-clamp-2">
      BURNR Track from Scratch
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3308951"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="See under the hood of one the biggest records of 2024, being played everywhere from Ushuaia to Amnesia Ibiza and around the world"
    data-author-title-0="Jason Herd" data-author-permalink-0="jason-herd"
    data-published-at="2024-10-31T04:43:37-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3308951&#39;, &#39;Search Results&#39;); " href="/programs/just-cant-get-enough-jason-herd">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How We Made &quot;I Just Can&#39;t Get Enough&quot;" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3308951/horizontal/dec2da8e-e6c6-4841-b506-8c2b7f2fe512.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3308951/horizontal/dec2da8e-e6c6-4841-b506-8c2b7f2fe512.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3308951/horizontal/dec2da8e-e6c6-4841-b506-8c2b7f2fe512.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3308951/horizontal/dec2da8e-e6c6-4841-b506-8c2b7f2fe512.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">18</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How We Made &quot;I Just Can&#39;t Get Enough&quot;" aria-label="How We Made &quot;I Just Can&#39;t Get Enough&quot;" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3308951&#39;, &#39;Search Results&#39;); " href="/programs/just-cant-get-enough-jason-herd">
    <span class="line-clamp-2">
      How We Made &quot;I Just Can&#39;t Get Enough&quot;
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3227197"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Devstar" data-author-permalink-0="devstar"
    data-published-at="2024-10-15T06:00:01-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3227197&#39;, &#39;Search Results&#39;); " href="/programs/dj-masterclass-devstar-part-2">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="DJ Masterclass w/ Devstar (Part 2)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3227197/horizontal/06039e10-7281-47db-8fec-378d92f6b87d.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3227197/horizontal/06039e10-7281-47db-8fec-378d92f6b87d.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3227197/horizontal/06039e10-7281-47db-8fec-378d92f6b87d.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3227197/horizontal/06039e10-7281-47db-8fec-378d92f6b87d.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">37</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="DJ Masterclass w/ Devstar (Part 2)" aria-label="DJ Masterclass w/ Devstar (Part 2)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3227197&#39;, &#39;Search Results&#39;); " href="/programs/dj-masterclass-devstar-part-2">
    <span class="line-clamp-2">
      DJ Masterclass w/ Devstar (Part 2)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3227196"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In Part 1 of this masterclass Devstar will take you from the basics of DJing, through transitions and loops to mixing in key and more"
    data-author-title-0="Devstar" data-author-permalink-0="devstar"
    data-published-at="2024-10-04T06:16:53-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3227196&#39;, &#39;Search Results&#39;); " href="/programs/dj-masterclass-devstar-part-1">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="DJ Masterclass w/ Devstar (Part 1)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3227196/horizontal/88605afa-f015-4e9d-a5fe-dbf46cd958ba.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3227196/horizontal/88605afa-f015-4e9d-a5fe-dbf46cd958ba.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3227196/horizontal/88605afa-f015-4e9d-a5fe-dbf46cd958ba.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3227196/horizontal/88605afa-f015-4e9d-a5fe-dbf46cd958ba.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">55</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="DJ Masterclass w/ Devstar (Part 1)" aria-label="DJ Masterclass w/ Devstar (Part 1)" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3227196&#39;, &#39;Search Results&#39;); " href="/programs/dj-masterclass-devstar-part-1">
    <span class="line-clamp-2">
      DJ Masterclass w/ Devstar (Part 1)
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3199406"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Andrew Azara takes you on a journey of creative freedom, showing you a completely new way to build musical ideas and inspire new tracks."
    data-author-title-0="Andrew Azara" data-author-permalink-0="andrew-azara"
    data-published-at="2024-08-16T07:35:40-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3199406&#39;, &#39;Search Results&#39;); " href="/programs/paths-new-musical-ideas">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Paths to New Musical Ideas" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3199406/horizontal/788b339a-708c-4719-a354-8aad158d9fd3.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3199406/horizontal/788b339a-708c-4719-a354-8aad158d9fd3.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3199406/horizontal/788b339a-708c-4719-a354-8aad158d9fd3.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3199406/horizontal/788b339a-708c-4719-a354-8aad158d9fd3.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">9</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Paths to New Musical Ideas" aria-label="Paths to New Musical Ideas" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3199406&#39;, &#39;Search Results&#39;); " href="/programs/paths-new-musical-ideas">
    <span class="line-clamp-2">
      Paths to New Musical Ideas
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3190478"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Vincent di Pasquale and learn how to create the right mindset for music-making, enabling you to unleash your creative potential."
    data-author-title-0="Vincent DiPasquale" data-author-permalink-0="vincent-dipasquale"
    data-published-at="2024-08-11T04:37:38-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3190478&#39;, &#39;Search Results&#39;); " href="/programs/mindset-for-music">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="A Mindset for Music w/ Vincent di Pasquale" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3190478/horizontal/7be4e75b-b2a4-4464-b655-0b0cbf6e6183.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3190478/horizontal/7be4e75b-b2a4-4464-b655-0b0cbf6e6183.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3190478/horizontal/7be4e75b-b2a4-4464-b655-0b0cbf6e6183.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3190478/horizontal/7be4e75b-b2a4-4464-b655-0b0cbf6e6183.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">1</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="A Mindset for Music w/ Vincent di Pasquale" aria-label="A Mindset for Music w/ Vincent di Pasquale" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3190478&#39;, &#39;Search Results&#39;); " href="/programs/mindset-for-music">
    <span class="line-clamp-2">
      A Mindset for Music w/ Vincent di Pasquale
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3176354"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to find your own sound by studying your favorite tracks by the artists you love."
    data-author-title-0="Vincent DiPasquale" data-author-permalink-0="vincent-dipasquale"
    data-published-at="2024-07-29T10:46:37-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3176354&#39;, &#39;Search Results&#39;); " href="/programs/finding-your-sound">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Finding Your Sound w/ Vincent di Pasquale" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3176354/horizontal/c687cba0-f756-4cad-b7c1-6704fa1d7345.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3176354/horizontal/c687cba0-f756-4cad-b7c1-6704fa1d7345.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3176354/horizontal/c687cba0-f756-4cad-b7c1-6704fa1d7345.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3176354/horizontal/c687cba0-f756-4cad-b7c1-6704fa1d7345.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">1</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Finding Your Sound w/ Vincent di Pasquale" aria-label="Finding Your Sound w/ Vincent di Pasquale" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3176354&#39;, &#39;Search Results&#39;); " href="/programs/finding-your-sound">
    <span class="line-clamp-2">
      Finding Your Sound w/ Vincent di Pasquale
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3044990"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn from Bram Fidder, one of the best pairs of ears in the business, and transform your own tracks from great to awesome."
    data-author-title-0="Bram Fidder" data-author-permalink-0="bram-fidder"
    data-published-at="2024-07-17T05:40:05-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3044990&#39;, &#39;Search Results&#39;); " href="/programs/mixing-mastering-peak-hour-tech-house">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Mixing and Mastering Peak Hour Tech House" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3044990/horizontal/806b6328-6161-4758-b3dd-1456dc02049e.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3044990/horizontal/806b6328-6161-4758-b3dd-1456dc02049e.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3044990/horizontal/806b6328-6161-4758-b3dd-1456dc02049e.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3044990/horizontal/806b6328-6161-4758-b3dd-1456dc02049e.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">28</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Mixing and Mastering Peak Hour Tech House" aria-label="Mixing and Mastering Peak Hour Tech House" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3044990&#39;, &#39;Search Results&#39;); " href="/programs/mixing-mastering-peak-hour-tech-house">
    <span class="line-clamp-2">
      Mixing and Mastering Peak Hour Tech House
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2981581"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="House music hero Jason Herd talks us through the processes and knowledge he used when producing his track &quot;I Wanna Dance&quot; featuring Lisanse."
    data-author-title-0="Jason Herd" data-author-permalink-0="jason-herd"
    data-published-at="2024-04-29T03:03:42-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2981581&#39;, &#39;Search Results&#39;); " href="/programs/i-wanna-dance-lisanse-jason-herd">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How I Made &quot;I Wanna Dance&quot; feat. Lisanse" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2981581/horizontal/6ab6791b-4493-40e8-8c09-cd2b3ce76c72.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2981581/horizontal/6ab6791b-4493-40e8-8c09-cd2b3ce76c72.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2981581/horizontal/6ab6791b-4493-40e8-8c09-cd2b3ce76c72.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2981581/horizontal/6ab6791b-4493-40e8-8c09-cd2b3ce76c72.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">16</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How I Made &quot;I Wanna Dance&quot; feat. Lisanse" aria-label="How I Made &quot;I Wanna Dance&quot; feat. Lisanse" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2981581&#39;, &#39;Search Results&#39;); " href="/programs/i-wanna-dance-lisanse-jason-herd">
    <span class="line-clamp-2">
      How I Made &quot;I Wanna Dance&quot; feat. Lisanse
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2951844"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn the essentials of DJing as Danny Avila demonstrates the techniques and hardware he uses to drive crowds wild all over the world."
    data-author-title-0="Danny Avila" data-author-permalink-0="danny-avila"
    data-published-at="2024-04-05T04:03:41-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2951844&#39;, &#39;Search Results&#39;); " href="/programs/how-to-dj-danny-avila">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How to DJ w/ Danny Avila" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2951844/horizontal/8f2b9379-03bc-457b-9a31-8944eb70003d.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2951844/horizontal/8f2b9379-03bc-457b-9a31-8944eb70003d.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2951844/horizontal/8f2b9379-03bc-457b-9a31-8944eb70003d.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2951844/horizontal/8f2b9379-03bc-457b-9a31-8944eb70003d.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">29</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How to DJ w/ Danny Avila" aria-label="How to DJ w/ Danny Avila" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2951844&#39;, &#39;Search Results&#39;); " href="/programs/how-to-dj-danny-avila">
    <span class="line-clamp-2">
      How to DJ w/ Danny Avila
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2922697"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Fader Pro co-founder reveals his 1-hour mixing and mastering process, transferable to any genre, prioritizing intuition and efficiency."
    data-author-title-0="Vincent DiPasquale" data-author-permalink-0="vincent-dipasquale"
    data-published-at="2024-03-20T04:27:32-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2922697&#39;, &#39;Search Results&#39;); " href="/programs/one-hour-mixing-workflow">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="The One Hour Mixing Workflow" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2922697/horizontal/5a251e07-d709-4c3f-808e-2da9df17cdef.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2922697/horizontal/5a251e07-d709-4c3f-808e-2da9df17cdef.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2922697/horizontal/5a251e07-d709-4c3f-808e-2da9df17cdef.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2922697/horizontal/5a251e07-d709-4c3f-808e-2da9df17cdef.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">22</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="The One Hour Mixing Workflow" aria-label="The One Hour Mixing Workflow" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2922697&#39;, &#39;Search Results&#39;); " href="/programs/one-hour-mixing-workflow">
    <span class="line-clamp-2">
      The One Hour Mixing Workflow
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2917811"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="The experienced mix engineer and producer shares his approach to writing and mixing disco house tracks with analog warmth and dynamic shape."
    data-author-title-0="Jason Herd" data-author-permalink-0="jason-herd"
    data-published-at="2024-03-13T10:10:43-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2917811&#39;, &#39;Search Results&#39;); " href="/programs/head-up-high-barbara-tucker-jason-herd">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How I Made &quot;Head Up High&quot; feat. Barbara Tucker" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2917811/horizontal/3dd448ff-d717-4c9d-9c9a-489b022e3339.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2917811/horizontal/3dd448ff-d717-4c9d-9c9a-489b022e3339.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2917811/horizontal/3dd448ff-d717-4c9d-9c9a-489b022e3339.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2917811/horizontal/3dd448ff-d717-4c9d-9c9a-489b022e3339.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">18</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How I Made &quot;Head Up High&quot; feat. Barbara Tucker" aria-label="How I Made &quot;Head Up High&quot; feat. Barbara Tucker" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2917811&#39;, &#39;Search Results&#39;); " href="/programs/head-up-high-barbara-tucker-jason-herd">
    <span class="line-clamp-2">
      How I Made &quot;Head Up High&quot; feat. Barbara Tucker
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2884908"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="The in-demand EDM mixing and mastering engineer divulges his workflow and showcases the techniques behind making modern tracks compete"
    data-author-title-0="Bram Fidder" data-author-permalink-0="bram-fidder"
    data-published-at="2024-02-21T03:37:36-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2884908&#39;, &#39;Search Results&#39;); " href="/programs/secrets-of-pro-mastering">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Secrets of Pro Mastering" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2884908/horizontal/52b5e3e9-0390-49bb-a36e-f29e90c02968.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2884908/horizontal/52b5e3e9-0390-49bb-a36e-f29e90c02968.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2884908/horizontal/52b5e3e9-0390-49bb-a36e-f29e90c02968.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2884908/horizontal/52b5e3e9-0390-49bb-a36e-f29e90c02968.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">16</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Secrets of Pro Mastering" aria-label="Secrets of Pro Mastering" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2884908&#39;, &#39;Search Results&#39;); " href="/programs/secrets-of-pro-mastering">
    <span class="line-clamp-2">
      Secrets of Pro Mastering
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2846471"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join hard house legend BK as he walks you through a stellar remix from start to finish, sharing a host of insider production tips."
    data-author-title-0="BK" data-author-permalink-0="bk"
    data-published-at="2024-02-15T02:09:45-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2846471&#39;, &#39;Search Results&#39;); " href="/programs/bk-harder-house">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="BK: Harder House" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2846471/horizontal/adf7ac3c-c95f-4d88-a1cf-84f946f51c29.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2846471/horizontal/adf7ac3c-c95f-4d88-a1cf-84f946f51c29.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2846471/horizontal/adf7ac3c-c95f-4d88-a1cf-84f946f51c29.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2846471/horizontal/adf7ac3c-c95f-4d88-a1cf-84f946f51c29.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">33</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="BK: Harder House" aria-label="BK: Harder House" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2846471&#39;, &#39;Search Results&#39;); " href="/programs/bk-harder-house">
    <span class="line-clamp-2">
      BK: Harder House
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2832690"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Complete Compression e-Book PLUS 2 chapters from our Science of Sound: Compression course"
    data-published-at="2024-01-23T08:23:09-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2832690&#39;, &#39;Search Results&#39;); " href="/programs/complete-compression-e-book-video-bundle">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Complete Compression e-Book + Video Bundle" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2832690/horizontal/e6505519-0f4d-4f37-93ac-e44894d2811d.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2832690/horizontal/e6505519-0f4d-4f37-93ac-e44894d2811d.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2832690/horizontal/e6505519-0f4d-4f37-93ac-e44894d2811d.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2832690/horizontal/e6505519-0f4d-4f37-93ac-e44894d2811d.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">2</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Complete Compression e-Book + Video Bundle" aria-label="Complete Compression e-Book + Video Bundle" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2832690&#39;, &#39;Search Results&#39;); " href="/programs/complete-compression-e-book-video-bundle">
    <span class="line-clamp-2">
      Complete Compression e-Book + Video Bundle
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2807362"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Take a comprehensive, one-hour, deep house crash course that covers sound selection, programming, spatial shaping and cohesive arrangement."
    data-author-title-0="Crusy" data-author-permalink-0="crusy"
    data-published-at="2024-01-08T05:20:12-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2807362&#39;, &#39;Search Results&#39;); " href="/programs/crusy-track-from-scratch">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Crusy Track from Scratch" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2807362/horizontal/2e60fec0-1433-4d9d-8f83-b1471fb2ac92.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2807362/horizontal/2e60fec0-1433-4d9d-8f83-b1471fb2ac92.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2807362/horizontal/2e60fec0-1433-4d9d-8f83-b1471fb2ac92.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2807362/horizontal/2e60fec0-1433-4d9d-8f83-b1471fb2ac92.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">7</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Crusy Track from Scratch" aria-label="Crusy Track from Scratch" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2807362&#39;, &#39;Search Results&#39;); " href="/programs/crusy-track-from-scratch">
    <span class="line-clamp-2">
      Crusy Track from Scratch
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2771012"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="The early hip-hop pioneer shows you how to create a remix from start to finish, moving from audio and recordings to a full, mastered track."
    data-author-title-0="DJ Spen" data-author-permalink-0="dj-spen"
    data-published-at="2023-12-18T08:06:07-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2771012&#39;, &#39;Search Results&#39;); " href="/programs/dj-spen-remix-masterclass">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="DJ Spen Remix Masterclass" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2771012/horizontal/d13f89da-9767-4a25-ada1-3093edbe764b.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2771012/horizontal/d13f89da-9767-4a25-ada1-3093edbe764b.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2771012/horizontal/d13f89da-9767-4a25-ada1-3093edbe764b.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2771012/horizontal/d13f89da-9767-4a25-ada1-3093edbe764b.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">18</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="DJ Spen Remix Masterclass" aria-label="DJ Spen Remix Masterclass" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2771012&#39;, &#39;Search Results&#39;); " href="/programs/dj-spen-remix-masterclass">
    <span class="line-clamp-2">
      DJ Spen Remix Masterclass
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2755813"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Take a deep dive into the creative mind of acclaimed producer and DJ, Crusy as he thoroughly breaks down one of his hit records."
    data-author-title-0="Crusy" data-author-permalink-0="crusy"
    data-published-at="2023-12-08T08:02:25-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2755813&#39;, &#39;Search Results&#39;); " href="/programs/crusy-deconstructs-selecta">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Crusy Deconstructs &quot;Selecta&quot;" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2755813/horizontal/a219f19f-7d0f-424f-b81f-b0a641ef5bf9.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2755813/horizontal/a219f19f-7d0f-424f-b81f-b0a641ef5bf9.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2755813/horizontal/a219f19f-7d0f-424f-b81f-b0a641ef5bf9.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2755813/horizontal/a219f19f-7d0f-424f-b81f-b0a641ef5bf9.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">3</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Crusy Deconstructs &quot;Selecta&quot;" aria-label="Crusy Deconstructs &quot;Selecta&quot;" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2755813&#39;, &#39;Search Results&#39;); " href="/programs/crusy-deconstructs-selecta">
    <span class="line-clamp-2">
      Crusy Deconstructs &quot;Selecta&quot;
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2739429"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Embark on a monumental, end-to-end Latin House masterclass that covers sound design, groove programming, arrangement and mixing techniques."
    data-author-title-0="Crusy" data-author-permalink-0="crusy"
    data-published-at="2023-12-08T07:21:18-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2739429&#39;, &#39;Search Results&#39;); " href="/programs/latin-house-masterclass-crusy">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Latin House Masterclass w/ Crusy" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2739429/horizontal/bd3a2a3a-16c7-4b36-9fa7-1a806f25498c.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2739429/horizontal/bd3a2a3a-16c7-4b36-9fa7-1a806f25498c.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2739429/horizontal/bd3a2a3a-16c7-4b36-9fa7-1a806f25498c.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2739429/horizontal/bd3a2a3a-16c7-4b36-9fa7-1a806f25498c.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">25</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Latin House Masterclass w/ Crusy" aria-label="Latin House Masterclass w/ Crusy" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2739429&#39;, &#39;Search Results&#39;); " href="/programs/latin-house-masterclass-crusy">
    <span class="line-clamp-2">
      Latin House Masterclass w/ Crusy
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2718401"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this course, Reelow examines some of the core components of his track Boogie, which came out on the popular Desolat imprint in 2019."
    data-author-title-0="Reelow" data-author-permalink-0="reelow"
    data-published-at="2023-11-14T04:22:42-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2718401&#39;, &#39;Search Results&#39;); " href="/programs/reelow-deconstructs-boogie">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Reelow Deconstructs &quot;Boogie&quot;" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2718401/horizontal/reelow-deconstructs-website-catalog-image-1480x840.1699896990.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2718401/horizontal/reelow-deconstructs-website-catalog-image-1480x840.1699896990.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2718401/horizontal/reelow-deconstructs-website-catalog-image-1480x840.1699896990.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2718401/horizontal/reelow-deconstructs-website-catalog-image-1480x840.1699896990.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">2</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Reelow Deconstructs &quot;Boogie&quot;" aria-label="Reelow Deconstructs &quot;Boogie&quot;" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2718401&#39;, &#39;Search Results&#39;); " href="/programs/reelow-deconstructs-boogie">
    <span class="line-clamp-2">
      Reelow Deconstructs &quot;Boogie&quot;
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2718370"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this Track from Scratch course, Reelow takes a track idea and some choice samples, using them to create a club-ready tech house track."
    data-author-title-0="Reelow" data-author-permalink-0="reelow"
    data-published-at="2023-11-14T04:23:00-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2718370&#39;, &#39;Search Results&#39;); " href="/programs/reelow-track-from-scratch">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Reelow Track from Scratch" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2718370/horizontal/reelow-trackfromscratch-website-catalog-image-1480x840.1699896013.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2718370/horizontal/reelow-trackfromscratch-website-catalog-image-1480x840.1699896013.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2718370/horizontal/reelow-trackfromscratch-website-catalog-image-1480x840.1699896013.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2718370/horizontal/reelow-trackfromscratch-website-catalog-image-1480x840.1699896013.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">9</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Reelow Track from Scratch" aria-label="Reelow Track from Scratch" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2718370&#39;, &#39;Search Results&#39;); " href="/programs/reelow-track-from-scratch">
    <span class="line-clamp-2">
      Reelow Track from Scratch
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2693755"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Rising star Fleur Shore talks us through her track Unique, and what she set out to create when starting the production process of the song."
    data-author-title-0="Fleur Shore" data-author-permalink-0="fleur-shore"
    data-published-at="2023-11-14T05:14:53-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2693755&#39;, &#39;Search Results&#39;); " href="/programs/fleur-shore-deconstructs-unique">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Fleur Shore Deconstructs &quot;Unique&quot;" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2693755/horizontal/fleurshore-deconstructs-website-catalog-image-1480x840.1699897495.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2693755/horizontal/fleurshore-deconstructs-website-catalog-image-1480x840.1699897495.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2693755/horizontal/fleurshore-deconstructs-website-catalog-image-1480x840.1699897495.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2693755/horizontal/fleurshore-deconstructs-website-catalog-image-1480x840.1699897495.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">2</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Fleur Shore Deconstructs &quot;Unique&quot;" aria-label="Fleur Shore Deconstructs &quot;Unique&quot;" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2693755&#39;, &#39;Search Results&#39;); " href="/programs/fleur-shore-deconstructs-unique">
    <span class="line-clamp-2">
      Fleur Shore Deconstructs &quot;Unique&quot;
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2693717"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Prolific Birmingham producer Fleur Shore delivers a House Music Masterclass, sharing her valuable expertise along the way."
    data-author-title-0="Fleur Shore" data-author-permalink-0="fleur-shore"
    data-published-at="2023-11-02T04:02:31-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2693717&#39;, &#39;Search Results&#39;); " href="/programs/fleur-shore-house-music-masterclass">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Fleur Shore House Music Masterclass" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2693717/horizontal/fleurshore-hm-masterclass-website-catalog-image-1480x840.1698912562.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2693717/horizontal/fleurshore-hm-masterclass-website-catalog-image-1480x840.1698912562.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2693717/horizontal/fleurshore-hm-masterclass-website-catalog-image-1480x840.1698912562.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2693717/horizontal/fleurshore-hm-masterclass-website-catalog-image-1480x840.1698912562.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">14</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Fleur Shore House Music Masterclass" aria-label="Fleur Shore House Music Masterclass" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2693717&#39;, &#39;Search Results&#39;); " href="/programs/fleur-shore-house-music-masterclass">
    <span class="line-clamp-2">
      Fleur Shore House Music Masterclass
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2628790"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="House producer Rossi. deconstructs one of his tracks and shows us what makes it tick, before building a new loop entirely from scratch."
    data-author-title-0="Rossi." data-author-permalink-0="rossi"
    data-published-at="2023-10-23T07:50:00-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2628790&#39;, &#39;Search Results&#39;); " href="/programs/rossi-uncut">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Rossi. [UNCUT]" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2628790/horizontal/rossi-uncut-website-catalog-image-1480x840.1698097964.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2628790/horizontal/rossi-uncut-website-catalog-image-1480x840.1698097964.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2628790/horizontal/rossi-uncut-website-catalog-image-1480x840.1698097964.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2628790/horizontal/rossi-uncut-website-catalog-image-1480x840.1698097964.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">7</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Rossi. [UNCUT]" aria-label="Rossi. [UNCUT]" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2628790&#39;, &#39;Search Results&#39;); " href="/programs/rossi-uncut">
    <span class="line-clamp-2">
      Rossi. [UNCUT]
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2595628"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this course, New Zealand native Dilby makes a vocal deep house track from the ground up, from initial references right up to mixing."
    data-author-title-0="Dilby" data-author-permalink-0="dilby"
    data-published-at="2023-10-09T07:41:04-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2595628&#39;, &#39;Search Results&#39;); " href="/programs/deep-house-masterclass-dilby">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Deep House Masterclass w/ Dilby" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2595628/horizontal/dilby-deephousemasterclass-website-catalog-image-1480x840.1696799564.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2595628/horizontal/dilby-deephousemasterclass-website-catalog-image-1480x840.1696799564.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2595628/horizontal/dilby-deephousemasterclass-website-catalog-image-1480x840.1696799564.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2595628/horizontal/dilby-deephousemasterclass-website-catalog-image-1480x840.1696799564.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">23</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Deep House Masterclass w/ Dilby" aria-label="Deep House Masterclass w/ Dilby" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2595628&#39;, &#39;Search Results&#39;); " href="/programs/deep-house-masterclass-dilby">
    <span class="line-clamp-2">
      Deep House Masterclass w/ Dilby
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2573005"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Max Chapman returns to Woodlands Studio to dissect not one, but two tracks which keep to his signature style of groovy tech house."
    data-author-title-0="Max Chapman" data-author-permalink-0="max-chapman"
    data-published-at="2023-09-14T05:09:44-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2573005&#39;, &#39;Search Results&#39;); " href="/programs/max-chapman-uncut">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Max Chapman [UNCUT]" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2573005/horizontal/maxchapman-uncut-website-catalog-image-1480x840.1694103234.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2573005/horizontal/maxchapman-uncut-website-catalog-image-1480x840.1694103234.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2573005/horizontal/maxchapman-uncut-website-catalog-image-1480x840.1694103234.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2573005/horizontal/maxchapman-uncut-website-catalog-image-1480x840.1694103234.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">6</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Max Chapman [UNCUT]" aria-label="Max Chapman [UNCUT]" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2573005&#39;, &#39;Search Results&#39;); " href="/programs/max-chapman-uncut">
    <span class="line-clamp-2">
      Max Chapman [UNCUT]
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2543350"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This comprehensive course on modern DJing will equip you with the knowledge and skills you need to go from bedroom to Boiler Room."
    data-author-title-0="R3WIRE" data-author-permalink-0="r3wire"
    data-published-at="2023-08-22T07:51:38-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2543350&#39;, &#39;Search Results&#39;); " href="/programs/complete-guide-to-modern-djing">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="The Complete Guide to Modern DJing" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2543350/horizontal/r3wire-djing-website-catalog-image-1480x840.1692040177.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2543350/horizontal/r3wire-djing-website-catalog-image-1480x840.1692040177.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2543350/horizontal/r3wire-djing-website-catalog-image-1480x840.1692040177.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2543350/horizontal/r3wire-djing-website-catalog-image-1480x840.1692040177.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">63</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="The Complete Guide to Modern DJing" aria-label="The Complete Guide to Modern DJing" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2543350&#39;, &#39;Search Results&#39;); " href="/programs/complete-guide-to-modern-djing">
    <span class="line-clamp-2">
      The Complete Guide to Modern DJing
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2507258"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Ellis Moss deconstructs his Beatport Number One track, The Shake, breaking down the track’s context as well as some of its core components."
    data-author-title-0="Ellis Moss" data-author-permalink-0="ellis-moss"
    data-published-at="2023-08-09T09:48:25-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2507258&#39;, &#39;Search Results&#39;); " href="/programs/ellis-moss-deconstructs-the-shake">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Ellis Moss Deconstructs &quot;The Shake&quot;" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2507258/horizontal/ellismoss-deconstructs-website-catalog-image-1480x840.1690232775.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2507258/horizontal/ellismoss-deconstructs-website-catalog-image-1480x840.1690232775.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2507258/horizontal/ellismoss-deconstructs-website-catalog-image-1480x840.1690232775.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2507258/horizontal/ellismoss-deconstructs-website-catalog-image-1480x840.1690232775.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">2</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Ellis Moss Deconstructs &quot;The Shake&quot;" aria-label="Ellis Moss Deconstructs &quot;The Shake&quot;" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2507258&#39;, &#39;Search Results&#39;); " href="/programs/ellis-moss-deconstructs-the-shake">
    <span class="line-clamp-2">
      Ellis Moss Deconstructs &quot;The Shake&quot;
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2507256"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join rising star Ellis Moss for a masterclass in tribal tech house production, following the journey from initial idea to finished record."
    data-author-title-0="Ellis Moss" data-author-permalink-0="ellis-moss"
    data-published-at="2023-08-09T09:48:36-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2507256&#39;, &#39;Search Results&#39;); " href="/programs/ellis-moss-track-from-scratch">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Ellis Moss Track from Scratch" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2507256/horizontal/ellismoss-trackfromscratch-website-catalog-image-1480x840.1690232715.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2507256/horizontal/ellismoss-trackfromscratch-website-catalog-image-1480x840.1690232715.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2507256/horizontal/ellismoss-trackfromscratch-website-catalog-image-1480x840.1690232715.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2507256/horizontal/ellismoss-trackfromscratch-website-catalog-image-1480x840.1690232715.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">16</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Ellis Moss Track from Scratch" aria-label="Ellis Moss Track from Scratch" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2507256&#39;, &#39;Search Results&#39;); " href="/programs/ellis-moss-track-from-scratch">
    <span class="line-clamp-2">
      Ellis Moss Track from Scratch
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2444076"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Level up your vocal hooks in this 7-course master series with top-shelf DJ and producer D.Ramirez"
    data-author-title-0="D.Ramirez" data-author-permalink-0="dramirez"
    data-published-at="2023-07-14T09:14:33-06:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2444076&#39;, &#39;Search Results&#39;); " href="/programs/vocal-hooks-master-series">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Vocal Hooks: Complete Series w/ D.Ramirez" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2444076/horizontal/dr-thumb-complete.1689349298.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2444076/horizontal/dr-thumb-complete.1689349298.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2444076/horizontal/dr-thumb-complete.1689349298.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2444076/horizontal/dr-thumb-complete.1689349298.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

      <span class="badge-item">52</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

</div>
<div class="content-watched-overlay"></div>

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Vocal Hooks: Complete Series w/ D.Ramirez" aria-label="Vocal Hooks: Complete Series w/ D.Ramirez" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2444076&#39;, &#39;Search Results&#39;); " href="/programs/vocal-hooks-master-series">
    <span class="line-clamp-2">
      Vocal Hooks: Complete Series w/ D.Ramirez
    </span>
</a></swiper-slide>


  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
</template></turbo-stream><turbo-stream action="after" target="catalog_content"><template>
  <turbo-frame loading="lazy" id="catalog_content_page_2" src="/catalog/search?action=search&amp;controller=storefront%2Fcatalogs&amp;format=turbo_stream&amp;page=2" target="_top"></turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper" 
  class="group mt-4 mb-4 filters-active" 
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value=""
  
  
  
  style="--ds-input-font-size--base: 0.875rem"
  data-themeless-catalog-filters-target="search"
  data-action="keydown->themeless-catalog-filters#search clear->themeless-catalog-filters#resetSearch"
  id="themeless_catalog_filter_search"
>
  <ds-icon slot="before" name="magnifier" class="text-ds-default"></ds-icon>
</ds-input>

    </div>
      <div id="themeless_catalog_filter_button" class="flex-none flex gap-x-2 md:gap-x-4 md:group-[.filters-short-variant]:order-3 col-start-4 justify-end md:group-[.filters-short-variant]:hidden">
  <ds-button
    size="small"
    style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
    class=""
    content-visible-on="md"
    id="filters-toggle-button"
    data-test="filters-toggle"
    aria-label="Filters toggle" 
    data-action="click->themeless-catalog-filters#toggleAllFilters" 
    
    active
  >
    <ds-icon slot="before" name="filter" size="24px"></ds-icon>
    <span class="md:ms-1">
      <span class="hidden md:block md:group-[.filters-active]:hidden">Show filters</span>
      <span class="hidden md:group-[.filters-active]:block">Close filters</span>
    </span>
  </ds-button>
</div>


      <div data-test="filters-list" class="hidden col-span-4 grid-cols-1 gap-4 w-full group-[.filters-active]:grid md:grid-cols-4 md:group-[.filters-short-variant]:grid md:group-[.filters-short-variant]:flex-1 group-[.filters-short-variant]:flex-initial md:group-[.filters-short-variant]:grid-cols-3 md:group-[.filters-short-variant]:w-auto">
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="category_id" id="category_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Category: All" inner-prefix="Category" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="66626" label="New Music Production Courses" >
              <ds-checkbox>New Music Production Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5995" label="Masterclass Series" >
              <ds-checkbox>Masterclass Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5994" label="In Studio Series" >
              <ds-checkbox>In Studio Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="33092" label="Track Deconstructions" >
              <ds-checkbox>Track Deconstructions</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="33078" label="Finish My Record" >
              <ds-checkbox>Finish My Record</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5823" label="Foundations Series" >
              <ds-checkbox>Foundations Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2233" label="Ableton Live Courses" >
              <ds-checkbox>Ableton Live Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2232" label="Logic Pro Courses" >
              <ds-checkbox>Logic Pro Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2234" label="Cubase Courses" >
              <ds-checkbox>Cubase Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="167691" label="Studio One Courses" >
              <ds-checkbox>Studio One Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="11392" label="FL Studio" >
              <ds-checkbox>FL Studio</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5512" label="Pro Tools Courses" >
              <ds-checkbox>Pro Tools Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="33084" label="Bitwig Courses" >
              <ds-checkbox>Bitwig Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6440" label="Armada University" >
              <ds-checkbox>Armada University</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2548" label="Toolroom Academy" >
              <ds-checkbox>Toolroom Academy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="141575" label="Inside Tracks" >
              <ds-checkbox>Inside Tracks</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="80380" label="Protocol" >
              <ds-checkbox>Protocol</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9004" label="CR2 Records" >
              <ds-checkbox>CR2 Records</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="32405" label="Monstercat" >
              <ds-checkbox>Monstercat</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="76509" label="Dim Mak" >
              <ds-checkbox>Dim Mak</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="47853" label="Glasgow Underground" >
              <ds-checkbox>Glasgow Underground</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="67614" label="Deeperfect" >
              <ds-checkbox>Deeperfect</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6010" label="Hospital Records" >
              <ds-checkbox>Hospital Records</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66477" label="Kontor" >
              <ds-checkbox>Kontor</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="33097" label="Viva Music" >
              <ds-checkbox>Viva Music</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66544" label="Mechanikal" >
              <ds-checkbox>Mechanikal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="57455" label="Octopus" >
              <ds-checkbox>Octopus</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5825" label="House courses" >
              <ds-checkbox>House courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5826" label="Techno Courses" >
              <ds-checkbox>Techno Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5828" label="EDM Courses" >
              <ds-checkbox>EDM Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5827" label="Drum &amp; Bass Courses" >
              <ds-checkbox>Drum &amp; Bass Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="47418" label="Tech House Courses" >
              <ds-checkbox>Tech House Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5744" label="FaderPro Originals" >
              <ds-checkbox>FaderPro Originals</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22577" label="Live Series" >
              <ds-checkbox>Live Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="67111" label="Bundle Courses" >
              <ds-checkbox>Bundle Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="84458" label="Reason courses" >
              <ds-checkbox>Reason courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2069" label="All Courses" >
              <ds-checkbox>All Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5745" label="UNCUT Series" >
              <ds-checkbox>UNCUT Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2365" label="Toolroom Academy - Complete Bundle" >
              <ds-checkbox>Toolroom Academy - Complete Bundle</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2718" label="Harry Romero Course Bundle" >
              <ds-checkbox>Harry Romero Course Bundle</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="83014" label="Coming soon" >
              <ds-checkbox>Coming soon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="87716" label="Visionquest" >
              <ds-checkbox>Visionquest</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="93539" label="Spinnin Records" >
              <ds-checkbox>Spinnin Records</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="105147" label="Interactive Courses" >
              <ds-checkbox>Interactive Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106997" label="The Science of Sound" >
              <ds-checkbox>The Science of Sound</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110236" label="Producers Club LIVE" >
              <ds-checkbox>Producers Club LIVE</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112837" label="Trance Courses" >
              <ds-checkbox>Trance Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112841" label="Dubstep Courses" >
              <ds-checkbox>Dubstep Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112842" label="Nu-Disco Courses" >
              <ds-checkbox>Nu-Disco Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112844" label="Deep House Courses" >
              <ds-checkbox>Deep House Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112845" label="Sound Design" >
              <ds-checkbox>Sound Design</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112850" label="Music Theory" >
              <ds-checkbox>Music Theory</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112851" label="Recording Music" >
              <ds-checkbox>Recording Music</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112855" label="Trap Courses" >
              <ds-checkbox>Trap Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112864" label="Electro Pop Courses" >
              <ds-checkbox>Electro Pop Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112865" label="Mainstage Courses" >
              <ds-checkbox>Mainstage Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112879" label="Future Bass Courses" >
              <ds-checkbox>Future Bass Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113737" label="UK Garage Courses" >
              <ds-checkbox>UK Garage Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113738" label="Dance Courses" >
              <ds-checkbox>Dance Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113741" label="Electronic Courses" >
              <ds-checkbox>Electronic Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113751" label="Blues" >
              <ds-checkbox>Blues</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113752" label="Rock" >
              <ds-checkbox>Rock</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="113755" label="Melodic Techno Courses" >
              <ds-checkbox>Melodic Techno Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114508" label="Free Music Production Courses" >
              <ds-checkbox>Free Music Production Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="117256" label="Studio Shorts" >
              <ds-checkbox>Studio Shorts</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="119573" label="Top 10 Most Popular Music Production Courses" >
              <ds-checkbox>Top 10 Most Popular Music Production Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="125521" label="DJ Courses" >
              <ds-checkbox>DJ Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="129311" label="Making Music with Logic Pro: Intermediate" >
              <ds-checkbox>Making Music with Logic Pro: Intermediate</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="130234" label="2022 Top 10 Courses" >
              <ds-checkbox>2022 Top 10 Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="146287" label="Platinum courses" >
              <ds-checkbox>Platinum courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="147823" label="Woodlands Studio" >
              <ds-checkbox>Woodlands Studio</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="154086" label="70 Off 70" >
              <ds-checkbox>70 Off 70</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="162606" label="Vocal Hooks Master Series" >
              <ds-checkbox>Vocal Hooks Master Series</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="177919" label="ADE 2023" >
              <ds-checkbox>ADE 2023</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="180749" label="Holiday Bonanza 30% Off" >
              <ds-checkbox>Holiday Bonanza 30% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="180751" label="Holiday Bonanza 40% Off" >
              <ds-checkbox>Holiday Bonanza 40% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="180752" label="Holiday Bonanza 50% Off" >
              <ds-checkbox>Holiday Bonanza 50% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="180753" label="Holiday Bonanza 60% Off" >
              <ds-checkbox>Holiday Bonanza 60% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="183095" label="2023 Top 10 Courses" >
              <ds-checkbox>2023 Top 10 Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185391" label="Latin House Courses" >
              <ds-checkbox>Latin House Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="193645" label="Studio Love 40% Off" >
              <ds-checkbox>Studio Love 40% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="193646" label="Studio Love 50% Off" >
              <ds-checkbox>Studio Love 50% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="195029" label="Mixing and Mastering" >
              <ds-checkbox>Mixing and Mastering</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="195875" label="303 Day" >
              <ds-checkbox>303 Day</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="215680" label="808 Day" >
              <ds-checkbox>808 Day</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="219620" label="909 Day" >
              <ds-checkbox>909 Day</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="226342" label="Subtone" >
              <ds-checkbox>Subtone</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="227255" label="Black Friday 40% Off" >
              <ds-checkbox>Black Friday 40% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="227256" label="Black Friday 50% Off" >
              <ds-checkbox>Black Friday 50% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="227257" label="Black Friday 60% Off" >
              <ds-checkbox>Black Friday 60% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="227258" label="Black Friday 70% Off" >
              <ds-checkbox>Black Friday 70% Off</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="229781" label="Producers Club Exclusive Courses" >
              <ds-checkbox>Producers Club Exclusive Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="230181" label="2024 Top 10 Courses" >
              <ds-checkbox>2024 Top 10 Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="234360" label="Afro House Courses" >
              <ds-checkbox>Afro House Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="242466" label="Miami Music Week" >
              <ds-checkbox>Miami Music Week</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="243478" label="Miami Music Week Extra" >
              <ds-checkbox>Miami Music Week Extra</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="259691" label="Save More" >
              <ds-checkbox>Save More</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="264175" label="Try For Free" >
              <ds-checkbox>Try For Free</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="269694" label="2025 Top 10 courses" >
              <ds-checkbox>2025 Top 10 courses</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="author_id" id="author_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Author: All" inner-prefix="Author" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="17838" label="Albert Harvey" >
              <ds-checkbox>Albert Harvey</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="18793" label="Alex Preston" >
              <ds-checkbox>Alex Preston</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="111918" label="Andrew Azara" >
              <ds-checkbox>Andrew Azara</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1434" label="ANOTR" >
              <ds-checkbox>ANOTR</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2550" label="ATFC" >
              <ds-checkbox>ATFC</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="109077" label="Author" >
              <ds-checkbox>Author</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="965" label="Ben Remember" >
              <ds-checkbox>Ben Remember</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="250" label="Bill Gordon" >
              <ds-checkbox>Bill Gordon</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46269" label="BK" >
              <ds-checkbox>BK</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="108062" label="Bram Fidder" >
              <ds-checkbox>Bram Fidder</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="246" label="Brian Matrix" >
              <ds-checkbox>Brian Matrix</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114108" label="BURNR" >
              <ds-checkbox>BURNR</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="61226" label="CASSIMM" >
              <ds-checkbox>CASSIMM</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106640" label="Crusy" >
              <ds-checkbox>Crusy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="245" label="Dale Howard" >
              <ds-checkbox>Dale Howard</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="109191" label="Danny Avila" >
              <ds-checkbox>Danny Avila</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="2996" label="Danny Byrd" >
              <ds-checkbox>Danny Byrd</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35508" label="D.A.V.E. The Drummer" >
              <ds-checkbox>D.A.V.E. The Drummer</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="4243" label="Dave Winnel" >
              <ds-checkbox>Dave Winnel</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="11998" label="David Tort" >
              <ds-checkbox>David Tort</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="69951" label="Detlef" >
              <ds-checkbox>Detlef</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="112456" label="Devstar" >
              <ds-checkbox>Devstar</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="99822" label="Dilby" >
              <ds-checkbox>Dilby</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51721" label="DJ S.K.T" >
              <ds-checkbox>DJ S.K.T</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="106562" label="DJ Spen" >
              <ds-checkbox>DJ Spen</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="34959" label="DLMT" >
              <ds-checkbox>DLMT</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44867" label="DØBER" >
              <ds-checkbox>DØBER</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1057" label="Dom Kane" >
              <ds-checkbox>Dom Kane</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="243" label="D.Ramirez" >
              <ds-checkbox>D.Ramirez</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="30986" label="Duumu" >
              <ds-checkbox>Duumu</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="24240" label="Eddie Thoneick" >
              <ds-checkbox>Eddie Thoneick</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="242" label="Eelke Kleijn" >
              <ds-checkbox>Eelke Kleijn</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31226" label="Ellis" >
              <ds-checkbox>Ellis</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98550" label="Ellis Moss" >
              <ds-checkbox>Ellis Moss</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="4029" label="Estiva" >
              <ds-checkbox>Estiva</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8987" label="Fabio Lendrum" >
              <ds-checkbox>Fabio Lendrum</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="33272" label="Ferry Corsten" >
              <ds-checkbox>Ferry Corsten</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="105676" label="Fleur Shore" >
              <ds-checkbox>Fleur Shore</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="251" label="Funkagenda" >
              <ds-checkbox>Funkagenda</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="60358" label="George Smeddles" >
              <ds-checkbox>George Smeddles</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5955" label="Get To Know" >
              <ds-checkbox>Get To Know</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8988" label="Goldfish" >
              <ds-checkbox>Goldfish</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5580" label="Greymatter" >
              <ds-checkbox>Greymatter</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="247" label="Harry Romero" >
              <ds-checkbox>Harry Romero</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="240" label="Hauswerks" >
              <ds-checkbox>Hauswerks</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="19165" label="Huxley" >
              <ds-checkbox>Huxley</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="67365" label="Iglesias" >
              <ds-checkbox>Iglesias</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="248" label="iLL Factor" >
              <ds-checkbox>iLL Factor</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1377" label="Illyus Barrientos" >
              <ds-checkbox>Illyus Barrientos</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="239" label="James Egbert" >
              <ds-checkbox>James Egbert</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46791" label="Jason Herd" >
              <ds-checkbox>Jason Herd</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31002" label="Jerome" >
              <ds-checkbox>Jerome</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="254" label="Jim Stout" >
              <ds-checkbox>Jim Stout</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44273" label="Joachim Pastor" >
              <ds-checkbox>Joachim Pastor</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3955" label="Jon Kong (Leftwing:Kody)" >
              <ds-checkbox>Jon Kong (Leftwing:Kody)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50910" label="Jono Buchanan" >
              <ds-checkbox>Jono Buchanan</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="40638" label="Jon Sine" >
              <ds-checkbox>Jon Sine</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="115013" label="Jorn Bouwmeester" >
              <ds-checkbox>Jorn Bouwmeester</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="740" label="Josh Butler" >
              <ds-checkbox>Josh Butler</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1332" label="Junior Sanchez" >
              <ds-checkbox>Junior Sanchez</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="739" label="Keeno" >
              <ds-checkbox>Keeno</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="19233" label="Kevin McKay" >
              <ds-checkbox>Kevin McKay</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6116" label="KhoMha" >
              <ds-checkbox>KhoMha</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="6050" label="Kinnerman" >
              <ds-checkbox>Kinnerman</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="201" label="KO:YU" >
              <ds-checkbox>KO:YU</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31227" label="Kreature" >
              <ds-checkbox>Kreature</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="116651" label="LAR" >
              <ds-checkbox>LAR</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5954" label="Larry Holcombe" >
              <ds-checkbox>Larry Holcombe</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50330" label="Late Replies" >
              <ds-checkbox>Late Replies</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="85662" label="Latmun" >
              <ds-checkbox>Latmun</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35925" label="Lorenzo De Blanck" >
              <ds-checkbox>Lorenzo De Blanck</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1435" label="Luca Pretolesi" >
              <ds-checkbox>Luca Pretolesi</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="5410" label="Luke Bond" >
              <ds-checkbox>Luke Bond</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27664" label="LUXXURY" >
              <ds-checkbox>LUXXURY</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="11945" label="MANT" >
              <ds-checkbox>MANT</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8724" label="Marco Lys" >
              <ds-checkbox>Marco Lys</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51404" label="Marc Romboy" >
              <ds-checkbox>Marc Romboy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="244" label="Mark Knight" >
              <ds-checkbox>Mark Knight</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="56632" label="Mark Maitland" >
              <ds-checkbox>Mark Maitland</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="4960" label="Mark Sixma" >
              <ds-checkbox>Mark Sixma</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8432" label="Martin Badder" >
              <ds-checkbox>Martin Badder</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8027" label="Martin Ikin" >
              <ds-checkbox>Martin Ikin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="48085" label="Max Chapman" >
              <ds-checkbox>Max Chapman</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8725" label="Maxim Lany" >
              <ds-checkbox>Maxim Lany</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="71139" label="Michael Gray" >
              <ds-checkbox>Michael Gray</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="30989" label="Mike Candys" >
              <ds-checkbox>Mike Candys</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31030" label="MiSiNKi" >
              <ds-checkbox>MiSiNKi</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="22796" label="Nathan Barato" >
              <ds-checkbox>Nathan Barato</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31228" label="Neptunica" >
              <ds-checkbox>Neptunica</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8989" label="Nick Ten Broeke" >
              <ds-checkbox>Nick Ten Broeke</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="36496" label="Nicky Romero" >
              <ds-checkbox>Nicky Romero</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35390" label="Norman Doray" >
              <ds-checkbox>Norman Doray</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="238" label="Nu:Tone" >
              <ds-checkbox>Nu:Tone</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55643" label="OC &amp; Verde" >
              <ds-checkbox>OC &amp; Verde</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8187" label="Ørjan Nilsen" >
              <ds-checkbox>Ørjan Nilsen</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="52005" label="Piero Pirupa" >
              <ds-checkbox>Piero Pirupa</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38060" label="Protostar" >
              <ds-checkbox>Protostar</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="99038" label="R3WIRE" >
              <ds-checkbox>R3WIRE</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="40399" label="Ramin Rezaie" >
              <ds-checkbox>Ramin Rezaie</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="100939" label="Reelow" >
              <ds-checkbox>Reelow</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="62068" label="Rendher" >
              <ds-checkbox>Rendher</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="241" label="Rene Amesz" >
              <ds-checkbox>Rene Amesz</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8345" label="ReOrder" >
              <ds-checkbox>ReOrder</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45327" label="Robert Babicz" >
              <ds-checkbox>Robert Babicz</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="3771" label="Rodg" >
              <ds-checkbox>Rodg</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="249" label="Roger Sanchez" >
              <ds-checkbox>Roger Sanchez</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="101362" label="Rossi." >
              <ds-checkbox>Rossi.</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51206" label="Rudosa" >
              <ds-checkbox>Rudosa</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="252" label="Sander Kleinenberg" >
              <ds-checkbox>Sander Kleinenberg</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="9587" label="Saytek" >
              <ds-checkbox>Saytek</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1300" label="Shadow Child" >
              <ds-checkbox>Shadow Child</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="39429" label="Shaun Reeves" >
              <ds-checkbox>Shaun Reeves</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26369" label="Sian" >
              <ds-checkbox>Sian</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="7532" label="Siege" >
              <ds-checkbox>Siege</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27642" label="Slumberjack" >
              <ds-checkbox>Slumberjack</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="41899" label="SLVR" >
              <ds-checkbox>SLVR</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="11644" label="Stonebank" >
              <ds-checkbox>Stonebank</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8990" label="Sultan + Shephard" >
              <ds-checkbox>Sultan + Shephard</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31008" label="The Cube Guys" >
              <ds-checkbox>The Cube Guys</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="67" label="Thomas Gold" >
              <ds-checkbox>Thomas Gold</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="52627" label="Timmo Hendriks" >
              <ds-checkbox>Timmo Hendriks</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="57645" label="Tom Enzy" >
              <ds-checkbox>Tom Enzy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="31000" label="Tough Love" >
              <ds-checkbox>Tough Love</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="207" label="Tritonal" >
              <ds-checkbox>Tritonal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1105" label="Tuff London" >
              <ds-checkbox>Tuff London</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="66" label="Umek" >
              <ds-checkbox>Umek</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="253" label="Vincent DiPasquale" >
              <ds-checkbox>Vincent DiPasquale</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54925" label="wAFF" >
              <ds-checkbox>wAFF</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53594" label="Wankelmut" >
              <ds-checkbox>Wankelmut</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42781" label="WATERMÄT" >
              <ds-checkbox>WATERMÄT</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="8543" label="Zack Martino" >
              <ds-checkbox>Zack Martino</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="1301" label="ZDS (Zombie Disco Squad)" >
              <ds-checkbox>ZDS (Zombie Disco Squad)</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_46" id="catalog_filter_46" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Label: All" inner-prefix="Label" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="293" label="Armada University" >
              <ds-checkbox>Armada University</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="294" label="CR2" >
              <ds-checkbox>CR2</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="304" label="Deeperfect" >
              <ds-checkbox>Deeperfect</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="305" label="Dim Mak" >
              <ds-checkbox>Dim Mak</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="299" label="FaderPro" >
              <ds-checkbox>FaderPro</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="295" label="Glasgow Underground" >
              <ds-checkbox>Glasgow Underground</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="296" label="Hospital Records" >
              <ds-checkbox>Hospital Records</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="302" label="Kontor" >
              <ds-checkbox>Kontor</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="303" label="Mechanikal" >
              <ds-checkbox>Mechanikal</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="297" label="Monstercat" >
              <ds-checkbox>Monstercat</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="306" label="Protocol" >
              <ds-checkbox>Protocol</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="308" label="Spinnin" >
              <ds-checkbox>Spinnin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="56069" label="Subtone" >
              <ds-checkbox>Subtone</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="298" label="Toolroom Academy" >
              <ds-checkbox>Toolroom Academy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="301" label="Octopus" >
              <ds-checkbox>Octopus</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="300" label="Viva Music" >
              <ds-checkbox>Viva Music</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="37697" label="Woodlands Studio" >
              <ds-checkbox>Woodlands Studio</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="307" label="Visionquest" >
              <ds-checkbox>Visionquest</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_45" id="catalog_filter_45" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="DAW: All" inner-prefix="DAW" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="286" label="Ableton Live" >
              <ds-checkbox>Ableton Live</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="287" label="Logic Pro" >
              <ds-checkbox>Logic Pro</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="288" label="Cubase" >
              <ds-checkbox>Cubase</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="289" label="FL Studio" >
              <ds-checkbox>FL Studio</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="290" label="Pro Tools" >
              <ds-checkbox>Pro Tools</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="291" label="Bitwig Studio" >
              <ds-checkbox>Bitwig Studio</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="292" label="Reason" >
              <ds-checkbox>Reason</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="41468" label="Studio One" >
              <ds-checkbox>Studio One</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
</div>

  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_button"><template>
    <button type="button"
          
          class="toggle-filters inline-flex text-base rounded items-center leading-normal box-content bg-ds-default hover:bg-ds-overlay text-ds-default px-4 py-2"
          data-action="click->accordion#toggle click->catalog-filters#toggleAllFilters" id="catalog_filter_button">
    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" class="mr-3">
  <path d="M10 0H8V2H0V4H8V6H10V0Z" fill="currentColor"></path>
  <path d="M18 2H12V4H18V2Z" fill="currentColor"></path>
  <path d="M6 8V10H18V8H6Z" fill="currentColor"></path>
  <path d="M14 14H18V16H14V17C14 17.5523 13.5523 18 13 18C12.4477 18 12 17.5523 12 17V13C12 12.4477 12.4477 12 13 12C13.5523 12 14 12.4477 14 13V14Z" fill="currentColor"></path>
  <path d="M0 8H2V6H4V12H2V10H0V8Z" fill="currentColor"></path>
  <path d="M10 14H0V16H10V14Z" fill="currentColor"></path>
</svg>

    Filters
  </button>

</template></turbo-stream>

</body></html>