<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 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="Where to Start - Welcome to Filmmakers Academy " >
              <ds-checkbox>Where to Start - Welcome to Filmmakers Academy </ds-checkbox>
            </ds-select-option>
            <ds-select-option name="78364" label="Career Paths" >
              <ds-checkbox>Career Paths</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="286764" label="Lighting" >
              <ds-checkbox>Lighting</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="197743" label="Where to Start: Member Resources" >
              <ds-checkbox>Where to Start: Member Resources</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="286768" label="Camera Essentials " >
              <ds-checkbox>Camera Essentials </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="78363" label="All Courses" >
              <ds-checkbox>All Courses</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="125163" label="Lighting Essentials" >
              <ds-checkbox>Lighting Essentials</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="97998" label="Theory" >
              <ds-checkbox>Theory</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="79251" label="Camera &amp; Lenses" >
              <ds-checkbox>Camera &amp; Lenses</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="129487" label="Quick Filmmaking Tips" >
              <ds-checkbox>Quick Filmmaking Tips</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="192997" label="Live Demos" >
              <ds-checkbox>Live Demos</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="235812" label="Live Seminars" >
              <ds-checkbox>Live Seminars</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="126046" label="Spotlight Coaching Sessions" >
              <ds-checkbox>Spotlight Coaching Sessions</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="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="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="DON&#39;T DELETE (SEGMENTED FEATURED PLAYLIST)" >
              <ds-checkbox>DON&#39;T DELETE (SEGMENTED FEATURED PLAYLIST)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="286688" label="Archived" >
              <ds-checkbox>Archived</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="286771" label="Best of the best" >
              <ds-checkbox>Best of the best</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" >
              <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 " checked>
              <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>

