<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_1189329"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Shane shows you how moving the key light around the subject even just a few degrees can dramatically change the feeling of your shot. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T03:09:42-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189329&#39;, &#39;Search Results&#39;); " href="/programs/key-light-illumination-experience">
    <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="Key Light: Where, When and Why: Illumination Experience" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189329/horizontal/Key-light.1649702662.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189329/horizontal/Key-light.1649702662.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189329/horizontal/Key-light.1649702662.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189329/horizontal/Key-light.1649702662.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:22:01</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Key Light: Where, When and Why: Illumination Experience" aria-label="Key Light: Where, When and Why: Illumination Experience" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189329&#39;, &#39;Search Results&#39;); " href="/programs/key-light-illumination-experience">
    <span class="line-clamp-2">
      Key Light: Where, When and Why: Illumination Experience
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1189316"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Shane Hurlbut explains where and when to use backlight, and understanding your story&#39;s tone and message to increase dimension and mood. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T03:08:32-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189316&#39;, &#39;Search Results&#39;); " href="/programs/backlight-illumination-experience">
    <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="Backlight: Where, When and Why: Illumination Experience" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189316/horizontal/IETourModuleFour-EverythingAboutBacklight_16x9_MasterClassLogoV1.1636631018.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189316/horizontal/IETourModuleFour-EverythingAboutBacklight_16x9_MasterClassLogoV1.1636631018.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189316/horizontal/IETourModuleFour-EverythingAboutBacklight_16x9_MasterClassLogoV1.1636631018.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189316/horizontal/IETourModuleFour-EverythingAboutBacklight_16x9_MasterClassLogoV1.1636631018.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:36:01</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Backlight: Where, When and Why: Illumination Experience" aria-label="Backlight: Where, When and Why: Illumination Experience" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189316&#39;, &#39;Search Results&#39;); " href="/programs/backlight-illumination-experience">
    <span class="line-clamp-2">
      Backlight: Where, When and Why: Illumination Experience
    </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="collection_1232889"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="How To Light Green Screens pulls back the curtain to reveal the proper process to rig, expose, and light your talent."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-07-25T17:47:01-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;1232889&#39;, &#39;Search Results&#39;); " href="/programs/how-to-light-green-screens">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How To Light Green Screens" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1232889/horizontal/How-to-light-green-screens.1629235432.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1232889/horizontal/How-to-light-green-screens.1629235432.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1232889/horizontal/How-to-light-green-screens.1629235432.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1232889/horizontal/How-to-light-green-screens.1629235432.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Light Green Screens" aria-label="How To Light Green Screens" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1232889&#39;, &#39;Search Results&#39;); " href="/programs/how-to-light-green-screens">
    <span class="line-clamp-2">
      How To Light Green Screens
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1232901"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Cinematically light a moving car for both urban and rural nights
10 Lessons
2 hours of instructional videos"
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-07-25T17:50:29-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;1232901&#39;, &#39;Search Results&#39;); " href="/programs/how-to-light-a-car-urban-night-moonlight">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How To Light a Car: Urban Night &amp; Moonlight " decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1232901/horizontal/Lighting-a-car---urban-night.1632756790.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1232901/horizontal/Lighting-a-car---urban-night.1632756790.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1232901/horizontal/Lighting-a-car---urban-night.1632756790.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1232901/horizontal/Lighting-a-car---urban-night.1632756790.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Light a Car: Urban Night &amp; Moonlight " aria-label="How To Light a Car: Urban Night &amp; Moonlight " onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1232901&#39;, &#39;Search Results&#39;); " href="/programs/how-to-light-a-car-urban-night-moonlight">
    <span class="line-clamp-2">
      How To Light a Car: Urban Night &amp; Moonlight 
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1189191"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this lesson, Shane Hurlbut, ASC demonstrates how to recreate moonlight and use hard shadows in a night scene. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T02:59:37-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;1189191&#39;, &#39;Search Results&#39;); " href="/programs/recreate-moonlight-hard-shadows">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How to Recreate Moonlight with Hard Shadows" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189191/horizontal/821152725_3840x2160.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189191/horizontal/821152725_3840x2160.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189191/horizontal/821152725_3840x2160.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189191/horizontal/821152725_3840x2160.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">09:42</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How to Recreate Moonlight with Hard Shadows" aria-label="How to Recreate Moonlight with Hard Shadows" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189191&#39;, &#39;Search Results&#39;); " href="/programs/recreate-moonlight-hard-shadows">
    <span class="line-clamp-2">
      How to Recreate Moonlight with Hard Shadows
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1232851"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="The ultimate guide to DIY lighting solutions
13 Lessons
1 hour of instructional videos"
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-07-25T17:33:45-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1232851&#39;, &#39;Search Results&#39;); " href="/programs/diy-lighting-tips-and-tricks">
    <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="DIY Lighting Tips and Tricks" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1232851/horizontal/DIY-tips-and-tricks.1632419765.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1232851/horizontal/DIY-tips-and-tricks.1632419765.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1232851/horizontal/DIY-tips-and-tricks.1632419765.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1232851/horizontal/DIY-tips-and-tricks.1632419765.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="DIY Lighting Tips and Tricks" aria-label="DIY Lighting Tips and Tricks" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1232851&#39;, &#39;Search Results&#39;); " href="/programs/diy-lighting-tips-and-tricks">
    <span class="line-clamp-2">
      DIY Lighting Tips and Tricks
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1580603"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Shane Hurlbut ASC and his Key Grip Dave Knudsen go in depth on what tools, specific gear needed to create cinematic imagery."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2022-09-19T05:39:39-07:00"
>

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

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Shaping Light &amp; Shadow Essentials" aria-label="Shaping Light &amp; Shadow Essentials" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1580603&#39;, &#39;Search Results&#39;); " href="/programs/shaping-light-shadow-essentials">
    <span class="line-clamp-2">
      Shaping Light &amp; Shadow Essentials
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1189317"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="DP Shane Hurlbut, ASC demonstrates how to light in layers by using color contrast to increase depth and dimension."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T03:08:42-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189317&#39;, &#39;Search Results&#39;); " href="/programs/mixed-source-lighting-light-layers">
    <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="Mixed Source Lighting: How To Light In Layers" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189317/horizontal/c7cc3bfb-7ca9-45f3-82dd-6c07d9a6bc2e.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189317/horizontal/c7cc3bfb-7ca9-45f3-82dd-6c07d9a6bc2e.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189317/horizontal/c7cc3bfb-7ca9-45f3-82dd-6c07d9a6bc2e.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189317/horizontal/c7cc3bfb-7ca9-45f3-82dd-6c07d9a6bc2e.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:25:01</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Mixed Source Lighting: How To Light In Layers" aria-label="Mixed Source Lighting: How To Light In Layers" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189317&#39;, &#39;Search Results&#39;); " href="/programs/mixed-source-lighting-light-layers">
    <span class="line-clamp-2">
      Mixed Source Lighting: How To Light In Layers
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1263922"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Peel back the veil to discover professional horror film techniques
6 Lessons
1+ hours of instructional videos"
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-08-16T07:42:25-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1263922&#39;, &#39;Search Results&#39;); " href="/programs/how-to-light-a-horror-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="How To Light a Horror Film" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1263922/horizontal/Lighting-for-horror.1629481676.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1263922/horizontal/Lighting-for-horror.1629481676.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1263922/horizontal/Lighting-for-horror.1629481676.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1263922/horizontal/Lighting-for-horror.1629481676.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="How To Light a Horror Film" aria-label="How To Light a Horror Film" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1263922&#39;, &#39;Search Results&#39;); " href="/programs/how-to-light-a-horror-film">
    <span class="line-clamp-2">
      How To Light a Horror Film
    </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_1189324"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="DP Shane Hurlbut, ASC  takes you through his method for determining where and when to use fill light. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T03:09:23-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189324&#39;, &#39;Search Results&#39;); " href="/programs/fill-light-illumination-experience">
    <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="Fill Light: Where, When and Why: Illumination Experience" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189324/horizontal/IETourModuleFIVE-HowToUseFillLight_MastrClassLogo_16x9_V1.1636631192.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189324/horizontal/IETourModuleFIVE-HowToUseFillLight_MastrClassLogo_16x9_V1.1636631192.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189324/horizontal/IETourModuleFIVE-HowToUseFillLight_MastrClassLogo_16x9_V1.1636631192.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189324/horizontal/IETourModuleFIVE-HowToUseFillLight_MastrClassLogo_16x9_V1.1636631192.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">19:53</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="Fill Light: Where, When and Why: Illumination Experience" aria-label="Fill Light: Where, When and Why: Illumination Experience" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189324&#39;, &#39;Search Results&#39;); " href="/programs/fill-light-illumination-experience">
    <span class="line-clamp-2">
      Fill Light: Where, When and Why: Illumination Experience
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3599735"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Explore firelight on set with Shane Hurlbut, ASC — candles, oil lamps &amp; creative rigs that master cinematic fire effects."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2025-05-05T18:49:21-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3599735&#39;, &#39;Search Results&#39;); " href="/programs/on-set-series-cinematic-light-sources-fire-light-part-one">
    <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="Film Firelight: Candles, Oil Lamps &amp; Fire Effects" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3599735/horizontal/f415745e-4394-43d3-8264-0048d79ae747.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3599735/horizontal/f415745e-4394-43d3-8264-0048d79ae747.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3599735/horizontal/f415745e-4394-43d3-8264-0048d79ae747.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3599735/horizontal/f415745e-4394-43d3-8264-0048d79ae747.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">28:41</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Film Firelight: Candles, Oil Lamps &amp; Fire Effects" aria-label="Film Firelight: Candles, Oil Lamps &amp; Fire Effects" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3599735&#39;, &#39;Search Results&#39;); " href="/programs/on-set-series-cinematic-light-sources-fire-light-part-one">
    <span class="line-clamp-2">
      Film Firelight: Candles, Oil Lamps &amp; Fire Effects
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1189655"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this lesson, Shane Hurlbut, ASC and his gaffer, Eric Forand, guide you through lighting a  green screen with just two lights. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T03:37:26-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189655&#39;, &#39;Search Results&#39;); " href="/programs/how-to-light-a-green-screen-with-2-lights-936378">
    <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="Green Screen Series: Lighting with Just Two Lights" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189655/horizontal/772238790_3840x2160.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189655/horizontal/772238790_3840x2160.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189655/horizontal/772238790_3840x2160.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189655/horizontal/772238790_3840x2160.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">18:10</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Green Screen Series: Lighting with Just Two Lights" aria-label="Green Screen Series: Lighting with Just Two Lights" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189655&#39;, &#39;Search Results&#39;); " href="/programs/how-to-light-a-green-screen-with-2-lights-936378">
    <span class="line-clamp-2">
      Green Screen Series: Lighting with Just Two Lights
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1189557"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In the first part of How To Light Night Interiors, cinematographer Shane Hurlbut, ASC demonstrates how to begin the process..."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T03:27:37-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;1189557&#39;, &#39;Search Results&#39;); " href="/programs/how-to-light-night-interiors-part-1">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How to Light Night Interiors: Part 1" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189557/horizontal/How-to-light-night-interiors-part-1.1649697824.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189557/horizontal/How-to-light-night-interiors-part-1.1649697824.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189557/horizontal/How-to-light-night-interiors-part-1.1649697824.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189557/horizontal/How-to-light-night-interiors-part-1.1649697824.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">18:08</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How to Light Night Interiors: Part 1" aria-label="How to Light Night Interiors: Part 1" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189557&#39;, &#39;Search Results&#39;); " href="/programs/how-to-light-night-interiors-part-1">
    <span class="line-clamp-2">
      How to Light Night Interiors: Part 1
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3606987"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Turn practicals into storytelling tools! Learn how to shape, aim, and motivate movie lights with Shane Hurlbut’s on-set lighting hacks."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2025-05-12T20:46:54-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;3606987&#39;, &#39;Search Results&#39;); " href="/programs/on-set-series-cinematic-light-sources-motivating-practicals-part-two">
    <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="Motivating Practicals with Movie Lights" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3606987/horizontal/6e099877-9718-4339-86a4-d01b72d8dd5d.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3606987/horizontal/6e099877-9718-4339-86a4-d01b72d8dd5d.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3606987/horizontal/6e099877-9718-4339-86a4-d01b72d8dd5d.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3606987/horizontal/6e099877-9718-4339-86a4-d01b72d8dd5d.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">18:55</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Motivating Practicals with Movie Lights" aria-label="Motivating Practicals with Movie Lights" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3606987&#39;, &#39;Search Results&#39;); " href="/programs/on-set-series-cinematic-light-sources-motivating-practicals-part-two">
    <span class="line-clamp-2">
      Motivating Practicals with Movie Lights
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1189644"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Shane Hurlbut, ASC tests Tough White Diffusion to demonstrate how they perform as a diffusion. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T03:36:29-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;1189644&#39;, &#39;Search Results&#39;); " href="/programs/rosco-tough-white-diffusion">
    <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="Rosco Diffusion Series: Tough White Diffusion" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189644/horizontal/632961634_1920x1080.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189644/horizontal/632961634_1920x1080.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189644/horizontal/632961634_1920x1080.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189644/horizontal/632961634_1920x1080.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">14:29</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Rosco Diffusion Series: Tough White Diffusion" aria-label="Rosco Diffusion Series: Tough White Diffusion" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189644&#39;, &#39;Search Results&#39;); " href="/programs/rosco-tough-white-diffusion">
    <span class="line-clamp-2">
      Rosco Diffusion Series: Tough White Diffusion
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1266371"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn the skills you need to light a commercial and make both the product and story pop!

