<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="video_3894521"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="The wait is over. Shane Hurlbut, ASC&#39;s masterclass on exposing 35mm, 16mm, and Super 8 is live. Start mastering film exposure now."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2025-11-25T08:00:00-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;3894521&#39;, &#39;Search Results&#39;); " href="/programs/exposing-motion-picture-masterclass-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="Exposing Motion Picture Film Masterclass I Official Trailer" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3894521/horizontal/3e660570-8f77-400b-92fe-5294f4034b1f.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3894521/horizontal/3e660570-8f77-400b-92fe-5294f4034b1f.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3894521/horizontal/3e660570-8f77-400b-92fe-5294f4034b1f.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3894521/horizontal/3e660570-8f77-400b-92fe-5294f4034b1f.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: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="Exposing Motion Picture Film Masterclass I Official Trailer" aria-label="Exposing Motion Picture Film Masterclass I Official Trailer" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3894521&#39;, &#39;Search Results&#39;); " href="/programs/exposing-motion-picture-masterclass-official-trailer">
    <span class="line-clamp-2">
      Exposing Motion Picture Film Masterclass I Official Trailer
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3893412"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="The definitive masterclass on film exposure. Shane Hurlbut, ASC teaches the craft you can&#39;t find anywhere else. Watch now."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2025-11-20T08:00:12-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;3893412&#39;, &#39;Search Results&#39;); " href="/programs/exposing-motion-picture-masterclass-teaser-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="Exposing Motion Picture Film Masterclass | Teaser Trailer" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3893412/horizontal/525fad85-1370-4ea2-8c4b-25645b101ed7.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3893412/horizontal/525fad85-1370-4ea2-8c4b-25645b101ed7.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3893412/horizontal/525fad85-1370-4ea2-8c4b-25645b101ed7.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3893412/horizontal/525fad85-1370-4ea2-8c4b-25645b101ed7.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">00:50</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="Exposing Motion Picture Film Masterclass | Teaser Trailer" aria-label="Exposing Motion Picture Film Masterclass | Teaser Trailer" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3893412&#39;, &#39;Search Results&#39;); " href="/programs/exposing-motion-picture-masterclass-teaser-trailer">
    <span class="line-clamp-2">
      Exposing Motion Picture Film Masterclass | Teaser Trailer
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3883709"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Shane Hurlbut ASC reveals film&#39;s timeless craft and his years of experience. Master light meters, filters, stocks &amp; photochemical magic. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2025-11-25T08:00:00-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;3883709&#39;, &#39;Search Results&#39;); " href="/programs/exposing-motion-picture-film-masterclass">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Exposing Motion Picture Film Masterclass" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3883709/horizontal/6ad657a6-482c-441a-8cc7-e9511208cf3e.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3883709/horizontal/6ad657a6-482c-441a-8cc7-e9511208cf3e.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3883709/horizontal/6ad657a6-482c-441a-8cc7-e9511208cf3e.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3883709/horizontal/6ad657a6-482c-441a-8cc7-e9511208cf3e.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:58:16</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Exposing Motion Picture Film Masterclass" aria-label="Exposing Motion Picture Film Masterclass" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3883709&#39;, &#39;Search Results&#39;); " href="/programs/exposing-motion-picture-film-masterclass">
    <span class="line-clamp-2">
      Exposing Motion Picture Film Masterclass
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3724918"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master on-set power with Shane Hurlbut, ASC. Learn pro generator etiquette for safe, efficient diesel and battery power on set."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-author-title-1="Thomas Sigurdsson" data-author-permalink-1="author-2TZEv6fWaqk"
    data-published-at="2025-07-28T22:11:04-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;3724918&#39;, &#39;Search Results&#39;); " href="/programs/generator-etiquette-masterclass-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="Generator Etiquette Masterclass | Shane Hurlbut, ASC &amp; Thomas Sigurdsson" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3724918/horizontal/80f7f204-17d0-44fc-a93e-9d609b928f3c.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3724918/horizontal/80f7f204-17d0-44fc-a93e-9d609b928f3c.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3724918/horizontal/80f7f204-17d0-44fc-a93e-9d609b928f3c.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3724918/horizontal/80f7f204-17d0-44fc-a93e-9d609b928f3c.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Generator Etiquette Masterclass | Shane Hurlbut, ASC &amp; Thomas Sigurdsson" aria-label="Generator Etiquette Masterclass | Shane Hurlbut, ASC &amp; Thomas Sigurdsson" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3724918&#39;, &#39;Search Results&#39;); " href="/programs/generator-etiquette-masterclass-collection">
    <span class="line-clamp-2">
      Generator Etiquette Masterclass | Shane Hurlbut, ASC &amp; Thomas Sigurdsson
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3710863"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master modern battery generators: silent, safe, and smart. Learn pro protocols for clean, reliable on-set power with Shane Hurlbut, ASC."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-author-title-1="Thomas Sigurdsson" data-author-permalink-1="author-2TZEv6fWaqk"
    data-published-at="2025-07-28T22:10: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;3710863&#39;, &#39;Search Results&#39;); " href="/programs/generator-etiquette-masterclass-battery-electric-storage-system">
    <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="Generator Etiquette Masterclass: Battery Electric Storage System" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3710863/horizontal/d6d391e2-f661-49c4-99fc-e04829bda865.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3710863/horizontal/d6d391e2-f661-49c4-99fc-e04829bda865.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3710863/horizontal/d6d391e2-f661-49c4-99fc-e04829bda865.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3710863/horizontal/d6d391e2-f661-49c4-99fc-e04829bda865.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">16: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="Generator Etiquette Masterclass: Battery Electric Storage System" aria-label="Generator Etiquette Masterclass: Battery Electric Storage System" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3710863&#39;, &#39;Search Results&#39;); " href="/programs/generator-etiquette-masterclass-battery-electric-storage-system">
    <span class="line-clamp-2">
      Generator Etiquette Masterclass: Battery Electric Storage System
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3710012"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn pro diesel generator skills—safe setup, load balancing, voltage control, and more with Shane Hurlbut, ASC, and Gaffer Tom Sigurdsson."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-author-title-1="Thomas Sigurdsson" data-author-permalink-1="author-2TZEv6fWaqk"
    data-published-at="2025-07-28T22:10: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;3710012&#39;, &#39;Search Results&#39;); " href="/programs/generator-etiquette-masterclass-diesel-generator">
    <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="Generator Etiquette Masterclass: Diesel Generator" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3710012/horizontal/c3ece688-08db-4839-958d-1aafe86003a8.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3710012/horizontal/c3ece688-08db-4839-958d-1aafe86003a8.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3710012/horizontal/c3ece688-08db-4839-958d-1aafe86003a8.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3710012/horizontal/c3ece688-08db-4839-958d-1aafe86003a8.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">40: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="Generator Etiquette Masterclass: Diesel Generator" aria-label="Generator Etiquette Masterclass: Diesel Generator" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3710012&#39;, &#39;Search Results&#39;); " href="/programs/generator-etiquette-masterclass-diesel-generator">
    <span class="line-clamp-2">
      Generator Etiquette Masterclass: Diesel Generator
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3363791"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="A couple&#39;s night out takes a sinister turn. Their secluded Malibu home is breached. Now, they must confront the darkness within."
    data-author-title-0="Filmmakers Academy" data-author-permalink-0="author-1Sa0l-UlSP4"
    data-published-at="2024-12-09T17:35:55-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;3363791&#39;, &#39;Search Results&#39;); " href="/programs/quiet-hour-short-film">
    <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="Quiet Hour | Short Film" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3363791/horizontal/675c010a-54db-4eb1-88ae-a20f23a82666.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3363791/horizontal/675c010a-54db-4eb1-88ae-a20f23a82666.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3363791/horizontal/675c010a-54db-4eb1-88ae-a20f23a82666.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3363791/horizontal/675c010a-54db-4eb1-88ae-a20f23a82666.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: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="Quiet Hour | Short Film" aria-label="Quiet Hour | Short Film" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3363791&#39;, &#39;Search Results&#39;); " href="/programs/quiet-hour-short-film">
    <span class="line-clamp-2">
      Quiet Hour | Short Film
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3355795"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Missed the Night Cinematography Masterclass Afterparty? Get inspired! Shane Hurlbut, ASC &amp; his team delivered epic insights, now on-demand!"
    data-author-title-0="Brendan Riel" data-author-permalink-0="author-a-qVKZ2iE64"
    data-author-title-1="Shane Hurlbut, ASC" data-author-permalink-1="author-cWgwnnKLEUQ"
    data-published-at="2024-12-02T17:35:37-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;3355795&#39;, &#39;Search Results&#39;); " href="/programs/night-cinematography-masterclass-virtual-workshop">
    <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="Night Cinematography Masterclass | Virtual Workshop" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3355795/horizontal/27f37af2-635a-451f-ba56-4fb89553beb9.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3355795/horizontal/27f37af2-635a-451f-ba56-4fb89553beb9.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3355795/horizontal/27f37af2-635a-451f-ba56-4fb89553beb9.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3355795/horizontal/27f37af2-635a-451f-ba56-4fb89553beb9.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">04:04:59</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="Night Cinematography Masterclass | Virtual Workshop" aria-label="Night Cinematography Masterclass | Virtual Workshop" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3355795&#39;, &#39;Search Results&#39;); " href="/programs/night-cinematography-masterclass-virtual-workshop">
    <span class="line-clamp-2">
      Night Cinematography Masterclass | Virtual Workshop
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3343363"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="The Official Full Trailer for Shane Hurlbut’s Night Cinematography Masterclass is here! Master pro lighting &amp; storytelling for night scenes!"
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2024-11-25T14:14:14-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;3343363&#39;, &#39;Search Results&#39;); " href="/programs/night-cinematography-masterclass-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="Night Cinematography Masterclass | Official Trailer" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3343363/horizontal/cd4ce1ac-322a-437d-a124-6cd9ce28b5b8.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3343363/horizontal/cd4ce1ac-322a-437d-a124-6cd9ce28b5b8.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3343363/horizontal/cd4ce1ac-322a-437d-a124-6cd9ce28b5b8.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3343363/horizontal/cd4ce1ac-322a-437d-a124-6cd9ce28b5b8.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">02:23</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Night Cinematography Masterclass | Official Trailer" aria-label="Night Cinematography Masterclass | Official Trailer" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3343363&#39;, &#39;Search Results&#39;); " href="/programs/night-cinematography-masterclass-official-trailer">
    <span class="line-clamp-2">
      Night Cinematography Masterclass | Official Trailer
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3334857"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master night cinematography with Shane Hurlbut, ASC! Learn pro techniques for lighting, mood, and storytelling, adaptable to any budget."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2024-11-26T07:10:40-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;3334857&#39;, &#39;Search Results&#39;); " href="/programs/night-cinematography-masterclass">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Night Cinematography Masterclass | Shane Hurlbut, ASC" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3334857/horizontal/506c4e80-7081-4c41-b445-7b590d6863ac.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3334857/horizontal/506c4e80-7081-4c41-b445-7b590d6863ac.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3334857/horizontal/506c4e80-7081-4c41-b445-7b590d6863ac.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3334857/horizontal/506c4e80-7081-4c41-b445-7b590d6863ac.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">04:24:56</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="Night Cinematography Masterclass | Shane Hurlbut, ASC" aria-label="Night Cinematography Masterclass | Shane Hurlbut, ASC" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3334857&#39;, &#39;Search Results&#39;); " href="/programs/night-cinematography-masterclass">
    <span class="line-clamp-2">
      Night Cinematography Masterclass | Shane Hurlbut, ASC
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3327518"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master the art of darkness with Shane Hurlbut, ASC. Join the Night Cinematography Masterclass &amp; learn to create stunning visuals after dark."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2024-11-26T07:13:55-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;3327518&#39;, &#39;Search Results&#39;); " href="/programs/night-cinematography-masterclass-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="Night Cinematography Masterclass | Shane Hurlbut, ASC" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3327518/horizontal/9283ac28-5cb1-47cd-80c4-f7c940d328b4.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3327518/horizontal/9283ac28-5cb1-47cd-80c4-f7c940d328b4.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3327518/horizontal/9283ac28-5cb1-47cd-80c4-f7c940d328b4.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3327518/horizontal/9283ac28-5cb1-47cd-80c4-f7c940d328b4.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="Night Cinematography Masterclass | Shane Hurlbut, ASC" aria-label="Night Cinematography Masterclass | Shane Hurlbut, ASC" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3327518&#39;, &#39;Search Results&#39;); " href="/programs/night-cinematography-masterclass-collection">
    <span class="line-clamp-2">
      Night Cinematography Masterclass | Shane Hurlbut, ASC
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3323941"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Unveil the art of night cinematography! Join Shane Hurlbut, ASC, for pro techniques to transform your nighttime scenes. Coming soon!"
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2024-11-11T22:19:03-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;3323941&#39;, &#39;Search Results&#39;); " href="/programs/night-cinematography-masterclass-announcement-teaser">
    <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="Night Cinematography Masterclass | Announcement Teaser" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3323941/horizontal/52369fd0-28c5-4078-8c6e-afe39d7bce53.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3323941/horizontal/52369fd0-28c5-4078-8c6e-afe39d7bce53.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3323941/horizontal/52369fd0-28c5-4078-8c6e-afe39d7bce53.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3323941/horizontal/52369fd0-28c5-4078-8c6e-afe39d7bce53.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:00</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="Night Cinematography Masterclass | Announcement Teaser" aria-label="Night Cinematography Masterclass | Announcement Teaser" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3323941&#39;, &#39;Search Results&#39;); " href="/programs/night-cinematography-masterclass-announcement-teaser">
    <span class="line-clamp-2">
      Night Cinematography Masterclass | Announcement Teaser
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3181762"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Become an invaluable camera crew member! Learn crew roles, 1st AC skills, camera prep, focus pulling, wireless video troubleshooting &amp; more."
    data-author-title-0="Derek Edwards" data-author-permalink-0="author-AArIvqf9-dY"
    data-author-title-1="Shane Hurlbut, ASC" data-author-permalink-1="author-cWgwnnKLEUQ"
    data-published-at="2024-08-06T18:32:58-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;3181762&#39;, &#39;Search Results&#39;); " href="/programs/camera-crew-playbook-masterclass">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Camera Crew Playbook Masterclass | Shane Hurlbut, ASC" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3181762/horizontal/40b83efe-7a33-410d-99ad-fb5b497d2c32.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3181762/horizontal/40b83efe-7a33-410d-99ad-fb5b497d2c32.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3181762/horizontal/40b83efe-7a33-410d-99ad-fb5b497d2c32.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3181762/horizontal/40b83efe-7a33-410d-99ad-fb5b497d2c32.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:28:43</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="Camera Crew Playbook Masterclass | Shane Hurlbut, ASC" aria-label="Camera Crew Playbook Masterclass | Shane Hurlbut, ASC" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3181762&#39;, &#39;Search Results&#39;); " href="/programs/camera-crew-playbook-masterclass">
    <span class="line-clamp-2">
      Camera Crew Playbook Masterclass | Shane Hurlbut, ASC
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2987602"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Buckle up as we go into overdrive, exploring the world of camera cars in a way that has never been done before. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2024-05-01T10:00:09-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2987602&#39;, &#39;Search Results&#39;); " href="/programs/filmotechnic-camera-car-masterclass-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="Filmotechnic Camera Car Masterclass | Shane Hurlbut, ASC" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2987602/horizontal/2df20e51-37c9-400d-ab50-34131fb1b5a3.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2987602/horizontal/2df20e51-37c9-400d-ab50-34131fb1b5a3.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2987602/horizontal/2df20e51-37c9-400d-ab50-34131fb1b5a3.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2987602/horizontal/2df20e51-37c9-400d-ab50-34131fb1b5a3.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Filmotechnic Camera Car Masterclass | Shane Hurlbut, ASC" aria-label="Filmotechnic Camera Car Masterclass | Shane Hurlbut, ASC" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2987602&#39;, &#39;Search Results&#39;); " href="/programs/filmotechnic-camera-car-masterclass-collection">
    <span class="line-clamp-2">
      Filmotechnic Camera Car Masterclass | Shane Hurlbut, ASC
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2978327"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Launching May 1, 2024, master the art of high-speed action with the all-new Filmotechnic Camera Car Masterclass! "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2024-04-22T08:17:09-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2978327&#39;, &#39;Search Results&#39;); " href="/programs/filmotechnic-teaser-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="Filmotechnic Camera Car Masterclass Teaser Trailer " decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2978327/horizontal/d6602346-bd1d-4fff-9040-8d099ef04b9b.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2978327/horizontal/d6602346-bd1d-4fff-9040-8d099ef04b9b.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2978327/horizontal/d6602346-bd1d-4fff-9040-8d099ef04b9b.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2978327/horizontal/d6602346-bd1d-4fff-9040-8d099ef04b9b.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">00: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="Filmotechnic Camera Car Masterclass Teaser Trailer " aria-label="Filmotechnic Camera Car Masterclass Teaser Trailer " onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2978327&#39;, &#39;Search Results&#39;); " href="/programs/filmotechnic-teaser-trailer">
    <span class="line-clamp-2">
      Filmotechnic Camera Car Masterclass Teaser Trailer 
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2967030"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Buckle up as we go into overdrive, exploring the world of camera cars in a way that has never been done before. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2024-05-01T10:00:09-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2967030&#39;, &#39;Search Results&#39;); " href="/programs/filmotechnic-camera-car-masterclass">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Filmotechnic Camera Car Masterclass" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2967030/horizontal/20007477-3164-42f0-9c42-17105ded3429.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2967030/horizontal/20007477-3164-42f0-9c42-17105ded3429.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2967030/horizontal/20007477-3164-42f0-9c42-17105ded3429.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2967030/horizontal/20007477-3164-42f0-9c42-17105ded3429.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">59:24</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="Filmotechnic Camera Car Masterclass" aria-label="Filmotechnic Camera Car Masterclass" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2967030&#39;, &#39;Search Results&#39;); " href="/programs/filmotechnic-camera-car-masterclass">
    <span class="line-clamp-2">
      Filmotechnic Camera Car Masterclass
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2931236"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this 3-hour masterclass, you will learn how a feature film DP develops their look for the big screen."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2024-03-21T11:57:43-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;2931236&#39;, &#39;Search Results&#39;); " href="/programs/camera-lens-filter-masterclass">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Camera, Lenses &amp; Filters Masterclass | Shane Hurlbut, ASC" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2931236/horizontal/63a07a3f-6915-4b03-9eed-f855cb327ba0.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2931236/horizontal/63a07a3f-6915-4b03-9eed-f855cb327ba0.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2931236/horizontal/63a07a3f-6915-4b03-9eed-f855cb327ba0.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2931236/horizontal/63a07a3f-6915-4b03-9eed-f855cb327ba0.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:13: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="Camera, Lenses &amp; Filters Masterclass | Shane Hurlbut, ASC" aria-label="Camera, Lenses &amp; Filters Masterclass | Shane Hurlbut, ASC" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2931236&#39;, &#39;Search Results&#39;); " href="/programs/camera-lens-filter-masterclass">
    <span class="line-clamp-2">
      Camera, Lenses &amp; Filters Masterclass | Shane Hurlbut, ASC
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2927713"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In the official live demonstration of the Sony BURANO 8K Digital Cinema Camera, Shane Hurlbut, ASC unveils the new compact full-frame camera"
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2024-03-19T14:12:19-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;2927713&#39;, &#39;Search Results&#39;); " href="/programs/sony-burano-demonstration-with-shane-hurlbut-asc">
    <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="Sony Burano Demonstration with Shane Hurlbut, ASC" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2927713/horizontal/0203417c-23fd-4b4c-865a-95a562d5db44.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2927713/horizontal/0203417c-23fd-4b4c-865a-95a562d5db44.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2927713/horizontal/0203417c-23fd-4b4c-865a-95a562d5db44.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2927713/horizontal/0203417c-23fd-4b4c-865a-95a562d5db44.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">02:20:19</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sony Burano Demonstration with Shane Hurlbut, ASC" aria-label="Sony Burano Demonstration with Shane Hurlbut, ASC" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2927713&#39;, &#39;Search Results&#39;); " href="/programs/sony-burano-demonstration-with-shane-hurlbut-asc">
    <span class="line-clamp-2">
      Sony Burano Demonstration with Shane Hurlbut, ASC
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2877439"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In the official live demonstration of the Sony BURANO 8K Digital Cinema Camera, Shane Hurlbut, ASC unveils the new compact full-frame camera"
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2024-02-14T14:09:21-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;2877439&#39;, &#39;Search Results&#39;); " href="/programs/sony-burano-live-demo-full-presentation-a63a4f">
    <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="SONY BURANO LIVE DEMO with Shane Hurlbut, ASC" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2877439/horizontal/73091057-6099-4e5f-abe0-5c64140e780f.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2877439/horizontal/73091057-6099-4e5f-abe0-5c64140e780f.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2877439/horizontal/73091057-6099-4e5f-abe0-5c64140e780f.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2877439/horizontal/73091057-6099-4e5f-abe0-5c64140e780f.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:34:07</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="SONY BURANO LIVE DEMO with Shane Hurlbut, ASC" aria-label="SONY BURANO LIVE DEMO with Shane Hurlbut, ASC" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2877439&#39;, &#39;Search Results&#39;); " href="/programs/sony-burano-live-demo-full-presentation-a63a4f">
    <span class="line-clamp-2">
      SONY BURANO LIVE DEMO with Shane Hurlbut, ASC
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2724690"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="DP Shane Hurlbut, ASC shares his lighting techniques that will change how you look at light and reveals how to control light like a master.
"
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2023-11-21T07:45:42-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;2724690&#39;, &#39;Search Results&#39;); " href="/programs/cinematic-light-quality-masterclass">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Cinematic Light Quality Masterclass | Shane Hurlbut, ASC" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2724690/horizontal/d1265177-eb51-4457-8659-a3d207a13360.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2724690/horizontal/d1265177-eb51-4457-8659-a3d207a13360.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2724690/horizontal/d1265177-eb51-4457-8659-a3d207a13360.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2724690/horizontal/d1265177-eb51-4457-8659-a3d207a13360.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:27:57</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="Cinematic Light Quality Masterclass | Shane Hurlbut, ASC" aria-label="Cinematic Light Quality Masterclass | Shane Hurlbut, ASC" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2724690&#39;, &#39;Search Results&#39;); " href="/programs/cinematic-light-quality-masterclass">
    <span class="line-clamp-2">
      Cinematic Light Quality Masterclass | Shane Hurlbut, ASC
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_2132628"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Cinematographer Justin Jones reveals his most effective and streamlined camera and lighting techniques and methodologies."
    data-author-title-0="Justin Jones" data-author-permalink-0="author-RvNvgB7fk3o"
    data-published-at="2024-03-20T11:17:43-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;2132628&#39;, &#39;Search Results&#39;); " href="/programs/230310-full-jj-masterclass-43cbdb">
    <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="Abstract Lighting &amp; In-Camera Effects Masterclass | Justin Jones" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2132628/horizontal/1a973816-829e-4658-af10-786968eec002.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2132628/horizontal/1a973816-829e-4658-af10-786968eec002.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2132628/horizontal/1a973816-829e-4658-af10-786968eec002.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2132628/horizontal/1a973816-829e-4658-af10-786968eec002.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:40:16</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Abstract Lighting &amp; In-Camera Effects Masterclass | Justin Jones" aria-label="Abstract Lighting &amp; In-Camera Effects Masterclass | Justin Jones" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;2132628&#39;, &#39;Search Results&#39;); " href="/programs/230310-full-jj-masterclass-43cbdb">
    <span class="line-clamp-2">
      Abstract Lighting &amp; In-Camera Effects Masterclass | Justin Jones
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1955175"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Commercial director Jordan Brady reveals not only what to consider when filming spec spots but how to win the agency and client over."
    data-author-title-0="Jordan Brady" data-author-permalink-0="author-JXGRCcZqVJY"
    data-published-at="2022-11-16T06:43:45-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;1955175&#39;, &#39;Search Results&#39;); " href="/programs/221115_masterclass-jordan-brady-edited_720p-272c41">
    <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="Directing Spec Spots Masterclass | Jordan Brady" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1955175/horizontal/ac419771-a543-45d4-8aa6-63961052003d.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1955175/horizontal/ac419771-a543-45d4-8aa6-63961052003d.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1955175/horizontal/ac419771-a543-45d4-8aa6-63961052003d.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1955175/horizontal/ac419771-a543-45d4-8aa6-63961052003d.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:53: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="Directing Spec Spots Masterclass | Jordan Brady" aria-label="Directing Spec Spots Masterclass | Jordan Brady" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1955175&#39;, &#39;Search Results&#39;); " href="/programs/221115_masterclass-jordan-brady-edited_720p-272c41">
    <span class="line-clamp-2">
      Directing Spec Spots Masterclass | Jordan Brady
    </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 mt-4 mb-4 filters-active" 
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value=""
  
  
  
  style="--ds-input-font-size--base: 0.875rem"
  data-themeless-catalog-filters-target="search"
  data-action="keydown->themeless-catalog-filters#search clear->themeless-catalog-filters#resetSearch"
  id="themeless_catalog_filter_search"
