<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_3974097"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3974097"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="1"
    data-catalog--card-analytics-result-set-size-value="11"
  class="self-start hotwired"
    data-short-description="George Billinger breaks down Steadicam and B-cam work on War of the Worlds from an operator’s view."
    data-author-title-0="George Billinger, SOC" data-author-permalink-0="GeorgeBillinger"
    data-published-at="2026-01-06T20:57:04-08:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/war-of-the-worlds-breakdown-9d36fd">
    <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="Breakdown  of Steven Spielberg&#39;s movie War Of The Worlds" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3974097/horizontal/677b4636-313c-4040-aa59-824bf110719f.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3974097/horizontal/677b4636-313c-4040-aa59-824bf110719f.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3974097/horizontal/677b4636-313c-4040-aa59-824bf110719f.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3974097/horizontal/677b4636-313c-4040-aa59-824bf110719f.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">34: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Breakdown  of Steven Spielberg&#39;s movie War Of The Worlds" aria-label="Breakdown  of Steven Spielberg&#39;s movie War Of The Worlds" href="/programs/war-of-the-worlds-breakdown-9d36fd">
    <span class="line-clamp-2">
      Breakdown  of Steven Spielberg&#39;s movie War Of The Worlds
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3974020"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3974020"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="2"
    data-catalog--card-analytics-result-set-size-value="11"
  class="self-start hotwired"
    data-short-description="George Billinger breaks down Steadicam and B-cam work on The Terminal from an operator’s perspective."
    data-author-title-0="George Billinger, SOC" data-author-permalink-0="GeorgeBillinger"
    data-published-at="2026-01-06T20:55:55-08:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/the-terminal-breakdown-bb5752">
    <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="Breakdown  of Steven Spielberg&#39;s movie The Terminal" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3974020/horizontal/dbb8cba4-246e-44b3-bc6a-c2f0f8279dc1.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3974020/horizontal/dbb8cba4-246e-44b3-bc6a-c2f0f8279dc1.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3974020/horizontal/dbb8cba4-246e-44b3-bc6a-c2f0f8279dc1.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3974020/horizontal/dbb8cba4-246e-44b3-bc6a-c2f0f8279dc1.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:51</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Breakdown  of Steven Spielberg&#39;s movie The Terminal" aria-label="Breakdown  of Steven Spielberg&#39;s movie The Terminal" href="/programs/the-terminal-breakdown-bb5752">
    <span class="line-clamp-2">
      Breakdown  of Steven Spielberg&#39;s movie The Terminal
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="collection_3902238"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3902238"
  data-catalog--card-analytics-content-type-value="collection"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="3"
    data-catalog--card-analytics-result-set-size-value="11"
  class="self-start hotwired"
    data-short-description="Course with George Billinger on camera operating, Steadicam, storytelling through movement, set etiquette, and building a lasting career"
    data-author-title-0="George Billinger, SOC" data-author-permalink-0="GeorgeBillinger"
    data-published-at="2025-11-26T20:52:10-08:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/george-billinger">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="CAMERA OPERATING &amp; STEADICAM by George Billinger" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3902238/horizontal/c56f1212-d52f-413f-8c73-478d08dba9e2.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3902238/horizontal/c56f1212-d52f-413f-8c73-478d08dba9e2.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3902238/horizontal/c56f1212-d52f-413f-8c73-478d08dba9e2.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3902238/horizontal/c56f1212-d52f-413f-8c73-478d08dba9e2.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
    <div class="badge flex justify-center items-center text-white content-card-badge z-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" class="badge-item collection-icon" height="16" width="16">
  <path fill="currentColor" d="M4.4 2.5a.6.6 0 01.6-.6h6a.6.6 0 110 1.2H5a.6.6 0 01-.6-.6zM2.9 4.5a.6.6 0 01.6-.6h9a.6.6 0 110 1.2h-9a.6.6 0 01-.6-.6z"></path>
  <path fill="currentColor" fill-rule="evenodd" d="M2 6.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5V12a2 2 0 01-2 2H4a2 2 0 01-2-2V6.5zm4.5 1.824a.2.2 0 01.29-.18l3.352 1.677a.2.2 0 010 .358L6.79 11.855a.2.2 0 01-.289-.178V8.324z" clip-rule="evenodd"></path>