4 Lessons
1+ hours of instructional videos"
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-08-17T14:15:32-07:00"
>

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

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Light High Key Commercials" aria-label="How To Light High Key Commercials" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1266371&#39;, &#39;Search Results&#39;); " href="/programs/how-to-light-high-key-commercials">
    <span class="line-clamp-2">
      How To Light High Key Commercials
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1584383"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Shane Hurlbut ASC shows you the basics of how to handle, organize, and set up your c-stand. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2022-10-10T07:59: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;1584383&#39;, &#39;Search Results&#39;); " href="/programs/c-stand-basics-v2-b5f5d0">
    <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="C-Stand Basics" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1584383/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1584383/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1584383/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1584383/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">08:12</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="C-Stand Basics" aria-label="C-Stand Basics" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1584383&#39;, &#39;Search Results&#39;); " href="/programs/c-stand-basics-v2-b5f5d0">
    <span class="line-clamp-2">
      C-Stand Basics
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1232878"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Harness the power of diffusion in front of your light sources
6 Lessons
1.5+ hours of instructional video"
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-07-25T17:43:49-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;1232878&#39;, &#39;Search Results&#39;); " href="/programs/how-to-soften-light">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How To Soften Light" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1232878/horizontal/How-to-soften-light.1629486647.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1232878/horizontal/How-to-soften-light.1629486647.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1232878/horizontal/How-to-soften-light.1629486647.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1232878/horizontal/How-to-soften-light.1629486647.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="How To Soften Light" aria-label="How To Soften Light" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1232878&#39;, &#39;Search Results&#39;); " href="/programs/how-to-soften-light">
    <span class="line-clamp-2">
      How To Soften Light
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1189881"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this edition of the On Set Series, we’re going to explore blocking and lighting in small locations."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T03:56: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;1189881&#39;, &#39;Search Results&#39;); " href="/programs/on-set-block-light-small-location-part-1">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="On Set: How to Block and Light Small Locations: Part 1" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189881/horizontal/580151235_1920x1080.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189881/horizontal/580151235_1920x1080.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189881/horizontal/580151235_1920x1080.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189881/horizontal/580151235_1920x1080.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">08:15</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="On Set: How to Block and Light Small Locations: Part 1" aria-label="On Set: How to Block and Light Small Locations: Part 1" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189881&#39;, &#39;Search Results&#39;); " href="/programs/on-set-block-light-small-location-part-1">
    <span class="line-clamp-2">
      On Set: How to Block and Light Small Locations: Part 1
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1190598"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this lesson, DP Shane Hurlbut, ASC explains bead board and demonstrates when to use it with the bounce light."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T04:57: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;1190598&#39;, &#39;Search Results&#39;); " href="/programs/bead-board-demonstration">
    <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="Bounce Light: Bead Board" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1190598/horizontal/505878373_1920x1080.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1190598/horizontal/505878373_1920x1080.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1190598/horizontal/505878373_1920x1080.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1190598/horizontal/505878373_1920x1080.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">08:10</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Bounce Light: Bead Board" aria-label="Bounce Light: Bead Board" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1190598&#39;, &#39;Search Results&#39;); " href="/programs/bead-board-demonstration">
    <span class="line-clamp-2">
      Bounce Light: Bead Board
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1353398"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="DP Shane Hurlbut, ASC breaks down light quality and how the shape of a source is super important when you go in for the close-up."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-09-30T12:09:02-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1353398&#39;, &#39;Search Results&#39;); " href="/programs/bounce-light-circle-bounce-vs-square-bounce">
    <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="Bounce Light: Circle Bounce vs Square" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1353398/horizontal/Screen_Shot_2021-10-13_at_1.18.23_PM.1634156370.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1353398/horizontal/Screen_Shot_2021-10-13_at_1.18.23_PM.1634156370.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1353398/horizontal/Screen_Shot_2021-10-13_at_1.18.23_PM.1634156370.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1353398/horizontal/Screen_Shot_2021-10-13_at_1.18.23_PM.1634156370.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">02:38</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Bounce Light: Circle Bounce vs Square" aria-label="Bounce Light: Circle Bounce vs Square" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1353398&#39;, &#39;Search Results&#39;); " href="/programs/bounce-light-circle-bounce-vs-square-bounce">
    <span class="line-clamp-2">
      Bounce Light: Circle Bounce vs Square
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1189745"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Shane Hurlbut, ASC and his gaffer, Eric Forand, guide you through the basic principles of lighting a green screen."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T03:44:40-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189745&#39;, &#39;Search Results&#39;); " href="/programs/how-to-light-green-screen-using-kino-flo-super-green-tubes-6f6c20">
    <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="Green Screen Series: Kino Flo Super Green Tubes" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189745/horizontal/611191872_3840x2160.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189745/horizontal/611191872_3840x2160.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189745/horizontal/611191872_3840x2160.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189745/horizontal/611191872_3840x2160.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">22:10</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Green Screen Series: Kino Flo Super Green Tubes" aria-label="Green Screen Series: Kino Flo Super Green Tubes" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189745&#39;, &#39;Search Results&#39;); " href="/programs/how-to-light-green-screen-using-kino-flo-super-green-tubes-6f6c20">
    <span class="line-clamp-2">
      Green Screen Series: Kino Flo Super Green Tubes
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1189783"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Shane Hurlbut, ASC tests Hanover Frost Brushed Silk and Light Opal to demonstrate how they perform as diffusion. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T03:47:53-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189783&#39;, &#39;Search Results&#39;); " href="/programs/hanover-frost-brushed-silk-light-opal">
    <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="Rosco Diffusion Series: Hanover Frost Brushed Silk and Light Opal" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189783/horizontal/600758362_1920x1081.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189783/horizontal/600758362_1920x1081.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189783/horizontal/600758362_1920x1081.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189783/horizontal/600758362_1920x1081.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">12:54</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="Rosco Diffusion Series: Hanover Frost Brushed Silk and Light Opal" aria-label="Rosco Diffusion Series: Hanover Frost Brushed Silk and Light Opal" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189783&#39;, &#39;Search Results&#39;); " href="/programs/hanover-frost-brushed-silk-light-opal">
    <span class="line-clamp-2">
      Rosco Diffusion Series: Hanover Frost Brushed Silk and Light Opal
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1189437"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this lesson, DP Shane Hurlbut, ASC demonstrates how to balance ambient light, using a scene from the movie Deadfall as a case study."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T03:17:20-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;1189437&#39;, &#39;Search Results&#39;); " href="/programs/how-to-balance-ambient-light-in-a-room">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How To Balance Ambient Light in a Room: Deadfall" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189437/horizontal/736360298_3840x2160.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189437/horizontal/736360298_3840x2160.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189437/horizontal/736360298_3840x2160.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189437/horizontal/736360298_3840x2160.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">15: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="How To Balance Ambient Light in a Room: Deadfall" aria-label="How To Balance Ambient Light in a Room: Deadfall" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189437&#39;, &#39;Search Results&#39;); " href="/programs/how-to-balance-ambient-light-in-a-room">
    <span class="line-clamp-2">
      How To Balance Ambient Light in a Room: Deadfall
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1189747"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn about Rosco Diffusion Grid Cloths and what they do to light."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T03:44:53-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189747&#39;, &#39;Search Results&#39;); " href="/programs/rosco-diffusion-grid-cloths">
    <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="Rosco Diffusion Series: Grid Cloths" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189747/horizontal/Softening_Light.1636625452.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189747/horizontal/Softening_Light.1636625452.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189747/horizontal/Softening_Light.1636625452.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189747/horizontal/Softening_Light.1636625452.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">14: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="Rosco Diffusion Series: Grid Cloths" aria-label="Rosco Diffusion Series: Grid Cloths" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189747&#39;, &#39;Search Results&#39;); " href="/programs/rosco-diffusion-grid-cloths">
    <span class="line-clamp-2">
      Rosco Diffusion Series: Grid Cloths
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1189731"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this edition of the Rosco Diffusion Series, Shane Hurlbut, ASC tests Frost Diffusions to demonstrate how they perform. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T03:43:31-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;1189731&#39;, &#39;Search Results&#39;); " href="/programs/rosco-frost-diffusions">
    <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="Rosco Diffusion Series: Frost Diffusions" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189731/horizontal/611766591_3840x2160.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189731/horizontal/611766591_3840x2160.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189731/horizontal/611766591_3840x2160.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189731/horizontal/611766591_3840x2160.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">17:09</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="Rosco Diffusion Series: Frost Diffusions" aria-label="Rosco Diffusion Series: Frost Diffusions" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189731&#39;, &#39;Search Results&#39;); " href="/programs/rosco-frost-diffusions">
    <span class="line-clamp-2">
      Rosco Diffusion Series: Frost Diffusions
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1190029"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this lesson, Director of Photographer Shane Hurlbut, ASC takes you through the process of building DIY 4x4 frames. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T04:08:18-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1190029&#39;, &#39;Search Results&#39;); " href="/programs/how-to-make-diy-4x4-frames-teaser-1376a9">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How to Make DIY 4x4 Frames: Teaser" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1190029/horizontal/554433635_1920x1080.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1190029/horizontal/554433635_1920x1080.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1190029/horizontal/554433635_1920x1080.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1190029/horizontal/554433635_1920x1080.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">03:29</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How to Make DIY 4x4 Frames: Teaser" aria-label="How to Make DIY 4x4 Frames: Teaser" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1190029&#39;, &#39;Search Results&#39;); " href="/programs/how-to-make-diy-4x4-frames-teaser-1376a9">
    <span class="line-clamp-2">
      How to Make DIY 4x4 Frames: Teaser
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1190224"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this lesson, cinematographer Shane Hurlbut, ASC shows how to light for three cameras. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T04:26:40-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1190224&#39;, &#39;Search Results&#39;); " href="/programs/execution-and-etiquette-how-to-light-for-three-cameras-ef169b">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How to Light for Three Cameras: Part 1" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1190224/horizontal/542554565_1920x1080.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1190224/horizontal/542554565_1920x1080.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1190224/horizontal/542554565_1920x1080.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1190224/horizontal/542554565_1920x1080.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">14:17</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How to Light for Three Cameras: Part 1" aria-label="How to Light for Three Cameras: Part 1" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1190224&#39;, &#39;Search Results&#39;); " href="/programs/execution-and-etiquette-how-to-light-for-three-cameras-ef169b">
    <span class="line-clamp-2">
      How to Light for Three Cameras: Part 1
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1377380"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this lesson, DP Shane Hurlbut, ASC explains foam core and demonstrates when to use it with the bounce light."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-10-15T14:28:44-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;1377380&#39;, &#39;Search Results&#39;); " href="/programs/foam-core-demonstration">
    <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="Bounce Light: White Foamcore" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1377380/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1377380/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1377380/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1377380/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">02:13</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Bounce Light: White Foamcore" aria-label="Bounce Light: White Foamcore" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1377380&#39;, &#39;Search Results&#39;); " href="/programs/foam-core-demonstration">
    <span class="line-clamp-2">
      Bounce Light: White Foamcore
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1353424"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this lesson, DP Shane Hurlbut, ASC reveals DIY lighting solutions for bounce light. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-09-30T12:19:56-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;1353424&#39;, &#39;Search Results&#39;); " href="/programs/bounce-light-diy-bounce-solution-demonstration">
    <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="Bounce Light: DIY Solutions with Bounce Light" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1353424/horizontal/DIY_Bounce_Board.1636624334.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1353424/horizontal/DIY_Bounce_Board.1636624334.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1353424/horizontal/DIY_Bounce_Board.1636624334.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1353424/horizontal/DIY_Bounce_Board.1636624334.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">08: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="Bounce Light: DIY Solutions with Bounce Light" aria-label="Bounce Light: DIY Solutions with Bounce Light" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1353424&#39;, &#39;Search Results&#39;); " href="/programs/bounce-light-diy-bounce-solution-demonstration">
    <span class="line-clamp-2">
      Bounce Light: DIY Solutions with Bounce Light
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_3630567"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Master bare bulb &amp; screen lighting! Learn Shane Hurlbut’s tricks to control flare, sculpt light &amp; boost mood with practical sources."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2025-05-19T20:00:00-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3630567&#39;, &#39;Search Results&#39;); " href="/programs/on-set-series-cinematic-light-sources-shaping-lights-replicating-screen-lights">
    <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="Shaping Light Bulbs &amp; Replicating Screen Lights" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3630567/horizontal/fa8322a2-2f8a-4b02-a958-e442a731c671.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3630567/horizontal/fa8322a2-2f8a-4b02-a958-e442a731c671.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3630567/horizontal/fa8322a2-2f8a-4b02-a958-e442a731c671.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3630567/horizontal/fa8322a2-2f8a-4b02-a958-e442a731c671.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">13:01</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Shaping Light Bulbs &amp; Replicating Screen Lights" aria-label="Shaping Light Bulbs &amp; Replicating Screen Lights" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;3630567&#39;, &#39;Search Results&#39;); " href="/programs/on-set-series-cinematic-light-sources-shaping-lights-replicating-screen-lights">
    <span class="line-clamp-2">
      Shaping Light Bulbs &amp; Replicating Screen Lights
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1353442"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this lesson, DP Shane Hurlbut, ASC explains bleached muslin and demonstrates when to use it as a bounce source."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-09-30T12:25:22-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1353442&#39;, &#39;Search Results&#39;); " href="/programs/bounce-light-bleached-muslin-demonstration">
    <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="Bounce Light: Bleached Muslin" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1353442/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1353442/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1353442/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1353442/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">09:12</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Bounce Light: Bleached Muslin" aria-label="Bounce Light: Bleached Muslin" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1353442&#39;, &#39;Search Results&#39;); " href="/programs/bounce-light-bleached-muslin-demonstration">
    <span class="line-clamp-2">
      Bounce Light: Bleached Muslin
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1189768"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this edition of the Rosco Diffusion Series, Shane Hurlbut, ASC tests Tough Frost Diffusions to demonstrate how they perform. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T03:46:40-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189768&#39;, &#39;Search Results&#39;); " href="/programs/tough-frost-diffusions">
    <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="Rosco Diffusion Series: Tough Frost Diffusions" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1189768/horizontal/606939668_3840x2160.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1189768/horizontal/606939668_3840x2160.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1189768/horizontal/606939668_3840x2160.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1189768/horizontal/606939668_3840x2160.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">15:13</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Rosco Diffusion Series: Tough Frost Diffusions" aria-label="Rosco Diffusion Series: Tough Frost Diffusions" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1189768&#39;, &#39;Search Results&#39;); " href="/programs/tough-frost-diffusions">
    <span class="line-clamp-2">
      Rosco Diffusion Series: Tough Frost Diffusions
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1353502"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this lesson, DP Shane Hurlbut, ASC demonstrates how to match practical light with an unbleached muslin."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-09-30T12:47:48-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1353502&#39;, &#39;Search Results&#39;); " href="/programs/matching-practical-light-with-colored-bounce-sources-unbleached-muslin">
    <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="Matching Practical Light with Colored Bounce Sources: Unbleached Muslin" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1353502/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1353502/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1353502/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1353502/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04: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="Matching Practical Light with Colored Bounce Sources: Unbleached Muslin" aria-label="Matching Practical Light with Colored Bounce Sources: Unbleached Muslin" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1353502&#39;, &#39;Search Results&#39;); " href="/programs/matching-practical-light-with-colored-bounce-sources-unbleached-muslin">
    <span class="line-clamp-2">
      Matching Practical Light with Colored Bounce Sources: Unbleached Muslin
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1190235"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this lesson, DP Shane Hurlbut, ASC demonstrates how to change the direction of the sun for close-up shots. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T04:27:46-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;1190235&#39;, &#39;Search Results&#39;); " href="/programs/lighting-day-exteriors-how-to-change-the-direction-of-the-sun-for-close-ups">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How to Change the Direction of The Sun for Close-Ups" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1190235/horizontal/790692489_1920x1080.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1190235/horizontal/790692489_1920x1080.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1190235/horizontal/790692489_1920x1080.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1190235/horizontal/790692489_1920x1080.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">07:06</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How to Change the Direction of The Sun for Close-Ups" aria-label="How to Change the Direction of The Sun for Close-Ups" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1190235&#39;, &#39;Search Results&#39;); " href="/programs/lighting-day-exteriors-how-to-change-the-direction-of-the-sun-for-close-ups">
    <span class="line-clamp-2">
      How to Change the Direction of The Sun for Close-Ups
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1190913"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this lesson, director of photography Shane Hurlbut, ASC takes you through the process of how to build a book light. "
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-06-30T05:24:27-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1190913&#39;, &#39;Search Results&#39;); " href="/programs/book-light-example-with-hand-and-shadow-112196">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How to Build a Book Light" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1190913/horizontal/369746409_1920x1080.jpeg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1190913/horizontal/369746409_1920x1080.jpeg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1190913/horizontal/369746409_1920x1080.jpeg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1190913/horizontal/369746409_1920x1080.jpeg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">20: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="How to Build a Book Light" aria-label="How to Build a Book Light" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1190913&#39;, &#39;Search Results&#39;); " href="/programs/book-light-example-with-hand-and-shadow-112196">
    <span class="line-clamp-2">
      How to Build a Book Light
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1232904"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn cinematic lighting to professionally craft sunlight 
11 Lessons
3+ hours of instructional videos"
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-07-25T17:50:59-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;1232904&#39;, &#39;Search Results&#39;); " href="/programs/how-to-recreate-the-sun">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="How To Recreate The Sun" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1232904/horizontal/2514fcaf-cec2-472f-84dc-8a8d22a16b62.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1232904/horizontal/2514fcaf-cec2-472f-84dc-8a8d22a16b62.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1232904/horizontal/2514fcaf-cec2-472f-84dc-8a8d22a16b62.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1232904/horizontal/2514fcaf-cec2-472f-84dc-8a8d22a16b62.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="How To Recreate The Sun" aria-label="How To Recreate The Sun" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1232904&#39;, &#39;Search Results&#39;); " href="/programs/how-to-recreate-the-sun">
    <span class="line-clamp-2">
      How To Recreate The Sun
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="video_1353531"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="In this lesson, DP Shane Hurlbut, ASC explains Soft Silver Rosco SS Flex and demonstrates when to use it as a bounce source."
    data-author-title-0="Shane Hurlbut, ASC" data-author-permalink-0="author-cWgwnnKLEUQ"
    data-published-at="2021-09-30T12:58:00-07:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1353531&#39;, &#39;Search Results&#39;); " href="/programs/bounce-light-silver-roscoe-flex-super-soft-7696c6">
    <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="Bounce Light: Soft Silver Rosco SS Flex" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1353531/horizontal/thumbnail.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1353531/horizontal/thumbnail.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1353531/horizontal/thumbnail.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1353531/horizontal/thumbnail.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">07:09</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="Bounce Light: Soft Silver Rosco SS Flex" aria-label="Bounce Light: Soft Silver Rosco SS Flex" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;video&#39;, &#39;1353531&#39;, &#39;Search Results&#39;); " href="/programs/bounce-light-silver-roscoe-flex-super-soft-7696c6">
    <span class="line-clamp-2">
      Bounce Light: Soft Silver Rosco SS Flex
    </span>
</a></swiper-slide>


  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
</template></turbo-stream><turbo-stream action="after" target="catalog_content"><template>
  <turbo-frame loading="lazy" id="catalog_content_page_2" src="/catalog/search?action=search&amp;category_id=125163&amp;controller=storefront%2Fcatalogs&amp;format=turbo_stream&amp;page=2" target="_top"></turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper"
  class="group 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" checked>
              <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 " >
              <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>