>
  <ds-icon slot="before" name="magnifier" class="text-ds-default"></ds-icon>
</ds-input>

    </div>
      <div id="themeless_catalog_filter_button" class="flex-none flex gap-x-2 md:gap-x-4 md:group-[.filters-short-variant]:order-3 col-start-4 justify-end">
  <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#changeFilter" data-themeless-catalog-filters-target="select" non-clearable close-on-select placeholder="Category: All">
        <ds-select-container class="max-h-52">
          <ds-select-option name="" label="All">All</ds-select-option>
            <ds-select-option name="133340" label="Category: Welcome to Filmmakers Academy" >
              Welcome to Filmmakers Academy
            </ds-select-option>
            <ds-select-option name="273539" label="Category: Making A Music Video" >
              Making A Music Video
            </ds-select-option>
            <ds-select-option name="267309" label="Category: Motion Picture Film Education" >
              Motion Picture Film Education
            </ds-select-option>
            <ds-select-option name="197743" label="Category: Member Resources" >
              Member Resources
            </ds-select-option>
            <ds-select-option name="78364" label="Category: Where To Start — Career Paths" >
              Where To Start — Career Paths
            </ds-select-option>
            <ds-select-option name="209712" label="Category: Upcoming Live Events" >
              Upcoming Live Events
            </ds-select-option>
            <ds-select-option name="197125" label="Category: Upcoming Spotlight Group Coaching Call" >
              Upcoming Spotlight Group Coaching Call
            </ds-select-option>
            <ds-select-option name="125160" label="Category: Recent Uploads" >
              Recent Uploads
            </ds-select-option>
            <ds-select-option name="128216" label="Category: Masterclasses" >
              Masterclasses
            </ds-select-option>
            <ds-select-option name="235812" label="Category: Live Seminars" >
              Live Seminars
            </ds-select-option>
            <ds-select-option name="78363" label="Category: All Courses" >
              All Courses
            </ds-select-option>
            <ds-select-option name="97995" label="Category: All Lessons" >
              All Lessons
            </ds-select-option>
            <ds-select-option name="264059" label="Category: Projects &amp; Downloadable Resources" >
              Projects &amp; Downloadable Resources
            </ds-select-option>
            <ds-select-option name="129487" label="Category: Quick Filmmaking Tips" >
              Quick Filmmaking Tips
            </ds-select-option>
            <ds-select-option name="126046" label="Category: Spotlight Coaching Sessions" >
              Spotlight Coaching Sessions
            </ds-select-option>
            <ds-select-option name="192997" label="Category: Live Demos" >
              Live Demos
            </ds-select-option>
            <ds-select-option name="178936" label="Category: Cinematography Essentials" >
              Cinematography Essentials
            </ds-select-option>
            <ds-select-option name="147473" label="Category: Inner Circle Podcast" >
              Inner Circle Podcast
            </ds-select-option>
            <ds-select-option name="125196" label="Category: Finding The Frame Podcast" >
              Finding The Frame Podcast
            </ds-select-option>
            <ds-select-option name="227660" label="Category: Night Cinematography Masterclass" >
              Night Cinematography Masterclass
            </ds-select-option>
            <ds-select-option name="202525" label="Category: Filmotechnic Camera Car Masterclass" >
              Filmotechnic Camera Car Masterclass
            </ds-select-option>
            <ds-select-option name="226829" label="Category: On Set Communication: Walkie Talkies" >
              On Set Communication: Walkie Talkies
            </ds-select-option>
            <ds-select-option name="210487" label="Category: Shadowing a Commercial Director" >
              Shadowing a Commercial Director
            </ds-select-option>
            <ds-select-option name="78359" label="Category: Popular Courses" >
              Popular Courses
            </ds-select-option>
            <ds-select-option name="125161" label="Category: Popular Lessons" >
              Popular Lessons
            </ds-select-option>
            <ds-select-option name="125163" label="Category: Lighting Essentials" >
              Lighting Essentials
            </ds-select-option>
            <ds-select-option name="125165" label="Category: Cinematography" >
              Cinematography
            </ds-select-option>
            <ds-select-option name="97998" label="Category: Theory" >
              Theory
            </ds-select-option>
            <ds-select-option name="79251" label="Category: Camera &amp; Lenses" >
              Camera &amp; Lenses
            </ds-select-option>
            <ds-select-option name="130845" label="Category: Directing" >
              Directing
            </ds-select-option>
            <ds-select-option name="122000" label="Category: Producing" >
              Producing
            </ds-select-option>
            <ds-select-option name="92837" label="Category: Grip &amp; Electric" >
              Grip &amp; Electric
            </ds-select-option>
            <ds-select-option name="91797" label="Category: Post-Production" >
              Post-Production
            </ds-select-option>
            <ds-select-option name="151241" label="Category: Lifestyle" >
              Lifestyle
            </ds-select-option>
            <ds-select-option name="98244" label="Category: Commercial &amp; Music Video" >
              Commercial &amp; Music Video
            </ds-select-option>
            <ds-select-option name="97922" label="Category: Shaping &amp; Controlling Light" >
              Shaping &amp; Controlling Light
            </ds-select-option>
            <ds-select-option name="97931" label="Category: Blocking for the Camera &amp; Your Scene" >
              Blocking for the Camera &amp; Your Scene
            </ds-select-option>
            <ds-select-option name="97932" label="Category: Getting Started in Your Career" >
              Getting Started in Your Career
            </ds-select-option>
            <ds-select-option name="125166" label="Category: All Playlists" >
              All Playlists
            </ds-select-option>
            <ds-select-option name="98243" label="Category: Lighting for Daytime" >
              Lighting for Daytime
            </ds-select-option>
            <ds-select-option name="98050" label="Category: Lighting for Nighttime" >
              Lighting for Nighttime
            </ds-select-option>
            <ds-select-option name="98094" label="Category: Discover Different Lighting Fixtures" >
              Discover Different Lighting Fixtures
            </ds-select-option>
            <ds-select-option name="97934" label="Category: Moving the Camera to Tell a Story" >
              Moving the Camera to Tell a Story
            </ds-select-option>
            <ds-select-option name="98042" label="Category: Camera &amp; Lens Tests" >
              Camera &amp; Lens Tests
            </ds-select-option>
            <ds-select-option name="98043" label="Category: Winning the Job with Your Treatment" >
              Winning the Job with Your Treatment
            </ds-select-option>
            <ds-select-option name="98114" label="Category: The Look Of..." >
              The Look Of...
            </ds-select-option>
            <ds-select-option name="98045" label="Category: Camera LUTs &amp; Picture Profiles" >
              Camera LUTs &amp; Picture Profiles
            </ds-select-option>
            <ds-select-option name="98062" label="Category: Podcasts" >
              Podcasts
            </ds-select-option>
            <ds-select-option name="161962" label="Category: Camera, Lens, Filter Test Archives" >
              Camera, Lens, Filter Test Archives
            </ds-select-option>
            <ds-select-option name="161971" label="Category: LUTs | Picture Profiles | Archives" >
              LUTs | Picture Profiles | Archives
            </ds-select-option>
            <ds-select-option name="198592" label="Category: Editing Podcasts" >
              Editing Podcasts
            </ds-select-option>
            <ds-select-option name="255489" label="Category: DONT DELETE (SEGMENTED FEATURED PLAYLIST)" >
              DONT DELETE (SEGMENTED FEATURED PLAYLIST)
            </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#changeFilter" data-themeless-catalog-filters-target="select" non-clearable placeholder="Author: All">
        <ds-select-container class="max-h-52">
          <ds-select-option name="" label="All">All</ds-select-option>
            <ds-select-option name="110209" label="Author: Brendan Riel" false>
              Brendan Riel
            </ds-select-option>
            <ds-select-option name="121093" label="Author: Brendan Sweeney" false>
              Brendan Sweeney
            </ds-select-option>
            <ds-select-option name="122481" label="Author: Chris Haigh" false>
              Chris Haigh
            </ds-select-option>
            <ds-select-option name="41950" label="Author: Chris Herr" false>
              Chris Herr
            </ds-select-option>
            <ds-select-option name="42161" label="Author: Dave Cole" false>
              Dave Cole
            </ds-select-option>
            <ds-select-option name="35967" label="Author: Derek Edwards" false>
              Derek Edwards
            </ds-select-option>
            <ds-select-option name="35966" label="Author: Derek Johnson" false>
              Derek Johnson
            </ds-select-option>
            <ds-select-option name="46973" label="Author: Filmmakers Academy" false>
              Filmmakers Academy
            </ds-select-option>
            <ds-select-option name="60402" label="Author: Finding the Frame" false>
              Finding the Frame
            </ds-select-option>
            <ds-select-option name="108573" label="Author: Gabrielle Blackwood" false>
              Gabrielle Blackwood
            </ds-select-option>
            <ds-select-option name="64539" label="Author: Hollywood Editing Mentor Podcast" false>
              Hollywood Editing Mentor Podcast
            </ds-select-option>
            <ds-select-option name="56349" label="Author: Jamee Ranta" false>
              Jamee Ranta
            </ds-select-option>
            <ds-select-option name="83640" label="Author: Jason Robbins" false>
              Jason Robbins
            </ds-select-option>
            <ds-select-option name="50424" label="Author: Joaquin Elizondo" false>
              Joaquin Elizondo
            </ds-select-option>
            <ds-select-option name="42105" label="Author: Jordan Brady" false>
              Jordan Brady
            </ds-select-option>
            <ds-select-option name="122329" label="Author: Jordan Orme" false>
              Jordan Orme
            </ds-select-option>
            <ds-select-option name="59072" label="Author: Justin Jones" false>
              Justin Jones
            </ds-select-option>
            <ds-select-option name="114995" label="Author: Lost Objects" false>
              Lost Objects
            </ds-select-option>
            <ds-select-option name="122328" label="Author: Lukas Colombo" false>
              Lukas Colombo
            </ds-select-option>
            <ds-select-option name="42108" label="Author: Lydia Hurlbut" false>
              Lydia Hurlbut
            </ds-select-option>
            <ds-select-option name="63084" label="Author: Quick Filmmaking Tips" false>
              Quick Filmmaking Tips
            </ds-select-option>
            <ds-select-option name="35423" label="Author: Shane Hurlbut, ASC" false>
              Shane Hurlbut, ASC
            </ds-select-option>
            <ds-select-option name="42963" label="Author: Sherri Kauk" false>
              Sherri Kauk
            </ds-select-option>
            <ds-select-option name="115524" label="Author: Thomas Sigurdsson" false>
              Thomas Sigurdsson
            </ds-select-option>
            <ds-select-option name="51219" label="Author: Zeiss Cinematography" false>
              Zeiss Cinematography
            </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#changeFilter" data-themeless-catalog-filters-target="select" non-clearable placeholder="Type: All">
        <ds-select-container class="max-h-52">
          <ds-select-option name="" label="All">All</ds-select-option>
            <ds-select-option name="15582" label="Type: Courses" false>
              Courses
            </ds-select-option>
            <ds-select-option name="15583" label="Type: Lessons" false>
              Lessons
            </ds-select-option>
            <ds-select-option name="27419" label="Type: Playlists" false>
              Playlists
            </ds-select-option>
            <ds-select-option name="27420" label="Type: Podcast" false>
              Podcast
            </ds-select-option>
            <ds-select-option name="27421" label="Type: Career Path" false>
              Career Path
            </ds-select-option>
            <ds-select-option name="28678" label="Type: Coaching Sessions" false>
              Coaching Sessions
            </ds-select-option>
            <ds-select-option name="28679" label="Type: Masterclasses " checked>
              Masterclasses 
            </ds-select-option>
            <ds-select-option name="57297" label="Type: Live Seminar" false>
              Live Seminar
            </ds-select-option>
            <ds-select-option name="58146" label="Type: Office Hours" false>
              Office Hours
            </ds-select-option>
            <ds-select-option name="60677" label="Type: Live Demo" false>
              Live Demo
            </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#changeFilter" data-themeless-catalog-filters-target="select" non-clearable placeholder="Discipline : All">
        <ds-select-container class="max-h-52">
          <ds-select-option name="" label="All">All</ds-select-option>
            <ds-select-option name="26917" label="Discipline : Cinematography" false>
              Cinematography
            </ds-select-option>
            <ds-select-option name="26918" label="Discipline : Producing " false>
              Producing 
            </ds-select-option>
            <ds-select-option name="26919" label="Discipline : Directing " false>
              Directing 
            </ds-select-option>
            <ds-select-option name="26920" label="Discipline : Post Production " false>
              Post Production 
            </ds-select-option>
            <ds-select-option name="26921" label="Discipline : Camera Department" false>
              Camera Department
            </ds-select-option>
            <ds-select-option name="26922" label="Discipline : Grip and Electric" false>
              Grip and Electric
            </ds-select-option>
            <ds-select-option name="38280" label="Discipline : Lifestyle" false>
              Lifestyle
            </ds-select-option>
            <ds-select-option name="56229" label="Discipline : Film Production" false>
              Film Production
            </ds-select-option>
            <ds-select-option name="58995" label="Discipline : Networking" false>
              Networking
            </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#changeFilter" data-themeless-catalog-filters-target="select" non-clearable placeholder="Filter: All">
        <ds-select-container class="max-h-52">
          <ds-select-option name="" label="All">All</ds-select-option>
            <ds-select-option name="15592" label="Filter: Lighting Day Exterior " false>
              Lighting Day Exterior 
            </ds-select-option>
            <ds-select-option name="15595" label="Filter: Lighting Day Interior " false>
              Lighting Day Interior 
            </ds-select-option>
            <ds-select-option name="15597" label="Filter: Lighting Night Exterior " false>
              Lighting Night Exterior 
            </ds-select-option>
            <ds-select-option name="29011" label="Filter: Lighting Night Interior" false>
              Lighting Night Interior
            </ds-select-option>
            <ds-select-option name="29012" label="Filter: Treatments" false>
              Treatments
            </ds-select-option>
            <ds-select-option name="29013" label="Filter: Lens Tests" false>
              Lens Tests
            </ds-select-option>
            <ds-select-option name="29014" label="Filter: Color Grading " false>
              Color Grading 
            </ds-select-option>
            <ds-select-option name="29015" label="Filter: Editing" false>
              Editing
            </ds-select-option>
            <ds-select-option name="29016" label="Filter: Blocking " false>
              Blocking 
            </ds-select-option>
            <ds-select-option name="29017" label="Filter: Theory " false>
              Theory 
            </ds-select-option>
            <ds-select-option name="29018" label="Filter: Composition " false>
              Composition 
            </ds-select-option>
            <ds-select-option name="29019" label="Filter: Business" false>
              Business
            </ds-select-option>
            <ds-select-option name="29020" label="Filter: Location Scouting " false>
              Location Scouting 
            </ds-select-option>
            <ds-select-option name="29021" label="Filter: DIY" false>
              DIY
            </ds-select-option>
            <ds-select-option name="29022" label="Filter: Camera Assistant " false>
              Camera Assistant 
            </ds-select-option>
            <ds-select-option name="29023" label="Filter: Shaping Light" false>
              Shaping Light
            </ds-select-option>
            <ds-select-option name="30383" label="Filter: Directing" false>
              Directing
            </ds-select-option>
            <ds-select-option name="30384" label="Filter: Music Videos" false>
              Music Videos
            </ds-select-option>
            <ds-select-option name="30385" label="Filter: Cinematography Essentials " false>
              Cinematography Essentials 
            </ds-select-option>
            <ds-select-option name="30386" label="Filter: Lighting Units" false>
              Lighting Units
            </ds-select-option>
            <ds-select-option name="30514" label="Filter: Producing" false>
              Producing
            </ds-select-option>
            <ds-select-option name="37614" label="Filter: Lifestyle" false>
              Lifestyle
            </ds-select-option>
            <ds-select-option name="56230" label="Filter: Film Production" false>
              Film Production
            </ds-select-option>
            <ds-select-option name="57298" label="Filter: Commercials" false>
              Commercials
            </ds-select-option>
            <ds-select-option name="58147" label="Filter: Live Events" false>
              Live Events
            </ds-select-option>
            <ds-select-option name="61571" label="Filter: Camera Test" false>
              Camera Test
            </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>

