<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_3547272"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Discover how Shane Hurlbut, ASC, pushes the URSA Cine 12K LF to its limits in this raw, real-world camera test."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-author-title-1="Shane Hurlbut, ASC" data-author-permalink-1="author-cWgwnnKLEUQ"
    data-published-at="2025-03-30T12:40:50-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;3547272&#39;, &#39;Search Results&#39;); " href="/programs/blackmagic-design-ursa-cine-12k-lf-demo-collection">
    <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="Blackmagic Design URSA Cine 12K LF Demo" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3547272/horizontal/c25e75f1-0c12-4ff3-9d3d-840f3d473b92.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3547272/horizontal/c25e75f1-0c12-4ff3-9d3d-840f3d473b92.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3547272/horizontal/c25e75f1-0c12-4ff3-9d3d-840f3d473b92.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3547272/horizontal/c25e75f1-0c12-4ff3-9d3d-840f3d473b92.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">11</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="Blackmagic Design URSA Cine 12K LF Demo" aria-label="Blackmagic Design URSA Cine 12K LF Demo" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3547272&#39;, &#39;Search Results&#39;); " href="/programs/blackmagic-design-ursa-cine-12k-lf-demo-collection">
    <span class="line-clamp-2">
      Blackmagic Design URSA Cine 12K LF Demo
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3538974"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Discover how Shane Hurlbut, ASC, pushes the URSA Cine 12K LF to its limits in this raw, real-world camera test."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-author-title-1="Shane Hurlbut, ASC" data-author-permalink-1="author-cWgwnnKLEUQ"
    data-published-at="2025-03-29T22:03:08-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;video&#39;, &#39;3538974&#39;, &#39;Search Results&#39;); " href="/programs/blackmagic-design-ursa-cine-12k-lf-demo-test-only">
    <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="Blackmagic Design URSA Cine 12K LF Demo | Test Only" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3538974/horizontal/c0b68a01-08d4-48ea-9f7f-11fcc4fa88ec.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3538974/horizontal/c0b68a01-08d4-48ea-9f7f-11fcc4fa88ec.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3538974/horizontal/c0b68a01-08d4-48ea-9f7f-11fcc4fa88ec.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3538974/horizontal/c0b68a01-08d4-48ea-9f7f-11fcc4fa88ec.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">
        <span class="badge-item">02:24:13</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="Blackmagic Design URSA Cine 12K LF Demo | Test Only" aria-label="Blackmagic Design URSA Cine 12K LF Demo | Test Only" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3538974&#39;, &#39;Search Results&#39;); " href="/programs/blackmagic-design-ursa-cine-12k-lf-demo-test-only">
    <span class="line-clamp-2">
      Blackmagic Design URSA Cine 12K LF Demo | Test Only
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3538956"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Shane Hurlbut, ASC demos the URSA Cine 12K LF in a live event with Blackmagic—real tests, pro insights, and a game-changing Q&amp;A."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-author-title-1="Shane Hurlbut, ASC" data-author-permalink-1="author-cWgwnnKLEUQ"
    data-published-at="2025-03-25T18:35:27-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;video&#39;, &#39;3538956&#39;, &#39;Search Results&#39;); " href="/programs/blackmagic-design-ursa-cine-12k-lf-demo-live-event">
    <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="Blackmagic Design URSA Cine 12K LF Demo + Live Event" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3538956/horizontal/a32ee5fa-9679-403d-8cc7-389325219bc1.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3538956/horizontal/a32ee5fa-9679-403d-8cc7-389325219bc1.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3538956/horizontal/a32ee5fa-9679-403d-8cc7-389325219bc1.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3538956/horizontal/a32ee5fa-9679-403d-8cc7-389325219bc1.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">
        <span class="badge-item">03:32:34</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="Blackmagic Design URSA Cine 12K LF Demo + Live Event" aria-label="Blackmagic Design URSA Cine 12K LF Demo + Live Event" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3538956&#39;, &#39;Search Results&#39;); " href="/programs/blackmagic-design-ursa-cine-12k-lf-demo-live-event">
    <span class="line-clamp-2">
      Blackmagic Design URSA Cine 12K LF Demo + Live Event
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3501147"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Discover the future of cinematography with Shane Hurlbut, ASC, as he puts the Blackmagic URSA Cine 12K LF to the test. Register now."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-author-title-1="Shane Hurlbut, ASC" data-author-permalink-1="author-cWgwnnKLEUQ"
    data-published-at="2025-03-10T23:20:47-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;video&#39;, &#39;3501147&#39;, &#39;Search Results&#39;); " href="/programs/blackmagic-design-ursa-cine-12k-lf-demo-official-trailer">
    <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="Blackmagic Design URSA Cine 12K LF Demo | Official Trailer" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3501147/horizontal/b4e33e81-27ab-4019-b555-6decd46c7ea4.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3501147/horizontal/b4e33e81-27ab-4019-b555-6decd46c7ea4.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3501147/horizontal/b4e33e81-27ab-4019-b555-6decd46c7ea4.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3501147/horizontal/b4e33e81-27ab-4019-b555-6decd46c7ea4.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">
        <span class="badge-item">02:27</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="Blackmagic Design URSA Cine 12K LF Demo | Official Trailer" aria-label="Blackmagic Design URSA Cine 12K LF Demo | Official Trailer" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3501147&#39;, &#39;Search Results&#39;); " href="/programs/blackmagic-design-ursa-cine-12k-lf-demo-official-trailer">
    <span class="line-clamp-2">
      Blackmagic Design URSA Cine 12K LF Demo | Official Trailer
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3261584"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Master Colorist Dave Cole for a Spotlight Group Coaching Session where he dives deep into advanced color grading techniques."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-09-30T21:35: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;video&#39;, &#39;3261584&#39;, &#39;Search Results&#39;); " href="/programs/spotlight-group-coaching-colorist-dave-cole">
    <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="Spotlight Group Coaching Call | Colorist Dave Cole" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3261584/horizontal/a6b5daab-b434-4be7-a3e0-f71ed6b1e6e2.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3261584/horizontal/a6b5daab-b434-4be7-a3e0-f71ed6b1e6e2.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3261584/horizontal/a6b5daab-b434-4be7-a3e0-f71ed6b1e6e2.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3261584/horizontal/a6b5daab-b434-4be7-a3e0-f71ed6b1e6e2.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">
        <span class="badge-item">01:30: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="Spotlight Group Coaching Call | Colorist Dave Cole" aria-label="Spotlight Group Coaching Call | Colorist Dave Cole" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3261584&#39;, &#39;Search Results&#39;); " href="/programs/spotlight-group-coaching-colorist-dave-cole">
    <span class="line-clamp-2">
      Spotlight Group Coaching Call | Colorist Dave Cole
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3234006"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master advanced color grading with David Cole. Streamline workflow, create stunning visuals, and elevate storytelling. "
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-09-12T08:00: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;3234006&#39;, &#39;Search Results&#39;); " href="/programs/advanced-color-grading">
    <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="Advanced Color Grading Techniques" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3234006/horizontal/cfcbcb23-1de6-4a98-9aef-ec8cef2bb580.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3234006/horizontal/cfcbcb23-1de6-4a98-9aef-ec8cef2bb580.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3234006/horizontal/cfcbcb23-1de6-4a98-9aef-ec8cef2bb580.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3234006/horizontal/cfcbcb23-1de6-4a98-9aef-ec8cef2bb580.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="Advanced Color Grading Techniques" aria-label="Advanced Color Grading Techniques" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3234006&#39;, &#39;Search Results&#39;); " href="/programs/advanced-color-grading">
    <span class="line-clamp-2">
      Advanced Color Grading Techniques
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3223466"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Speed up your grading, improve communication &amp; focus on creativity by mastering shortcuts, node structures &amp; efficient workspace setup."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-09-12T08:00: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;video&#39;, &#39;3223466&#39;, &#39;Search Results&#39;); " href="/programs/part-1-mastering-efficiency-in-the-color-suite">
    <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="Mastering Efficiency in the Color Suite | Part 1" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3223466/horizontal/87f1f62c-ea16-4695-b804-fbb43bc4f75b.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3223466/horizontal/87f1f62c-ea16-4695-b804-fbb43bc4f75b.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3223466/horizontal/87f1f62c-ea16-4695-b804-fbb43bc4f75b.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3223466/horizontal/87f1f62c-ea16-4695-b804-fbb43bc4f75b.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">
        <span class="badge-item">13:32</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="Mastering Efficiency in the Color Suite | Part 1" aria-label="Mastering Efficiency in the Color Suite | Part 1" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3223466&#39;, &#39;Search Results&#39;); " href="/programs/part-1-mastering-efficiency-in-the-color-suite">
    <span class="line-clamp-2">
      Mastering Efficiency in the Color Suite | Part 1
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3223462"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master the art of removing unwanted objects and utilizing advanced tracking techniques in color grading while streamlining your workflow. "
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-09-12T08:00: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;video&#39;, &#39;3223462&#39;, &#39;Search Results&#39;); " href="/programs/part-3-object-removal-advanced-tracking">
    <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="Object Removal &amp; Advanced Tracking | Part 3" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3223462/horizontal/53ae25e1-3a40-4629-a3b0-26192a76eb17.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3223462/horizontal/53ae25e1-3a40-4629-a3b0-26192a76eb17.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3223462/horizontal/53ae25e1-3a40-4629-a3b0-26192a76eb17.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3223462/horizontal/53ae25e1-3a40-4629-a3b0-26192a76eb17.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">
        <span class="badge-item">11:47</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="Object Removal &amp; Advanced Tracking | Part 3" aria-label="Object Removal &amp; Advanced Tracking | Part 3" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3223462&#39;, &#39;Search Results&#39;); " href="/programs/part-3-object-removal-advanced-tracking">
    <span class="line-clamp-2">
      Object Removal &amp; Advanced Tracking | Part 3
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3223460"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="David Cole guides you through automated and manual solutions for achieving pristine visuals in the digital filmmaking landscape."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-09-12T08:00: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;video&#39;, &#39;3223460&#39;, &#39;Search Results&#39;); " href="/programs/part-4-tackling-dead-pixels-flicker-removal">
    <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="Tackling Dead Pixels &amp; Flicker Removal | Part 4" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3223460/horizontal/e0182df6-e989-4382-9bc4-7c76dda25365.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3223460/horizontal/e0182df6-e989-4382-9bc4-7c76dda25365.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3223460/horizontal/e0182df6-e989-4382-9bc4-7c76dda25365.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3223460/horizontal/e0182df6-e989-4382-9bc4-7c76dda25365.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">
        <span class="badge-item">11:35</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="Tackling Dead Pixels &amp; Flicker Removal | Part 4" aria-label="Tackling Dead Pixels &amp; Flicker Removal | Part 4" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3223460&#39;, &#39;Search Results&#39;); " href="/programs/part-4-tackling-dead-pixels-flicker-removal">
    <span class="line-clamp-2">
      Tackling Dead Pixels &amp; Flicker Removal | Part 4
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3223454"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to manipulate hues, tones, and textures to create captivating visuals that transport viewers to different times and places.
"
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-09-12T08:00: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;video&#39;, &#39;3223454&#39;, &#39;Search Results&#39;); " href="/programs/part-6-seasonal-color-transformations">
    <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="Seasonal Color Transformations | Part 6" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3223454/horizontal/cde4d207-dacb-4db6-b4a3-a68e3a6fefe7.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3223454/horizontal/cde4d207-dacb-4db6-b4a3-a68e3a6fefe7.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3223454/horizontal/cde4d207-dacb-4db6-b4a3-a68e3a6fefe7.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3223454/horizontal/cde4d207-dacb-4db6-b4a3-a68e3a6fefe7.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">
        <span class="badge-item">09:41</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="Seasonal Color Transformations | Part 6" aria-label="Seasonal Color Transformations | Part 6" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3223454&#39;, &#39;Search Results&#39;); " href="/programs/part-6-seasonal-color-transformations">
    <span class="line-clamp-2">
      Seasonal Color Transformations | Part 6
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3223449"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist David Cole guides you through sharpening tools, masking, and tracking to achieve natural-looking results."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-09-12T08:00: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;video&#39;, &#39;3223449&#39;, &#39;Search Results&#39;); " href="/programs/part-5-sharpening-out-of-focus-footage">
    <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="Sharpening Out-of-Focus Footage | Part 5" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3223449/horizontal/defe3925-ec28-4b61-97f9-bfd986494f29.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3223449/horizontal/defe3925-ec28-4b61-97f9-bfd986494f29.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3223449/horizontal/defe3925-ec28-4b61-97f9-bfd986494f29.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3223449/horizontal/defe3925-ec28-4b61-97f9-bfd986494f29.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">
        <span class="badge-item">08:38</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="Sharpening Out-of-Focus Footage | Part 5" aria-label="Sharpening Out-of-Focus Footage | Part 5" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3223449&#39;, &#39;Search Results&#39;); " href="/programs/part-5-sharpening-out-of-focus-footage">
    <span class="line-clamp-2">
      Sharpening Out-of-Focus Footage | Part 5
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3223443"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Perform subtle cosmetic fixes in color grading, removing blemishes and reducing under-eye circles, using tracking, node sizing, and grain."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-09-12T08:00: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;video&#39;, &#39;3223443&#39;, &#39;Search Results&#39;); " href="/programs/part-2-cosmetic-fixes-in-color-grading">
    <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="Cosmetic Fixes in Color Grading | Part 2" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3223443/horizontal/909cc6fd-4712-4855-bbcb-3121d64ff256.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3223443/horizontal/909cc6fd-4712-4855-bbcb-3121d64ff256.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3223443/horizontal/909cc6fd-4712-4855-bbcb-3121d64ff256.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3223443/horizontal/909cc6fd-4712-4855-bbcb-3121d64ff256.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">
        <span class="badge-item">07: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="Cosmetic Fixes in Color Grading | Part 2" aria-label="Cosmetic Fixes in Color Grading | Part 2" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3223443&#39;, &#39;Search Results&#39;); " href="/programs/part-2-cosmetic-fixes-in-color-grading">
    <span class="line-clamp-2">
      Cosmetic Fixes in Color Grading | Part 2
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2717369"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="The Beginner Colorist Career Path is the ultimate pathway for beginners pursuing a career as a Colorist!"
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-author-title-1="Derek Johnson" data-author-permalink-1="author-tUdmVrDKXLQ"
    data-published-at="2024-03-21T14:31:47-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;2717369&#39;, &#39;Search Results&#39;); " href="/programs/collection-beginner-colorist-career-path">
    <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="Beginner Colorist Career Path" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2717369/horizontal/9962d1ba-7359-4540-bc82-718b14499918.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2717369/horizontal/9962d1ba-7359-4540-bc82-718b14499918.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2717369/horizontal/9962d1ba-7359-4540-bc82-718b14499918.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2717369/horizontal/9962d1ba-7359-4540-bc82-718b14499918.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">36</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="Beginner Colorist Career Path" aria-label="Beginner Colorist Career Path" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2717369&#39;, &#39;Search Results&#39;); " href="/programs/collection-beginner-colorist-career-path">
    <span class="line-clamp-2">
      Beginner Colorist Career Path
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2006665"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Colorist David Cole as he answers questions from FA Members to help them in their careers."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2022-12-20T16:13:08-08: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;video&#39;, &#39;2006665&#39;, &#39;Search Results&#39;); " href="/programs/spotlight-coaching-session_final_colorist-david-cole_122022-2f4d62">
    <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="Spotlight Group Coaching | Colorist, David Cole" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2006665/horizontal/Dave_Cole_Spotlight_Coaching_Date_.1677017838.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2006665/horizontal/Dave_Cole_Spotlight_Coaching_Date_.1677017838.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2006665/horizontal/Dave_Cole_Spotlight_Coaching_Date_.1677017838.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2006665/horizontal/Dave_Cole_Spotlight_Coaching_Date_.1677017838.png?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">
        <span class="badge-item">01:34:36</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="Spotlight Group Coaching | Colorist, David Cole" aria-label="Spotlight Group Coaching | Colorist, David Cole" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2006665&#39;, &#39;Search Results&#39;); " href="/programs/spotlight-coaching-session_final_colorist-david-cole_122022-2f4d62">
    <span class="line-clamp-2">
      Spotlight Group Coaching | Colorist, David Cole
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1985870"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn the principles of the Color Grading Pyramid and how to draw your audience’s focus!
"
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2022-12-11T20:15:28-08: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;1985870&#39;, &#39;Search Results&#39;); " href="/programs/color-grading-from-concept-to-creation">
    <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="Color Grading: From Concept to Creation" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1985870/horizontal/Poster.1670448770.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1985870/horizontal/Poster.1670448770.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1985870/horizontal/Poster.1670448770.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1985870/horizontal/Poster.1670448770.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">8</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="Color Grading: From Concept to Creation" aria-label="Color Grading: From Concept to Creation" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1985870&#39;, &#39;Search Results&#39;); " href="/programs/color-grading-from-concept-to-creation">
    <span class="line-clamp-2">
      Color Grading: From Concept to Creation
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1985540"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist David Cole provides an overview of the color grading process, including how testing informs the color..."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-03-25T15:30:41-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;video&#39;, &#39;1985540&#39;, &#39;Search Results&#39;); " href="/programs/01-where-to-start-with-the-color-grade">
    <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="Where to Start with the Color Grade: Part 1" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1985540/horizontal/5f1c0526-6776-47b6-91c8-459dd1c291f9.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1985540/horizontal/5f1c0526-6776-47b6-91c8-459dd1c291f9.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1985540/horizontal/5f1c0526-6776-47b6-91c8-459dd1c291f9.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1985540/horizontal/5f1c0526-6776-47b6-91c8-459dd1c291f9.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">
        <span class="badge-item">09:31</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="Where to Start with the Color Grade: Part 1" aria-label="Where to Start with the Color Grade: Part 1" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1985540&#39;, &#39;Search Results&#39;); " href="/programs/01-where-to-start-with-the-color-grade">
    <span class="line-clamp-2">
      Where to Start with the Color Grade: Part 1
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1977511"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist David Cole highlights color contrast to enhance color separation using curves, luminance, and shapes."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-03-26T14:02:51-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;video&#39;, &#39;1977511&#39;, &#39;Search Results&#39;); " href="/programs/07-color-separation-with-curves-tones">
    <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="Color Separation with Curves &amp; Tones: Part 7" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1977511/horizontal/c9a40a8f-95c1-4d66-ac94-5c809f06950e.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1977511/horizontal/c9a40a8f-95c1-4d66-ac94-5c809f06950e.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1977511/horizontal/c9a40a8f-95c1-4d66-ac94-5c809f06950e.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1977511/horizontal/c9a40a8f-95c1-4d66-ac94-5c809f06950e.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">
        <span class="badge-item">07:42</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="Color Separation with Curves &amp; Tones: Part 7" aria-label="Color Separation with Curves &amp; Tones: Part 7" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1977511&#39;, &#39;Search Results&#39;); " href="/programs/07-color-separation-with-curves-tones">
    <span class="line-clamp-2">
      Color Separation with Curves &amp; Tones: Part 7
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1977195"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist David Cole demonstrates how to make an image more interesting and beautiful with color separation."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-03-27T10:51:03-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;video&#39;, &#39;1977195&#39;, &#39;Search Results&#39;); " href="/programs/06-shift-enhancement-with-keys-shapes">
    <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="Shift &amp; Enhancement with Keys &amp; Shapes: Part 6" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1977195/horizontal/d4a3ccfc-0b87-4308-a38f-bfb7692667ed.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1977195/horizontal/d4a3ccfc-0b87-4308-a38f-bfb7692667ed.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1977195/horizontal/d4a3ccfc-0b87-4308-a38f-bfb7692667ed.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1977195/horizontal/d4a3ccfc-0b87-4308-a38f-bfb7692667ed.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">
        <span class="badge-item">08:27</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="Shift &amp; Enhancement with Keys &amp; Shapes: Part 6" aria-label="Shift &amp; Enhancement with Keys &amp; Shapes: Part 6" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1977195&#39;, &#39;Search Results&#39;); " href="/programs/06-shift-enhancement-with-keys-shapes">
    <span class="line-clamp-2">
      Shift &amp; Enhancement with Keys &amp; Shapes: Part 6
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1975971"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist David Cole picks up after the color balance and displays how to finesse interior shots."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-03-27T10:36:39-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;video&#39;, &#39;1975971&#39;, &#39;Search Results&#39;); " href="/programs/05-shapes-tracking-keyframe-animation">
    <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="Shapes, Tracking &amp; Keyframe Animation: Part 5" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1975971/horizontal/c96e45ed-0da8-411d-b329-1f9986b1262d.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1975971/horizontal/c96e45ed-0da8-411d-b329-1f9986b1262d.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1975971/horizontal/c96e45ed-0da8-411d-b329-1f9986b1262d.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1975971/horizontal/c96e45ed-0da8-411d-b329-1f9986b1262d.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">
        <span class="badge-item">14:58</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="Shapes, Tracking &amp; Keyframe Animation: Part 5" aria-label="Shapes, Tracking &amp; Keyframe Animation: Part 5" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1975971&#39;, &#39;Search Results&#39;); " href="/programs/05-shapes-tracking-keyframe-animation">
    <span class="line-clamp-2">
      Shapes, Tracking &amp; Keyframe Animation: Part 5
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1975823"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist David Cole demonstrates how to color balance an exterior shot and how to move objects, track with shapes, and more."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-03-26T09:13:40-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;video&#39;, &#39;1975823&#39;, &#39;Search Results&#39;); " href="/programs/04-create-mood-manicure-image-to-support-the-story">
    <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="Create Mood &amp; Manicure Image to Support the Story: Part 4" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1975823/horizontal/819a27e1-5278-42c5-b19e-1f13f9868af4.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1975823/horizontal/819a27e1-5278-42c5-b19e-1f13f9868af4.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1975823/horizontal/819a27e1-5278-42c5-b19e-1f13f9868af4.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1975823/horizontal/819a27e1-5278-42c5-b19e-1f13f9868af4.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">
        <span class="badge-item">09:36</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="Create Mood &amp; Manicure Image to Support the Story: Part 4" aria-label="Create Mood &amp; Manicure Image to Support the Story: Part 4" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1975823&#39;, &#39;Search Results&#39;); " href="/programs/04-create-mood-manicure-image-to-support-the-story">
    <span class="line-clamp-2">
      Create Mood &amp; Manicure Image to Support the Story: Part 4
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1975756"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist David Cole reveals the steps of how to color balance a scene, starting with simple tools."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-03-25T15:32:14-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;video&#39;, &#39;1975756&#39;, &#39;Search Results&#39;); " href="/programs/03-color-balance-skin-tones">
    <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="Color Balance &amp; Skin Tones: Part 3" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1975756/horizontal/387eee10-7d64-4e3c-bf5e-26f07082a608.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1975756/horizontal/387eee10-7d64-4e3c-bf5e-26f07082a608.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1975756/horizontal/387eee10-7d64-4e3c-bf5e-26f07082a608.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1975756/horizontal/387eee10-7d64-4e3c-bf5e-26f07082a608.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">
        <span class="badge-item">10:46</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="Color Balance &amp; Skin Tones: Part 3" aria-label="Color Balance &amp; Skin Tones: Part 3" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1975756&#39;, &#39;Search Results&#39;); " href="/programs/03-color-balance-skin-tones">
    <span class="line-clamp-2">
      Color Balance &amp; Skin Tones: Part 3
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1975696"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist David Cole guides you through the Color Grading Pyramid, focusing on the continuity grade."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-03-25T16:09:47-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;video&#39;, &#39;1975696&#39;, &#39;Search Results&#39;); " href="/programs/02-continuity-shapes-polishing-fundamentals">
    <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="Continuity, Shapes &amp; Polishing Fundamentals: Part 2" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1975696/horizontal/WSjqNmxn5BtzSg.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1975696/horizontal/WSjqNmxn5BtzSg.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1975696/horizontal/WSjqNmxn5BtzSg.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1975696/horizontal/WSjqNmxn5BtzSg.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">
        <span class="badge-item">09:05</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="Continuity, Shapes &amp; Polishing Fundamentals: Part 2" aria-label="Continuity, Shapes &amp; Polishing Fundamentals: Part 2" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1975696&#39;, &#39;Search Results&#39;); " href="/programs/02-continuity-shapes-polishing-fundamentals">
    <span class="line-clamp-2">
      Continuity, Shapes &amp; Polishing Fundamentals: Part 2
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1660439"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master colorist David Cole demonstrates how to create Lookup Tables (LUTs) like an expert! "
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2022-04-28T16:09:35-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;1660439&#39;, &#39;Search Results&#39;); " href="/programs/color-grading-lut-theory-creation">
    <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="Color Grading: LUT Theory &amp; Creation" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1660439/horizontal/Poster.1651187455.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1660439/horizontal/Poster.1651187455.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1660439/horizontal/Poster.1651187455.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1660439/horizontal/Poster.1651187455.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="Color Grading: LUT Theory &amp; Creation" aria-label="Color Grading: LUT Theory &amp; Creation" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1660439&#39;, &#39;Search Results&#39;); " href="/programs/color-grading-lut-theory-creation">
    <span class="line-clamp-2">
      Color Grading: LUT Theory &amp; Creation
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1660421"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Dave Cole reveals how to work with noise reduction by comparing noise and grain levels."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2023-07-06T14:18:10-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;video&#39;, &#39;1660421&#39;, &#39;Search Results&#39;); " href="/programs/part-6-noise-reduction">
    <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="Noise Reduction: Part 6" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1660421/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1660421/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1660421/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1660421/horizontal/thumbnail.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">
        <span class="badge-item">08:27</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="Noise Reduction: Part 6" aria-label="Noise Reduction: Part 6" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1660421&#39;, &#39;Search Results&#39;); " href="/programs/part-6-noise-reduction">
    <span class="line-clamp-2">
      Noise Reduction: Part 6
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1660415"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist Dave Cole breaks down essential key terms relating to exposure and how to work with grain levels and achieve accurate colors"
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2023-07-06T14:17:32-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;video&#39;, &#39;1660415&#39;, &#39;Search Results&#39;); " href="/programs/part-5-digital-exposure-with-negatives">
    <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="Digital Exposure with Negatives: Part 5" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1660415/horizontal/Part-5.1651187104.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1660415/horizontal/Part-5.1651187104.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1660415/horizontal/Part-5.1651187104.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1660415/horizontal/Part-5.1651187104.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">
        <span class="badge-item">14:12</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="Digital Exposure with Negatives: Part 5" aria-label="Digital Exposure with Negatives: Part 5" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1660415&#39;, &#39;Search Results&#39;); " href="/programs/part-5-digital-exposure-with-negatives">
    <span class="line-clamp-2">
      Digital Exposure with Negatives: Part 5
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1660377"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist Dave Cole takes you through the process of how to build and create a lookup table (LUT)."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-03-26T08:56:48-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;video&#39;, &#39;1660377&#39;, &#39;Search Results&#39;); " href="/programs/part-4-building-a-lut">
    <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="Building a LUT: Part 4" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1660377/horizontal/Part-4.1651186370.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1660377/horizontal/Part-4.1651186370.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1660377/horizontal/Part-4.1651186370.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1660377/horizontal/Part-4.1651186370.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">
        <span class="badge-item">17: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="Building a LUT: Part 4" aria-label="Building a LUT: Part 4" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1660377&#39;, &#39;Search Results&#39;); " href="/programs/part-4-building-a-lut">
    <span class="line-clamp-2">
      Building a LUT: Part 4
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1660360"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist Dave Cole reveals his process of how to get the most out of your lookup table from conception to testing and collaboration."
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-03-05T07:18:39-08: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;video&#39;, &#39;1660360&#39;, &#39;Search Results&#39;); " href="/programs/part-3-lut-consistency">
    <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="LUT Consistency: Part 3" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1660360/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1660360/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1660360/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1660360/horizontal/thumbnail.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">
        <span class="badge-item">14:17</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="LUT Consistency: Part 3" aria-label="LUT Consistency: Part 3" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1660360&#39;, &#39;Search Results&#39;); " href="/programs/part-3-lut-consistency">
    <span class="line-clamp-2">
      LUT Consistency: Part 3
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1660316"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist Dave Cole covers the basics of creating a LUT while also noting what he looks for as he guides you through his process. "
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2024-03-26T09:18:21-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;video&#39;, &#39;1660316&#39;, &#39;Search Results&#39;); " href="/programs/part-2-lut-toolset">
    <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="LUT Toolset: Part 2" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1660316/horizontal/Part-2.1651184537.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1660316/horizontal/Part-2.1651184537.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1660316/horizontal/Part-2.1651184537.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1660316/horizontal/Part-2.1651184537.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">
        <span class="badge-item">09:38</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="LUT Toolset: Part 2" aria-label="LUT Toolset: Part 2" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1660316&#39;, &#39;Search Results&#39;); " href="/programs/part-2-lut-toolset">
    <span class="line-clamp-2">
      LUT Toolset: Part 2
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1660315"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist Dave Cole explains the theory behind working with lookup tables (LUTs) along with describing key terms you should know.  "
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2022-10-12T19:08:21-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;video&#39;, &#39;1660315&#39;, &#39;Search Results&#39;); " href="/programs/what-is-a-lut">
    <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="What is a LUT?: Part 1" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1660315/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1660315/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1660315/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1660315/horizontal/thumbnail.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">
        <span class="badge-item">08:30</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="What is a LUT?: Part 1" aria-label="What is a LUT?: Part 1" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1660315&#39;, &#39;Search Results&#39;); " href="/programs/what-is-a-lut">
    <span class="line-clamp-2">
      What is a LUT?: Part 1
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1375372"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist David Cole teaches the building blocks of becoming an expert colorist! "
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2021-10-14T09:44:16-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;1375372&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-terms-techniques">
    <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=" Color Correcting: Terms &amp; Techniques " decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1375372/horizontal/COLOR-CORRECTING-TERMS-_-TECHNIQUES-V1.1634248434.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1375372/horizontal/COLOR-CORRECTING-TERMS-_-TECHNIQUES-V1.1634248434.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1375372/horizontal/COLOR-CORRECTING-TERMS-_-TECHNIQUES-V1.1634248434.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1375372/horizontal/COLOR-CORRECTING-TERMS-_-TECHNIQUES-V1.1634248434.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">8</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=" Color Correcting: Terms &amp; Techniques " aria-label=" Color Correcting: Terms &amp; Techniques " onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1375372&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-terms-techniques">
    <span class="line-clamp-2">
       Color Correcting: Terms &amp; Techniques 
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1374145"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="12 minutes of instructional video with Master Colorist David Cole, written breakdowns, English Subtitles, etc. "
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2021-10-13T17:37: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;video&#39;, &#39;1374145&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-post-lens-detuning-vintage-glass-fx">
    <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="Color Correcting: Post Lens De-Tuning &amp; Vintage Glass Effects" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1374145/horizontal/Screen_Shot_2021-10-14_at_5.36.08_PM.1634259854.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1374145/horizontal/Screen_Shot_2021-10-14_at_5.36.08_PM.1634259854.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1374145/horizontal/Screen_Shot_2021-10-14_at_5.36.08_PM.1634259854.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1374145/horizontal/Screen_Shot_2021-10-14_at_5.36.08_PM.1634259854.jpeg?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">
        <span class="badge-item">12:06</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="Color Correcting: Post Lens De-Tuning &amp; Vintage Glass Effects" aria-label="Color Correcting: Post Lens De-Tuning &amp; Vintage Glass Effects" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1374145&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-post-lens-detuning-vintage-glass-fx">
    <span class="line-clamp-2">
      Color Correcting: Post Lens De-Tuning &amp; Vintage Glass Effects
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1374140"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="9.5 minutes of instructional video with Master Colorist David Cole, written breakdowns, English Subtitles, etc. "
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2021-10-13T17:30:48-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;video&#39;, &#39;1374140&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-camera-shake-post-light-shaping">
    <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="Color Correcting: Camera Shake &amp; Post Light Shaping" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1374140/horizontal/Screen_Shot_2021-10-14_at_5.32.40_PM.1634258023.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1374140/horizontal/Screen_Shot_2021-10-14_at_5.32.40_PM.1634258023.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1374140/horizontal/Screen_Shot_2021-10-14_at_5.32.40_PM.1634258023.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1374140/horizontal/Screen_Shot_2021-10-14_at_5.32.40_PM.1634258023.jpeg?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">
        <span class="badge-item">09:38</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="Color Correcting: Camera Shake &amp; Post Light Shaping" aria-label="Color Correcting: Camera Shake &amp; Post Light Shaping" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1374140&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-camera-shake-post-light-shaping">
    <span class="line-clamp-2">
      Color Correcting: Camera Shake &amp; Post Light Shaping
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1374131"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="11 minutes of instructional video with Master Colorist David Cole, written breakdowns, English Subtitles, etc. "
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2021-10-13T17:22:30-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;video&#39;, &#39;1374131&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-luminance-skin-fusion">
    <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="Color Correcting: Luminance Keys &amp; Skin Fusion" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1374131/horizontal/Screen_Shot_2021-10-14_at_5.20.42_PM.1634257319.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1374131/horizontal/Screen_Shot_2021-10-14_at_5.20.42_PM.1634257319.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1374131/horizontal/Screen_Shot_2021-10-14_at_5.20.42_PM.1634257319.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1374131/horizontal/Screen_Shot_2021-10-14_at_5.20.42_PM.1634257319.jpeg?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">
        <span class="badge-item">11:03</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="Color Correcting: Luminance Keys &amp; Skin Fusion" aria-label="Color Correcting: Luminance Keys &amp; Skin Fusion" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1374131&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-luminance-skin-fusion">
    <span class="line-clamp-2">
      Color Correcting: Luminance Keys &amp; Skin Fusion
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1374128"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="15 minutes of instructional video with Master Colorist Dave Cole, written breakdowns, English Subtitles, etc. "
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2021-10-13T17:16:11-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;video&#39;, &#39;1374128&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-post-filtering-effects">
    <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="Color Correcting: Post Filtering Effects" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1374128/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1374128/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1374128/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1374128/horizontal/thumbnail.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">
        <span class="badge-item">15:01</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="Color Correcting: Post Filtering Effects" aria-label="Color Correcting: Post Filtering Effects" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1374128&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-post-filtering-effects">
    <span class="line-clamp-2">
      Color Correcting: Post Filtering Effects
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1374112"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="16 minutes of instructional video with Master Colorist Dave Cole, written breakdowns, English Subtitles, etc. "
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2021-10-13T16:59:23-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;video&#39;, &#39;1374112&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-power-windows">
    <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="Color Correcting: Power Windows" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1374112/horizontal/Screen_Shot_2021-10-14_at_5.13.05_PM.1634256909.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1374112/horizontal/Screen_Shot_2021-10-14_at_5.13.05_PM.1634256909.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1374112/horizontal/Screen_Shot_2021-10-14_at_5.13.05_PM.1634256909.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1374112/horizontal/Screen_Shot_2021-10-14_at_5.13.05_PM.1634256909.jpeg?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">
        <span class="badge-item">16:06</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="Color Correcting: Power Windows" aria-label="Color Correcting: Power Windows" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1374112&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-power-windows">
    <span class="line-clamp-2">
      Color Correcting: Power Windows
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1374110"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="13 minutes of instructional video with Master Colorist Dave Cole, written breakdowns, English Subtitles, etc. "
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2021-10-13T16:54:03-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;video&#39;, &#39;1374110&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-mids-highlights">
    <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="Color Correcting: The Mids &amp; Highlights" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1374110/horizontal/Screen_Shot_2021-10-14_at_5.05.48_PM.1634256638.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1374110/horizontal/Screen_Shot_2021-10-14_at_5.05.48_PM.1634256638.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1374110/horizontal/Screen_Shot_2021-10-14_at_5.05.48_PM.1634256638.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1374110/horizontal/Screen_Shot_2021-10-14_at_5.05.48_PM.1634256638.jpeg?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">
        <span class="badge-item">13: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="Color Correcting: The Mids &amp; Highlights" aria-label="Color Correcting: The Mids &amp; Highlights" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1374110&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-mids-highlights">
    <span class="line-clamp-2">
      Color Correcting: The Mids &amp; Highlights
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1374097"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="12 minutes of instructional video with Master Colorist David Cole, written breakdowns, English Subtitles, etc. "
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2021-10-13T16:38:26-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;video&#39;, &#39;1374097&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-the-blacks">
    <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="Color Correcting: The Blacks" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1374097/horizontal/Crushing-the-blacks.1649698094.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1374097/horizontal/Crushing-the-blacks.1649698094.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1374097/horizontal/Crushing-the-blacks.1649698094.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1374097/horizontal/Crushing-the-blacks.1649698094.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">
        <span class="badge-item">12:27</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="Color Correcting: The Blacks" aria-label="Color Correcting: The Blacks" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1374097&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-the-blacks">
    <span class="line-clamp-2">
      Color Correcting: The Blacks
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1374078"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master Colorist David Cole was a Lead Digital Colorist on Lord of the Rings: Fellowship of the Ring, Dune, The Batman, Dune 2, and more!"
    data-author-title-0="Dave Cole" data-author-permalink-0="author-AImnPMnPB3s"
    data-published-at="2021-10-13T16:22:32-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;video&#39;, &#39;1374078&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-intro-to-colorist-david-cole">
    <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="Color Correcting: Intro to Dave Cole" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1374078/horizontal/Screen_Shot_2021-10-14_at_6.06.00_PM.1634260053.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1374078/horizontal/Screen_Shot_2021-10-14_at_6.06.00_PM.1634260053.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1374078/horizontal/Screen_Shot_2021-10-14_at_6.06.00_PM.1634260053.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1374078/horizontal/Screen_Shot_2021-10-14_at_6.06.00_PM.1634260053.jpeg?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">
        <span class="badge-item">02:47</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="Color Correcting: Intro to Dave Cole" aria-label="Color Correcting: Intro to Dave Cole" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1374078&#39;, &#39;Search Results&#39;); " href="/programs/color-correcting-intro-to-colorist-david-cole">
    <span class="line-clamp-2">
      Color Correcting: Intro to Dave Cole
    </span>