</svg>

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="CAMERA OPERATING &amp; STEADICAM by George Billinger" aria-label="CAMERA OPERATING &amp; STEADICAM by George Billinger" href="/programs/george-billinger">
    <span class="line-clamp-2">
      CAMERA OPERATING &amp; STEADICAM by George Billinger
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3901931"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3901931"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="4"
    data-catalog--card-analytics-result-set-size-value="11"
  class="self-start hotwired"
    data-short-description="George Billinger breaks down his camera operating on Spielberg’s Lincoln, focusing on subtle movement, emotion, and precision."
    data-author-title-0="George Billinger, SOC" data-author-permalink-0="GeorgeBillinger"
    data-published-at="2025-11-26T20:49:50-08:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/lincoln-breakdown-by-george-billinger-50646b">
    <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="Steven Spielberg&#39;s Lincoln - Scenes Breakdown By George Billinger" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3901931/horizontal/6061a661-6ea2-4314-b5c9-a2ea5c4ad12f.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3901931/horizontal/6061a661-6ea2-4314-b5c9-a2ea5c4ad12f.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3901931/horizontal/6061a661-6ea2-4314-b5c9-a2ea5c4ad12f.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3901931/horizontal/6061a661-6ea2-4314-b5c9-a2ea5c4ad12f.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">45:47</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Steven Spielberg&#39;s Lincoln - Scenes Breakdown By George Billinger" aria-label="Steven Spielberg&#39;s Lincoln - Scenes Breakdown By George Billinger" href="/programs/lincoln-breakdown-by-george-billinger-50646b">
    <span class="line-clamp-2">
      Steven Spielberg&#39;s Lincoln - Scenes Breakdown By George Billinger
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3901881"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3901881"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="5"
    data-catalog--card-analytics-result-set-size-value="11"
  class="self-start hotwired"
    data-short-description="George Billinger breaks down Greyhound scenes, revealing operator choices behind timing, movement, and immersive tension."
    data-author-title-0="George Billinger, SOC" data-author-permalink-0="GeorgeBillinger"
    data-published-at="2025-11-26T20:48:36-08:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/greyhound-beakdown-by-george-billinger-1298a0">
    <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="Aaron Schneider&#39;s Greyhound - Scenes Breakdown By George Billinger" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3901881/horizontal/b65cef66-0219-46e7-8b41-3aa407a78967.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3901881/horizontal/b65cef66-0219-46e7-8b41-3aa407a78967.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3901881/horizontal/b65cef66-0219-46e7-8b41-3aa407a78967.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3901881/horizontal/b65cef66-0219-46e7-8b41-3aa407a78967.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">23:36</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Aaron Schneider&#39;s Greyhound - Scenes Breakdown By George Billinger" aria-label="Aaron Schneider&#39;s Greyhound - Scenes Breakdown By George Billinger" href="/programs/greyhound-beakdown-by-george-billinger-1298a0">
    <span class="line-clamp-2">
      Aaron Schneider&#39;s Greyhound - Scenes Breakdown By George Billinger
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3901839"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3901839"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="6"
    data-catalog--card-analytics-result-set-size-value="11"
  class="self-start hotwired"
    data-short-description="How camera operators collaborate with the DP and director to translate creative intent into strong, intuitive shots."
    data-author-title-0="George Billinger, SOC" data-author-permalink-0="GeorgeBillinger"
    data-published-at="2025-11-26T20:46:13-08:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/2-collaboration-with-dp-and-director-3c39b4">
    <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="2. Collaboration With DP And Director" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3901839/horizontal/2b176966-4e22-4151-a0f3-3031edd0e4ee.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3901839/horizontal/2b176966-4e22-4151-a0f3-3031edd0e4ee.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3901839/horizontal/2b176966-4e22-4151-a0f3-3031edd0e4ee.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3901839/horizontal/2b176966-4e22-4151-a0f3-3031edd0e4ee.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: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="2. Collaboration With DP And Director" aria-label="2. Collaboration With DP And Director" href="/programs/2-collaboration-with-dp-and-director-3c39b4">
    <span class="line-clamp-2">
      2. Collaboration With DP And Director
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3901821"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3901821"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="7"
    data-catalog--card-analytics-result-set-size-value="11"
  class="self-start hotwired"
    data-short-description="How a secondary camera supports A-camera coverage with complementary angles, reactions, and continuity."
    data-author-title-0="George Billinger, SOC" data-author-permalink-0="GeorgeBillinger"
    data-published-at="2025-11-26T20:45:05-08:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/5-use-of-secondary-camera-ea15dd">
    <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="5. Use Of Secondary Camera" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3901821/horizontal/73f6b68a-7e65-4e04-992d-dd137417852d.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3901821/horizontal/73f6b68a-7e65-4e04-992d-dd137417852d.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3901821/horizontal/73f6b68a-7e65-4e04-992d-dd137417852d.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3901821/horizontal/73f6b68a-7e65-4e04-992d-dd137417852d.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">05:26</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="5. Use Of Secondary Camera" aria-label="5. Use Of Secondary Camera" href="/programs/5-use-of-secondary-camera-ea15dd">
    <span class="line-clamp-2">
      5. Use Of Secondary Camera
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3901819"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3901819"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="8"
    data-catalog--card-analytics-result-set-size-value="11"
  class="self-start hotwired"
    data-short-description="How A-, B- and C-cameras work together to shape coverage, continuity, and storytelling on set."
    data-author-title-0="George Billinger, SOC" data-author-permalink-0="GeorgeBillinger"
    data-published-at="2025-11-26T20:43:54-08:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/3-primary-and-secondary-cameras-8382cf">
    <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="3. Primary And Secondary Cameras" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3901819/horizontal/a082d896-94bb-4382-9d07-6e5d282d2320.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3901819/horizontal/a082d896-94bb-4382-9d07-6e5d282d2320.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3901819/horizontal/a082d896-94bb-4382-9d07-6e5d282d2320.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3901819/horizontal/a082d896-94bb-4382-9d07-6e5d282d2320.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">05:20</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="3. Primary And Secondary Cameras" aria-label="3. Primary And Secondary Cameras" href="/programs/3-primary-and-secondary-cameras-8382cf">
    <span class="line-clamp-2">
      3. Primary And Secondary Cameras
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3901810"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3901810"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="9"
    data-catalog--card-analytics-result-set-size-value="11"
  class="self-start hotwired"
    data-short-description="Why Steadicam still matters - how it moves, feels, and tells stories in ways no other tool can."
    data-author-title-0="George Billinger, SOC" data-author-permalink-0="GeorgeBillinger"
    data-published-at="2025-11-26T20:42:35-08:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/4-steadicam-as-a-tool-c16231">
    <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="4. Steadicam As A Tool" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3901810/horizontal/b11f0c61-53f6-4a40-bb08-f89ad55e3ffc.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3901810/horizontal/b11f0c61-53f6-4a40-bb08-f89ad55e3ffc.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3901810/horizontal/b11f0c61-53f6-4a40-bb08-f89ad55e3ffc.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3901810/horizontal/b11f0c61-53f6-4a40-bb08-f89ad55e3ffc.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">03: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="4. Steadicam As A Tool" aria-label="4. Steadicam As A Tool" href="/programs/4-steadicam-as-a-tool-c16231">
    <span class="line-clamp-2">
      4. Steadicam As A Tool
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3901789"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3901789"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="10"
    data-catalog--card-analytics-result-set-size-value="11"
  class="self-start hotwired"
    data-short-description="How camera operating evolved from film to digital, Steadicam to modern stabilization - and what fundamentals still matter."
    data-author-title-0="George Billinger, SOC" data-author-permalink-0="GeorgeBillinger"
    data-published-at="2025-11-26T20:41:02-08:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/6-evolution-of-camera-operating-60f8ad">
    <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="6. Evolution Of Camera Operating" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3901789/horizontal/06a8a88e-ffff-4713-ac58-39084cd628a8.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3901789/horizontal/06a8a88e-ffff-4713-ac58-39084cd628a8.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3901789/horizontal/06a8a88e-ffff-4713-ac58-39084cd628a8.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3901789/horizontal/06a8a88e-ffff-4713-ac58-39084cd628a8.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: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="6. Evolution Of Camera Operating" aria-label="6. Evolution Of Camera Operating" href="/programs/6-evolution-of-camera-operating-60f8ad">
    <span class="line-clamp-2">
      6. Evolution Of Camera Operating
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_3901759"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="3901759"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="11"
    data-catalog--card-analytics-result-set-size-value="11"
  class="self-start hotwired"
    data-short-description="George Billinger on camera operating, Steadicam, storytelling through movement, set etiquette, and building a lasting career"
    data-author-title-0="George Billinger, SOC" data-author-permalink-0="GeorgeBillinger"
    data-published-at="2025-11-26T20:38:59-08:00"