</a></swiper-slide>


  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper"
  class="group my-4 mx-2 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">
  <ds-button
    size="small"
    style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
    class="hidden"
    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>
    <ds-button
      size="small"
      style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
      content-visible-on="md"
      data-test="reset-filters"
      aria-label="Reset filters"
      data-action="click->themeless-catalog-filters#resetFilters"
      
    >
      <span class="relative" slot="before">
        <ds-icon name="filter"></ds-icon>
        <ds-icon name="cross-small" class="absolute size-4 -bottom-1 -right-1"></ds-icon>
      </span>
      <span class="hidden lg:block ms-1">Reset filters (1)</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="133340" label="Welcome to Filmmakers Academy" >
              <ds-checkbox>Welcome to Filmmakers Academy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="283038" label="Lens Tests: 5 Traits To Cinema Lenses" >
              <ds-checkbox>Lens Tests: 5 Traits To Cinema Lenses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="273539" label="Making A Music Video" >
              <ds-checkbox>Making A Music Video</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="267309" label="Motion Picture Film Education" >
              <ds-checkbox>Motion Picture Film Education</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="197743" label="Member Resources" >
              <ds-checkbox>Member Resources</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78364" label="Where To Start — Career Paths" >
              <ds-checkbox>Where To Start — Career Paths</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="209712" label="Upcoming Live Events" >
              <ds-checkbox>Upcoming Live Events</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="197125" label="Upcoming Spotlight Group Coaching Call" >
              <ds-checkbox>Upcoming Spotlight Group Coaching Call</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="125160" label="Recent Uploads" >
              <ds-checkbox>Recent Uploads</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="128216" label="Masterclasses" >
              <ds-checkbox>Masterclasses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="235812" label="Live Seminars" >
              <ds-checkbox>Live Seminars</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78363" label="All Courses" >
              <ds-checkbox>All Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="97995" label="All Lessons" >
              <ds-checkbox>All Lessons</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="264059" label="Projects &amp; Downloadable Resources" >
              <ds-checkbox>Projects &amp; Downloadable Resources</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="129487" label="Quick Filmmaking Tips" >
              <ds-checkbox>Quick Filmmaking Tips</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="126046" label="Spotlight Coaching Sessions" >
              <ds-checkbox>Spotlight Coaching Sessions</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="192997" label="Live Demos" >
              <ds-checkbox>Live Demos</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="178936" label="Cinematography Essentials" >
              <ds-checkbox>Cinematography Essentials</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="147473" label="Inner Circle Podcast" >
              <ds-checkbox>Inner Circle Podcast</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="125196" label="Finding The Frame Podcast" >
              <ds-checkbox>Finding The Frame Podcast</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="227660" label="Night Cinematography Masterclass" >
              <ds-checkbox>Night Cinematography Masterclass</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="202525" label="Filmotechnic Camera Car Masterclass" >
              <ds-checkbox>Filmotechnic Camera Car Masterclass</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="226829" label="On Set Communication: Walkie Talkies" >
              <ds-checkbox>On Set Communication: Walkie Talkies</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="210487" label="Shadowing a Commercial Director" >
              <ds-checkbox>Shadowing a Commercial Director</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78359" label="Popular Courses" >
              <ds-checkbox>Popular Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="125161" label="Popular Lessons" >
              <ds-checkbox>Popular Lessons</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="125163" label="Lighting Essentials" >
              <ds-checkbox>Lighting Essentials</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="125165" label="Cinematography" >
              <ds-checkbox>Cinematography</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="97998" label="Theory" >
              <ds-checkbox>Theory</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="79251" label="Camera &amp; Lenses" >
              <ds-checkbox>Camera &amp; Lenses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="130845" label="Directing" >
              <ds-checkbox>Directing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122000" label="Producing" >
              <ds-checkbox>Producing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="92837" label="Grip &amp; Electric" >
              <ds-checkbox>Grip &amp; Electric</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="91797" label="Post-Production" >
              <ds-checkbox>Post-Production</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="151241" label="Lifestyle" >
              <ds-checkbox>Lifestyle</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98244" label="Commercial &amp; Music Video" >
              <ds-checkbox>Commercial &amp; Music Video</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="97922" label="Shaping &amp; Controlling Light" >
              <ds-checkbox>Shaping &amp; Controlling Light</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="97931" label="Blocking for the Camera &amp; Your Scene" >
              <ds-checkbox>Blocking for the Camera &amp; Your Scene</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="97932" label="Getting Started in Your Career" >
              <ds-checkbox>Getting Started in Your Career</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="125166" label="All Playlists" >
              <ds-checkbox>All Playlists</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98243" label="Lighting for Daytime" >
              <ds-checkbox>Lighting for Daytime</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98050" label="Lighting for Nighttime" >
              <ds-checkbox>Lighting for Nighttime</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98094" label="Discover Different Lighting Fixtures" >
              <ds-checkbox>Discover Different Lighting Fixtures</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="97934" label="Moving the Camera to Tell a Story" >
              <ds-checkbox>Moving the Camera to Tell a Story</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98042" label="Camera &amp; Lens Tests" >
              <ds-checkbox>Camera &amp; Lens Tests</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98043" label="Winning the Job with Your Treatment" >
              <ds-checkbox>Winning the Job with Your Treatment</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98114" label="The Look Of..." >
              <ds-checkbox>The Look Of...</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98045" label="Camera LUTs &amp; Picture Profiles" >
              <ds-checkbox>Camera LUTs &amp; Picture Profiles</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="98062" label="Podcasts" >
              <ds-checkbox>Podcasts</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="161962" label="Camera, Lens, Filter Test Archives" >
              <ds-checkbox>Camera, Lens, Filter Test Archives</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="161971" label="LUTs | Picture Profiles | Archives" >
              <ds-checkbox>LUTs | Picture Profiles | Archives</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="198592" label="Editing Podcasts" >
              <ds-checkbox>Editing Podcasts</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="255489" label="DONT DELETE (SEGMENTED FEATURED PLAYLIST)" >
              <ds-checkbox>DONT DELETE (SEGMENTED FEATURED PLAYLIST)</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="110209" label="Brendan Riel" >
              <ds-checkbox>Brendan Riel</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="121093" label="Brendan Sweeney" >
              <ds-checkbox>Brendan Sweeney</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122481" label="Chris Haigh" >
              <ds-checkbox>Chris Haigh</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="41950" label="Chris Herr" >
              <ds-checkbox>Chris Herr</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42161" label="Dave Cole" checked>
              <ds-checkbox>Dave Cole</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35967" label="Derek Edwards" >
              <ds-checkbox>Derek Edwards</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35966" label="Derek Johnson" >
              <ds-checkbox>Derek Johnson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46973" label="Filmmakers Academy" >
              <ds-checkbox>Filmmakers Academy</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="60402" label="Finding the Frame" >
              <ds-checkbox>Finding the Frame</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="108573" label="Gabrielle Blackwood" >
              <ds-checkbox>Gabrielle Blackwood</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="64539" label="Hollywood Editing Mentor Podcast" >
              <ds-checkbox>Hollywood Editing Mentor Podcast</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="56349" label="Jamee Ranta" >
              <ds-checkbox>Jamee Ranta</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="83640" label="Jason Robbins" >
              <ds-checkbox>Jason Robbins</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50424" label="Joaquin Elizondo" >
              <ds-checkbox>Joaquin Elizondo</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42105" label="Jordan Brady" >
              <ds-checkbox>Jordan Brady</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122329" label="Jordan Orme" >
              <ds-checkbox>Jordan Orme</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="59072" label="Justin Jones" >
              <ds-checkbox>Justin Jones</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114995" label="Lost Objects" >
              <ds-checkbox>Lost Objects</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="122328" label="Lukas Colombo" >
              <ds-checkbox>Lukas Colombo</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42108" label="Lydia Hurlbut" >
              <ds-checkbox>Lydia Hurlbut</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="63084" label="Quick Filmmaking Tips" >
              <ds-checkbox>Quick Filmmaking Tips</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="35423" label="Shane Hurlbut, ASC" >
              <ds-checkbox>Shane Hurlbut, ASC</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42963" label="Sherri Kauk" >
              <ds-checkbox>Sherri Kauk</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="115524" label="Thomas Sigurdsson" >
              <ds-checkbox>Thomas Sigurdsson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51219" label="Zeiss Cinematography" >
              <ds-checkbox>Zeiss Cinematography</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_2752" id="catalog_filter_2752" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Type: All" inner-prefix="Type" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="15582" label="Courses" >
              <ds-checkbox>Courses</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="15583" label="Lessons" >
              <ds-checkbox>Lessons</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27419" label="Playlists" >
              <ds-checkbox>Playlists</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27420" label="Podcast" >
              <ds-checkbox>Podcast</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="27421" label="Career Path" >
              <ds-checkbox>Career Path</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="28678" label="Coaching Sessions" >
              <ds-checkbox>Coaching Sessions</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="28679" label="Masterclasses " >
              <ds-checkbox>Masterclasses </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="57297" label="Live Seminar" >
              <ds-checkbox>Live Seminar</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="58146" label="Office Hours" >
              <ds-checkbox>Office Hours</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="60677" label="Live Demo" >
              <ds-checkbox>Live Demo</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_5129" id="catalog_filter_5129" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Discipline : All" inner-prefix="Discipline " select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="26917" label="Cinematography" >
              <ds-checkbox>Cinematography</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26918" label="Producing " >
              <ds-checkbox>Producing </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26919" label="Directing " >
              <ds-checkbox>Directing </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26920" label="Post Production " >
              <ds-checkbox>Post Production </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26921" label="Camera Department" >
              <ds-checkbox>Camera Department</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="26922" label="Grip and Electric" >
              <ds-checkbox>Grip and Electric</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="38280" label="Lifestyle" >
              <ds-checkbox>Lifestyle</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="56229" label="Film Production" >
              <ds-checkbox>Film Production</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="58995" label="Networking" >
              <ds-checkbox>Networking</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_2753" id="catalog_filter_2753" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Filter: All" inner-prefix="Filter" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="15592" label="Lighting Day Exterior " >
              <ds-checkbox>Lighting Day Exterior </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="15595" label="Lighting Day Interior " >
              <ds-checkbox>Lighting Day Interior </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="15597" label="Lighting Night Exterior " >
              <ds-checkbox>Lighting Night Exterior </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29011" label="Lighting Night Interior" >
              <ds-checkbox>Lighting Night Interior</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29012" label="Treatments" >
              <ds-checkbox>Treatments</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29013" label="Lens Tests" >
              <ds-checkbox>Lens Tests</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29014" label="Color Grading " >
              <ds-checkbox>Color Grading </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29015" label="Editing" >
              <ds-checkbox>Editing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29016" label="Blocking " >
              <ds-checkbox>Blocking </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29017" label="Theory " >
              <ds-checkbox>Theory </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29018" label="Composition " >
              <ds-checkbox>Composition </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29019" label="Business" >
              <ds-checkbox>Business</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29020" label="Location Scouting " >
              <ds-checkbox>Location Scouting </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29021" label="DIY" >
              <ds-checkbox>DIY</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29022" label="Camera Assistant " >
              <ds-checkbox>Camera Assistant </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="29023" label="Shaping Light" >
              <ds-checkbox>Shaping Light</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="30383" label="Directing" >
              <ds-checkbox>Directing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="30384" label="Music Videos" >
              <ds-checkbox>Music Videos</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="30385" label="Cinematography Essentials " >
              <ds-checkbox>Cinematography Essentials </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="30386" label="Lighting Units" >
              <ds-checkbox>Lighting Units</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="30514" label="Producing" >
              <ds-checkbox>Producing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="37614" label="Lifestyle" >
              <ds-checkbox>Lifestyle</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="56230" label="Film Production" >
              <ds-checkbox>Film Production</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="57298" label="Commercials" >
              <ds-checkbox>Commercials</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="58147" label="Live Events" >
              <ds-checkbox>Live Events</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="61571" label="Camera Test" >
              <ds-checkbox>Camera Test</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
          text-ds-default hover:bg-ds-overlay bg-ds-default px-4 py-2"
          data-action="click->catalog-filters#resetFilter" id="catalog_filter_button">
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="mr-3">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99995 6.58574L14.2928 0.292847L15.7071 1.70706L9.41417 7.99995L15.7071 14.2928L14.2928 15.7071L7.99995 9.41417L1.70706 15.7071L0.292847 14.2928L6.58574 7.99995L0.292847 1.70706L1.70706 0.292847L7.99995 6.58574Z" fill="currentColor"></path>
</svg>

    Clear Filters
  </button>

</template></turbo-stream>