>
  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" href="/programs/introducitontocamoperating">
    <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="1. Introduction to camera operating " decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3901759/horizontal/11bdc2ad-5ffd-460e-8a8b-5cfca8ba0e5d.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3901759/horizontal/11bdc2ad-5ffd-460e-8a8b-5cfca8ba0e5d.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3901759/horizontal/11bdc2ad-5ffd-460e-8a8b-5cfca8ba0e5d.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3901759/horizontal/11bdc2ad-5ffd-460e-8a8b-5cfca8ba0e5d.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:26</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" data-action="click-&gt;catalog--card-analytics#trackClick" title="1. Introduction to camera operating " aria-label="1. Introduction to camera operating " href="/programs/introducitontocamoperating">
    <span class="line-clamp-2">
      1. Introduction to camera operating 
    </span>
</a></swiper-slide>

  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
    <div data-controller="catalog--event-dispatcher" data-catalog--event-dispatcher-result-set-size-value="11" hidden></div>
</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-short-variant 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="252129" label="CINEMATOGRAPHY COURSES" >
              <ds-checkbox>CINEMATOGRAPHY COURSES</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="252118" label="LIGHTING COURSES" >
              <ds-checkbox>LIGHTING COURSES</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="252133" label="PRODUCING &amp; DIRECTING" >
              <ds-checkbox>PRODUCING &amp; DIRECTING</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="253581" label="BUSINESS SIDE" >
              <ds-checkbox>BUSINESS SIDE</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="252254" label="CineTalk Podcast - Cinematography conversations " >
              <ds-checkbox>CineTalk Podcast - Cinematography conversations </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="118457" label="Carlito MD (Dr. Carlos Peinado)" >
              <ds-checkbox>Carlito MD (Dr. Carlos Peinado)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="120348" label="George Billinger, SOC" checked>
              <ds-checkbox>George Billinger, SOC</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="116785" label="Hugo Will" >
              <ds-checkbox>Hugo Will</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="121983" label="Julian Ross" >
              <ds-checkbox>Julian Ross</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="126052" label="Peter Rosenfeld, SOC" >
              <ds-checkbox>Peter Rosenfeld, SOC</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="118659" label="Rob Scott" >
              <ds-checkbox>Rob Scott</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="118660" label="Sara Lynn Krupnick" >
              <ds-checkbox>Sara Lynn Krupnick</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_12373" id="catalog_filter_12373" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Level of difficulty: All" inner-prefix="Level of difficulty" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="61707" label="Beginner" >
              <ds-checkbox>Beginner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="61708" label="Intermediate" >
              <ds-checkbox>Intermediate</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="61709" label="Advanced" >
              <ds-checkbox>Advanced</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>

