<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_4215084"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4215084"
  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="1412"
  class="self-start hotwired"
    data-published-at="2026-06-01T00:48:16-04: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/june-2026-lookbook">
    <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="June 2026 Lookbook " decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4215084/horizontal/96b5b357-7b97-4450-a356-1980e3f460eb.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4215084/horizontal/96b5b357-7b97-4450-a356-1980e3f460eb.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4215084/horizontal/96b5b357-7b97-4450-a356-1980e3f460eb.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4215084/horizontal/96b5b357-7b97-4450-a356-1980e3f460eb.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">00: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="June 2026 Lookbook " aria-label="June 2026 Lookbook " href="/programs/june-2026-lookbook">
    <span class="line-clamp-2">
      June 2026 Lookbook 
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4210160"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4210160"
  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="1412"
  class="self-start hotwired"
    data-short-description="How Artists Can Win in Saturated Markets and Grow Their Art Business."
    data-published-at="2026-05-27T16:15:17-04: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/260527-the-collective-quarterly-call-q2-2026-on-saturated-market-strategies">
    <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="The Quarterly Call on Saturated Market Strategies" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4210160/horizontal/d6669b68-6559-4fe6-b201-8f6035716400.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4210160/horizontal/d6669b68-6559-4fe6-b201-8f6035716400.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4210160/horizontal/d6669b68-6559-4fe6-b201-8f6035716400.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4210160/horizontal/d6669b68-6559-4fe6-b201-8f6035716400.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:32:30</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="The Quarterly Call on Saturated Market Strategies" aria-label="The Quarterly Call on Saturated Market Strategies" href="/programs/260527-the-collective-quarterly-call-q2-2026-on-saturated-market-strategies">
    <span class="line-clamp-2">
      The Quarterly Call on Saturated Market Strategies
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4205294"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4205294"
  data-catalog--card-analytics-content-type-value="video"
  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="1412"
  class="self-start hotwired"
    data-short-description="Grab your guide and learn where to sell your wallpaper designs."
    data-published-at="2026-05-30T01:25:47-04: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/2606-03_where-to-sell-your-wallpaper">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Where To Sell Your Wallpaper" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4205294/horizontal/b6e1dc55-9550-4e3e-b92d-88b8f5d26c63.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4205294/horizontal/b6e1dc55-9550-4e3e-b92d-88b8f5d26c63.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4205294/horizontal/b6e1dc55-9550-4e3e-b92d-88b8f5d26c63.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4205294/horizontal/b6e1dc55-9550-4e3e-b92d-88b8f5d26c63.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">06: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="Where To Sell Your Wallpaper" aria-label="Where To Sell Your Wallpaper" href="/programs/2606-03_where-to-sell-your-wallpaper">
    <span class="line-clamp-2">
      Where To Sell Your Wallpaper
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4204959"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4204959"
  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="1412"
  class="self-start hotwired"
    data-short-description="Illustrate a Clashy Kitsch “Happy New Home” card with me."
    data-published-at="2026-05-22T16:30:39-04: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/2605-may-2026-clashy-kitch-illustration-live-drawing-session">
    <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="Clashy Kitch Illustration Live Drawing Session" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4204959/horizontal/06f98de8-28c0-4ebc-9213-94d407cf273e.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4204959/horizontal/06f98de8-28c0-4ebc-9213-94d407cf273e.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4204959/horizontal/06f98de8-28c0-4ebc-9213-94d407cf273e.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4204959/horizontal/06f98de8-28c0-4ebc-9213-94d407cf273e.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">52: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Clashy Kitch Illustration Live Drawing Session" aria-label="Clashy Kitch Illustration Live Drawing Session" href="/programs/2605-may-2026-clashy-kitch-illustration-live-drawing-session">
    <span class="line-clamp-2">
      Clashy Kitch Illustration Live Drawing Session
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4200827"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4200827"
  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="1412"
  class="self-start hotwired"
    data-short-description="Start Designing and Selling Wallpaper!"
>
  <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/2606-01_what-youll-learn-in-the-designing-and-selling-wallpaper-class">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="What You&#39;ll Learn in the Designing and Selling Wallpaper Class" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4200827/horizontal/fe2f1277-64cc-48b8-832f-9a03d9975ab9.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4200827/horizontal/fe2f1277-64cc-48b8-832f-9a03d9975ab9.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4200827/horizontal/fe2f1277-64cc-48b8-832f-9a03d9975ab9.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4200827/horizontal/fe2f1277-64cc-48b8-832f-9a03d9975ab9.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0 brightness-[65%]" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-coming-soon-badge z-0">
        <span class="badge-item">
          Coming soon
        </span>
      </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="What You&#39;ll Learn in the Designing and Selling Wallpaper Class" aria-label="What You&#39;ll Learn in the Designing and Selling Wallpaper Class" href="/programs/2606-01_what-youll-learn-in-the-designing-and-selling-wallpaper-class">
    <span class="line-clamp-2">
      What You&#39;ll Learn in the Designing and Selling Wallpaper Class
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4194961"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4194961"
  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="1412"
  class="self-start hotwired"
    data-published-at="2026-05-18T01:15:01-04: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/share-your-stuff">
    <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="Share Your Stuff" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4194961/horizontal/95bbdaaf-6f45-4b36-afbb-a4e0095f7749.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4194961/horizontal/95bbdaaf-6f45-4b36-afbb-a4e0095f7749.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4194961/horizontal/95bbdaaf-6f45-4b36-afbb-a4e0095f7749.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4194961/horizontal/95bbdaaf-6f45-4b36-afbb-a4e0095f7749.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">00: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Share Your Stuff" aria-label="Share Your Stuff" href="/programs/share-your-stuff">
    <span class="line-clamp-2">
      Share Your Stuff
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="live_event_4191065"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4191065"
  data-catalog--card-analytics-content-type-value="live_event"
  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="1412"
  class="self-start hotwired"
    data-published-at="2026-06-01T01:38:41-04: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/june-2026-live-drawing-session">
    <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="June 2026 - Live Drawing" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4191065/horizontal/7144a987-c9cf-4e3c-9906-7465898dd2cf.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4191065/horizontal/7144a987-c9cf-4e3c-9906-7465898dd2cf.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4191065/horizontal/7144a987-c9cf-4e3c-9906-7465898dd2cf.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4191065/horizontal/7144a987-c9cf-4e3c-9906-7465898dd2cf.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 items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1782484200"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="June 2026 - Live Drawing" aria-label="June 2026 - Live Drawing" href="/programs/june-2026-live-drawing-session">
    <span class="line-clamp-2">
      June 2026 - Live Drawing
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4182038"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4182038"
  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="1412"
  class="self-start hotwired"
    data-published-at="2026-05-06T16:16:51-04: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/2605-may-2026-live-critique-session">
    <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="May 2026 - Critique" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4182038/horizontal/a386ebc9-8d74-4e2a-bcf0-3e6eef8c725f.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4182038/horizontal/a386ebc9-8d74-4e2a-bcf0-3e6eef8c725f.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4182038/horizontal/a386ebc9-8d74-4e2a-bcf0-3e6eef8c725f.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4182038/horizontal/a386ebc9-8d74-4e2a-bcf0-3e6eef8c725f.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">01:20:43</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="May 2026 - Critique" aria-label="May 2026 - Critique" href="/programs/2605-may-2026-live-critique-session">
    <span class="line-clamp-2">
      May 2026 - Critique
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4175072"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4175072"
  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="1412"
  class="self-start hotwired"
    data-published-at="2026-05-01T00:15:33-04: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/may-2026-lookbook">
    <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="May 2026 Lookbook " decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4175072/horizontal/b16d6530-671a-47a3-a93c-ba1f4f40c571.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4175072/horizontal/b16d6530-671a-47a3-a93c-ba1f4f40c571.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4175072/horizontal/b16d6530-671a-47a3-a93c-ba1f4f40c571.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4175072/horizontal/b16d6530-671a-47a3-a93c-ba1f4f40c571.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">00: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="May 2026 Lookbook " aria-label="May 2026 Lookbook " href="/programs/may-2026-lookbook">
    <span class="line-clamp-2">
      May 2026 Lookbook 
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4171898"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4171898"
  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="1412"
  class="self-start hotwired"
    data-short-description="Go bold with pattern on every surface!"
    data-published-at="2026-06-01T00:15:15-04: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/2606-pattern-drenching_trend-report-bold-florals-maximalist-rooms-pattern-design-ideas">
    <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="Pattern Drenching Trend Report" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4171898/horizontal/988d6125-01b0-4c09-b75f-0e4c90ade28d.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4171898/horizontal/988d6125-01b0-4c09-b75f-0e4c90ade28d.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4171898/horizontal/988d6125-01b0-4c09-b75f-0e4c90ade28d.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4171898/horizontal/988d6125-01b0-4c09-b75f-0e4c90ade28d.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">12:32</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Pattern Drenching Trend Report" aria-label="Pattern Drenching Trend Report" href="/programs/2606-pattern-drenching_trend-report-bold-florals-maximalist-rooms-pattern-design-ideas">
    <span class="line-clamp-2">
      Pattern Drenching Trend Report
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4166483"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4166483"
  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="1412"
  class="self-start hotwired"
    data-short-description="Draw with me in Procreate using a layout prompt."
    data-published-at="2026-04-24T18:13:08-04: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/april-2026-craftsman-quadrant-symmetry-quick-patterns-live-drawing-session">
    <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="Craftsman Quadrant Symmetry Quick Patterns Live Drawing Session" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4166483/horizontal/00ba9cee-37d3-46fa-b355-4033428c765c.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4166483/horizontal/00ba9cee-37d3-46fa-b355-4033428c765c.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4166483/horizontal/00ba9cee-37d3-46fa-b355-4033428c765c.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4166483/horizontal/00ba9cee-37d3-46fa-b355-4033428c765c.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">55:35</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Craftsman Quadrant Symmetry Quick Patterns Live Drawing Session" aria-label="Craftsman Quadrant Symmetry Quick Patterns Live Drawing Session" href="/programs/april-2026-craftsman-quadrant-symmetry-quick-patterns-live-drawing-session">
    <span class="line-clamp-2">
      Craftsman Quadrant Symmetry Quick Patterns Live Drawing Session
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4158134"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4158134"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="12"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Learn how AI is affecting art licensing and use tools for pitching and outreach."
    data-published-at="2026-05-19T00:05:04-04: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/2605-licensing-in-the-ai-age-for-artists-and-surface-designers">
    <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="Licensing in the AI Age" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4158134/horizontal/7d6ca1a1-7b60-4d5c-8ac1-82b3f77fba30.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4158134/horizontal/7d6ca1a1-7b60-4d5c-8ac1-82b3f77fba30.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4158134/horizontal/7d6ca1a1-7b60-4d5c-8ac1-82b3f77fba30.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4158134/horizontal/7d6ca1a1-7b60-4d5c-8ac1-82b3f77fba30.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">11: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Licensing in the AI Age" aria-label="Licensing in the AI Age" href="/programs/2605-licensing-in-the-ai-age-for-artists-and-surface-designers">
    <span class="line-clamp-2">
      Licensing in the AI Age
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4158133"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4158133"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="13"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Learn how art licensing works and how to build a portfolio that attracts buyers."
    data-published-at="2026-05-19T00:00:00-04: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/2605-3-steps-to-turn-your-art-into-passive-income-with-art-licensing">
    <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 Steps to Turn Your Art Into Passive Income with Licensing (featuring Goodtype!)" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4158133/horizontal/a2edbc72-a6d1-4830-b210-899709ce2a96.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4158133/horizontal/a2edbc72-a6d1-4830-b210-899709ce2a96.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4158133/horizontal/a2edbc72-a6d1-4830-b210-899709ce2a96.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4158133/horizontal/a2edbc72-a6d1-4830-b210-899709ce2a96.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">30:58</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="3 Steps to Turn Your Art Into Passive Income with Licensing (featuring Goodtype!)" aria-label="3 Steps to Turn Your Art Into Passive Income with Licensing (featuring Goodtype!)" href="/programs/2605-3-steps-to-turn-your-art-into-passive-income-with-art-licensing">
    <span class="line-clamp-2">
      3 Steps to Turn Your Art Into Passive Income with Licensing (featuring Goodtype!)
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4153749"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4153749"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="14"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Should you sell digital assets or pursue licensing? with Nicky Keech"
    data-published-at="2026-05-29T00:00:02-04: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/2604-nicky-keech-studio-chat-is-selling-digital-assets-worth-it">
    <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="Is Selling Digital Assets Worth It? With Nicky Keech" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4153749/horizontal/cc053f35-3d14-4e11-81ea-f5fdf07c69f8.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4153749/horizontal/cc053f35-3d14-4e11-81ea-f5fdf07c69f8.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4153749/horizontal/cc053f35-3d14-4e11-81ea-f5fdf07c69f8.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4153749/horizontal/cc053f35-3d14-4e11-81ea-f5fdf07c69f8.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">42:44</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="Is Selling Digital Assets Worth It? With Nicky Keech" aria-label="Is Selling Digital Assets Worth It? With Nicky Keech" href="/programs/2604-nicky-keech-studio-chat-is-selling-digital-assets-worth-it">
    <span class="line-clamp-2">
      Is Selling Digital Assets Worth It? With Nicky Keech
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4153108"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4153108"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="15"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Use Minted to reach Target, Disney, and more with Claudia Orengo Guardiola"
    data-published-at="2026-05-14T00:00:01-04: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/2605-claudia-orengo-guardiola-studio-chat">
    <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 Minted is a Backdoor to Companies Like Target with Claudia Orengo Guardiola ¦ Studio Chat" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4153108/horizontal/8601e354-0fc3-4e27-982e-9b1b003dafef.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4153108/horizontal/8601e354-0fc3-4e27-982e-9b1b003dafef.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4153108/horizontal/8601e354-0fc3-4e27-982e-9b1b003dafef.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4153108/horizontal/8601e354-0fc3-4e27-982e-9b1b003dafef.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">57: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="How Minted is a Backdoor to Companies Like Target with Claudia Orengo Guardiola ¦ Studio Chat" aria-label="How Minted is a Backdoor to Companies Like Target with Claudia Orengo Guardiola ¦ Studio Chat" href="/programs/2605-claudia-orengo-guardiola-studio-chat">
    <span class="line-clamp-2">
      How Minted is a Backdoor to Companies Like Target with Claudia Orengo Guardiola ¦ Studio Chat
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4150598"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4150598"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="16"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Learn about HappyWall and if it is worth applying to."
    data-published-at="2026-05-10T00:00:02-04: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/gated-pod-happywall-review-for-surface-pattern-designers">
    <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="Gated POD: HappyWall Review" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4150598/horizontal/0babc952-595c-43b6-9f16-010cba9c2c43.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4150598/horizontal/0babc952-595c-43b6-9f16-010cba9c2c43.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4150598/horizontal/0babc952-595c-43b6-9f16-010cba9c2c43.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4150598/horizontal/0babc952-595c-43b6-9f16-010cba9c2c43.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">13:44</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="Gated POD: HappyWall Review" aria-label="Gated POD: HappyWall Review" href="/programs/gated-pod-happywall-review-for-surface-pattern-designers">
    <span class="line-clamp-2">
      Gated POD: HappyWall Review
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="live_event_4146058"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4146058"
  data-catalog--card-analytics-content-type-value="live_event"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="17"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Join this Live Critique Session to hear Liz’s feedback on Studio Members’ submitted artwork."
    data-published-at="2026-06-01T01:36:49-04: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/june-2026-live-critique-session">
    <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="June 2026 - Live Critique Session" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4146058/horizontal/644440c1-46bf-49e6-9637-0691fbb5034a.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4146058/horizontal/644440c1-46bf-49e6-9637-0691fbb5034a.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4146058/horizontal/644440c1-46bf-49e6-9637-0691fbb5034a.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4146058/horizontal/644440c1-46bf-49e6-9637-0691fbb5034a.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 items-center text-white absolute bottom-2 left-2 z-[1] uppercase badge-scheduled-event">
        <ds-icon slot="before" name='calendar-date' size="14" class="badge-item"></ds-icon>

        <span class="badge-item live-text whitespace-nowrap">Live</span>
        <span class="badge-item live-text whitespace-nowrap">•</span>
        <span class="badge-item live-text">
          <div
            data-controller="helpers--localized-timestamp"
            data-helpers--localized-timestamp-original-timestamp-value="1781101800"
          >
            <div data-helpers--localized-timestamp-target="outputDateTime"></div>
          </div>
        </span>
      </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="June 2026 - Live Critique Session" aria-label="June 2026 - Live Critique Session" href="/programs/june-2026-live-critique-session">
    <span class="line-clamp-2">
      June 2026 - Live Critique Session
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4143859"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4143859"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="18"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Let’s talk about Winning In A Saturated Market."
    data-published-at="2026-04-14T00:00:01-04: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/state-of-the-market-report-q2-2026-winning-in-a-saturated-market">
    <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="State Of The Market Report Q2 2026 " decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4143859/horizontal/9aeb32e4-0173-43e0-8ed7-cd0d76ea1fa5.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4143859/horizontal/9aeb32e4-0173-43e0-8ed7-cd0d76ea1fa5.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4143859/horizontal/9aeb32e4-0173-43e0-8ed7-cd0d76ea1fa5.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4143859/horizontal/9aeb32e4-0173-43e0-8ed7-cd0d76ea1fa5.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">00: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="State Of The Market Report Q2 2026 " aria-label="State Of The Market Report Q2 2026 " href="/programs/state-of-the-market-report-q2-2026-winning-in-a-saturated-market">
    <span class="line-clamp-2">
      State Of The Market Report Q2 2026 
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4141238"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4141238"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="19"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-published-at="2026-04-08T15:41:16-04: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/april-2026-studio-critique">
    <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="April 2026 - Critique" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4141238/horizontal/d136ca07-2bb7-4859-ba50-5e7b86af8994.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4141238/horizontal/d136ca07-2bb7-4859-ba50-5e7b86af8994.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4141238/horizontal/d136ca07-2bb7-4859-ba50-5e7b86af8994.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4141238/horizontal/d136ca07-2bb7-4859-ba50-5e7b86af8994.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">55:37</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="April 2026 - Critique" aria-label="April 2026 - Critique" href="/programs/april-2026-studio-critique">
    <span class="line-clamp-2">
      April 2026 - Critique
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4135567"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4135567"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="20"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Create bold, weird art with clashy kitsch charm."
    data-published-at="2026-05-01T00:01:09-04: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/2605-clashy-kitsch-trend-report">
    <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="Clashy Kitsch Trend Report" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4135567/horizontal/e5e43549-3294-4b3d-918a-fd9157ad6ae7.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4135567/horizontal/e5e43549-3294-4b3d-918a-fd9157ad6ae7.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4135567/horizontal/e5e43549-3294-4b3d-918a-fd9157ad6ae7.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4135567/horizontal/e5e43549-3294-4b3d-918a-fd9157ad6ae7.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">14:05</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Clashy Kitsch Trend Report" aria-label="Clashy Kitsch Trend Report" href="/programs/2605-clashy-kitsch-trend-report">
    <span class="line-clamp-2">
      Clashy Kitsch Trend Report
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4127852"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4127852"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="21"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-published-at="2026-04-01T00:21:15-04: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/april-2026-lookbook">
    <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="April 2026 Lookbook" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4127852/horizontal/5235a1c8-447d-4c25-92b5-6fa8a13215bc.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4127852/horizontal/5235a1c8-447d-4c25-92b5-6fa8a13215bc.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4127852/horizontal/5235a1c8-447d-4c25-92b5-6fa8a13215bc.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4127852/horizontal/5235a1c8-447d-4c25-92b5-6fa8a13215bc.jpg?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">00: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="April 2026 Lookbook" aria-label="April 2026 Lookbook" href="/programs/april-2026-lookbook">
    <span class="line-clamp-2">
      April 2026 Lookbook
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4117948"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4117948"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="22"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Learn how to reuse and improve old calendar illustrations for academic season."
    data-published-at="2026-03-27T17:11:01-04: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/march-2026-live-drawing-session-on-reusing-improving-calendar-illustrations">
    <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="Reusing &amp; Improving Calendar Illustrations Live Drawing Session" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4117948/horizontal/a9da03aa-b7b3-471b-83e5-9d246b069df5.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4117948/horizontal/a9da03aa-b7b3-471b-83e5-9d246b069df5.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4117948/horizontal/a9da03aa-b7b3-471b-83e5-9d246b069df5.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4117948/horizontal/a9da03aa-b7b3-471b-83e5-9d246b069df5.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">48: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="Reusing &amp; Improving Calendar Illustrations Live Drawing Session" aria-label="Reusing &amp; Improving Calendar Illustrations Live Drawing Session" href="/programs/march-2026-live-drawing-session-on-reusing-improving-calendar-illustrations">
    <span class="line-clamp-2">
      Reusing &amp; Improving Calendar Illustrations Live Drawing Session
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4113472"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4113472"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="23"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Learn about the Studio Collective."
    data-published-at="2026-03-24T14:07:07-04: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-collective-welcome">
    <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="Welcome to The Studio Collective!" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4113472/horizontal/53830a86-8b36-490d-98cc-43df4daaef1f.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4113472/horizontal/53830a86-8b36-490d-98cc-43df4daaef1f.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4113472/horizontal/53830a86-8b36-490d-98cc-43df4daaef1f.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4113472/horizontal/53830a86-8b36-490d-98cc-43df4daaef1f.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">05: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="Welcome to The Studio Collective!" aria-label="Welcome to The Studio Collective!" href="/programs/the-collective-welcome">
    <span class="line-clamp-2">
      Welcome to The Studio Collective!
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="collection_4112290"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4112290"
  data-catalog--card-analytics-content-type-value="collection"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="24"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-published-at="2026-03-23T14:55:44-04: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-studio-collective">
    <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="The Studio Collective" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4112290/horizontal/f5f53c8c-bfa7-4ff0-9746-24d27722bf31.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4112290/horizontal/f5f53c8c-bfa7-4ff0-9746-24d27722bf31.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4112290/horizontal/f5f53c8c-bfa7-4ff0-9746-24d27722bf31.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4112290/horizontal/f5f53c8c-bfa7-4ff0-9746-24d27722bf31.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" data-action="click-&gt;catalog--card-analytics#trackClick" title="The Studio Collective" aria-label="The Studio Collective" href="/programs/the-studio-collective">
    <span class="line-clamp-2">
      The Studio Collective
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4112242"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4112242"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="25"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Take the quiz to map your next growth step."
    data-published-at="2026-03-24T13:55:33-04: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-studio-collective-the-growth-accelerator-quiz">
    <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="The Growth Accelerator Quiz" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4112242/horizontal/37b9b2c2-a976-4242-a916-6624717e6570.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4112242/horizontal/37b9b2c2-a976-4242-a916-6624717e6570.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4112242/horizontal/37b9b2c2-a976-4242-a916-6624717e6570.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4112242/horizontal/37b9b2c2-a976-4242-a916-6624717e6570.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">00:45</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="The Growth Accelerator Quiz" aria-label="The Growth Accelerator Quiz" href="/programs/the-studio-collective-the-growth-accelerator-quiz">
    <span class="line-clamp-2">
      The Growth Accelerator Quiz
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4094038"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4094038"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="26"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Why branding, storytelling, and customer connection sell more with Mindy Young."
    data-published-at="2026-04-27T00:00:00-04: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/2604-mindy-bloom-studio-chat-what-actually-sells-more-art-with-mindy-young-aka-indybloom">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="What Actually Sells More Art with Mindy Young aka Indybloom | Studio Chat" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4094038/horizontal/b1a50e73-0cd2-4304-9e8a-33a270da987d.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4094038/horizontal/b1a50e73-0cd2-4304-9e8a-33a270da987d.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4094038/horizontal/b1a50e73-0cd2-4304-9e8a-33a270da987d.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4094038/horizontal/b1a50e73-0cd2-4304-9e8a-33a270da987d.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">49: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="What Actually Sells More Art with Mindy Young aka Indybloom | Studio Chat" aria-label="What Actually Sells More Art with Mindy Young aka Indybloom | Studio Chat" href="/programs/2604-mindy-bloom-studio-chat-what-actually-sells-more-art-with-mindy-young-aka-indybloom">
    <span class="line-clamp-2">
      What Actually Sells More Art with Mindy Young aka Indybloom | Studio Chat
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4093175"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4093175"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="27"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Scale local art sales without drowning in inventory or emails."
    data-published-at="2026-04-22T00:10:00-04: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/07_growing-and-scaling_takeaways-scale-local-art-sales-systems-for-outreach-inventory-and-repeat-buyers">
    <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="Growing and Scaling" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4093175/horizontal/c6a57b83-8c28-4717-9879-2a03329852ac.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4093175/horizontal/c6a57b83-8c28-4717-9879-2a03329852ac.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4093175/horizontal/c6a57b83-8c28-4717-9879-2a03329852ac.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4093175/horizontal/c6a57b83-8c28-4717-9879-2a03329852ac.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:52</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Growing and Scaling" aria-label="Growing and Scaling" href="/programs/07_growing-and-scaling_takeaways-scale-local-art-sales-systems-for-outreach-inventory-and-repeat-buyers">
    <span class="line-clamp-2">
      Growing and Scaling
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4093165"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4093165"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="28"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Teach locally and turn your process into paid events."
    data-published-at="2026-04-22T00:05:00-04: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/06_teach-art-locally-how-artists-can-get-paid-for-classes-and-events">
    <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="Teaching and Events" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4093165/horizontal/1e7ea342-cc1f-4fd0-b3d3-1cb3e5d62760.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4093165/horizontal/1e7ea342-cc1f-4fd0-b3d3-1cb3e5d62760.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4093165/horizontal/1e7ea342-cc1f-4fd0-b3d3-1cb3e5d62760.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4093165/horizontal/1e7ea342-cc1f-4fd0-b3d3-1cb3e5d62760.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Teaching and Events" aria-label="Teaching and Events" href="/programs/06_teach-art-locally-how-artists-can-get-paid-for-classes-and-events">
    <span class="line-clamp-2">
      Teaching and Events
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4093158"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4093158"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="29"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Build Your Mural Portfolio."
    data-published-at="2026-04-22T00:00:02-04: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/05_murals-and-signs-for-artists-how-to-get-local-business-clients">
    <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="Murals and Signs" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4093158/horizontal/8ab3335c-0d0d-4031-92c7-e4c7306e7c87.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4093158/horizontal/8ab3335c-0d0d-4031-92c7-e4c7306e7c87.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4093158/horizontal/8ab3335c-0d0d-4031-92c7-e4c7306e7c87.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4093158/horizontal/8ab3335c-0d0d-4031-92c7-e4c7306e7c87.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">04:49</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="Murals and Signs" aria-label="Murals and Signs" href="/programs/05_murals-and-signs-for-artists-how-to-get-local-business-clients">
    <span class="line-clamp-2">
      Murals and Signs
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4090402"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4090402"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="30"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="What to Take Away From This Craftsman Pattern Design Class."
    data-published-at="2026-04-12T00:50:04-04: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/takeaways-from-the-craftsman-pattern-design-techniques-class">
    <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="Takeaways " decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4090402/horizontal/eb113c8a-e6f2-4d60-94f9-ce1af4ab9139.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4090402/horizontal/eb113c8a-e6f2-4d60-94f9-ce1af4ab9139.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4090402/horizontal/eb113c8a-e6f2-4d60-94f9-ce1af4ab9139.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4090402/horizontal/eb113c8a-e6f2-4d60-94f9-ce1af4ab9139.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">01:25</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="Takeaways " aria-label="Takeaways " href="/programs/takeaways-from-the-craftsman-pattern-design-techniques-class">
    <span class="line-clamp-2">
      Takeaways 
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4090388"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4090388"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="31"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Explore advanced craftsman patterns with me."
    data-published-at="2026-04-12T00:45:04-04: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/10_craftsman-pattern-examples-and-design-inspiration">
    <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="Craftsman Pattern Examples and Design Inspiration" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4090388/horizontal/fbc2a355-d441-4f94-a738-d31b94543fa2.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4090388/horizontal/fbc2a355-d441-4f94-a738-d31b94543fa2.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4090388/horizontal/fbc2a355-d441-4f94-a738-d31b94543fa2.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4090388/horizontal/fbc2a355-d441-4f94-a738-d31b94543fa2.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">03:43</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Craftsman Pattern Examples and Design Inspiration" aria-label="Craftsman Pattern Examples and Design Inspiration" href="/programs/10_craftsman-pattern-examples-and-design-inspiration">
    <span class="line-clamp-2">
      Craftsman Pattern Examples and Design Inspiration
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4090383"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4090383"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="32"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Share Patterns Online With the Pattern Sharer Tool."
    data-published-at="2026-04-12T00:40:01-04: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/09_pattern-sharer-tool">
    <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="Pattern Sharer Tool" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4090383/horizontal/8dd12665-146a-4ce4-a344-a1745e728e63.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4090383/horizontal/8dd12665-146a-4ce4-a344-a1745e728e63.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4090383/horizontal/8dd12665-146a-4ce4-a344-a1745e728e63.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4090383/horizontal/8dd12665-146a-4ce4-a344-a1745e728e63.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">05:48</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="Pattern Sharer Tool" aria-label="Pattern Sharer Tool" href="/programs/09_pattern-sharer-tool">
    <span class="line-clamp-2">
      Pattern Sharer Tool
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4090374"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4090374"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="33"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Learn how to use the Craftsman Layout Maker to generate grid-based pattern layouts."
    data-published-at="2026-04-12T00:35:02-04: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/08_craftsman-layout-maker">
    <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="Craftsman Layout Maker" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4090374/horizontal/4524b38f-4d62-4f6a-a699-bb5473153eca.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4090374/horizontal/4524b38f-4d62-4f6a-a699-bb5473153eca.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4090374/horizontal/4524b38f-4d62-4f6a-a699-bb5473153eca.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4090374/horizontal/4524b38f-4d62-4f6a-a699-bb5473153eca.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">05:49</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="Craftsman Layout Maker" aria-label="Craftsman Layout Maker" href="/programs/08_craftsman-layout-maker">
    <span class="line-clamp-2">
      Craftsman Layout Maker
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4090366"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4090366"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="34"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Learn how to create geometry-based craftsman patterns using grid layouts."
    data-published-at="2026-04-12T00:30:03-04: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/07_create-patterns-with-a-grid-layout">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="Create Patterns With a Grid Layout" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4090366/horizontal/c4b67f33-f7ee-462a-80a7-cdfe02e0ef6d.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4090366/horizontal/c4b67f33-f7ee-462a-80a7-cdfe02e0ef6d.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4090366/horizontal/c4b67f33-f7ee-462a-80a7-cdfe02e0ef6d.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4090366/horizontal/c4b67f33-f7ee-462a-80a7-cdfe02e0ef6d.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">02:05</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

      </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" data-action="click-&gt;catalog--card-analytics#trackClick" title="Create Patterns With a Grid Layout" aria-label="Create Patterns With a Grid Layout" href="/programs/07_create-patterns-with-a-grid-layout">
    <span class="line-clamp-2">
      Create Patterns With a Grid Layout
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4090359"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4090359"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="35"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Recolor your craftsman pattern with my Free Recolorer Tool."
    data-published-at="2026-04-12T00:25:01-04: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/06_coloring_recolor-your-craftsman-pattern-with-me">
    <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="Recoloring your Pattern" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4090359/horizontal/0fcece51-ab45-4617-80d1-a0b989e95c43.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4090359/horizontal/0fcece51-ab45-4617-80d1-a0b989e95c43.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4090359/horizontal/0fcece51-ab45-4617-80d1-a0b989e95c43.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4090359/horizontal/0fcece51-ab45-4617-80d1-a0b989e95c43.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">06: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Recoloring your Pattern" aria-label="Recoloring your Pattern" href="/programs/06_coloring_recolor-your-craftsman-pattern-with-me">
    <span class="line-clamp-2">
      Recoloring your Pattern
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4087788"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4087788"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="36"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Vectorize your craftsman floral with me."
    data-published-at="2026-04-12T00:20:00-04: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/05_vectorize-a-craftsman-floral-pattern-in-affinity-designer">
    <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="Vectorizing" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4087788/horizontal/371d8d3c-8d87-4757-92fd-21ecb21931f9.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4087788/horizontal/371d8d3c-8d87-4757-92fd-21ecb21931f9.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4087788/horizontal/371d8d3c-8d87-4757-92fd-21ecb21931f9.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4087788/horizontal/371d8d3c-8d87-4757-92fd-21ecb21931f9.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">10:45</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="Vectorizing" aria-label="Vectorizing" href="/programs/05_vectorize-a-craftsman-floral-pattern-in-affinity-designer">
    <span class="line-clamp-2">
      Vectorizing
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4087741"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4087741"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="37"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Sketch and ink a craftsman floral pattern in Procreate using S curves."
    data-published-at="2026-04-12T00:15:04-04: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/04_craftsman-floral-sketching-and-inking-in-procreate">
    <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="Craftsman Floral Sketching And Inking" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4087741/horizontal/c75d705e-e5ed-4577-a08c-477d5dca0764.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4087741/horizontal/c75d705e-e5ed-4577-a08c-477d5dca0764.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4087741/horizontal/c75d705e-e5ed-4577-a08c-477d5dca0764.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4087741/horizontal/c75d705e-e5ed-4577-a08c-477d5dca0764.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">10:45</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="Craftsman Floral Sketching And Inking" aria-label="Craftsman Floral Sketching And Inking" href="/programs/04_craftsman-floral-sketching-and-inking-in-procreate">
    <span class="line-clamp-2">
      Craftsman Floral Sketching And Inking
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4087726"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4087726"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="38"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Create a craftsman floral pattern using S curves."
    data-published-at="2026-04-12T00:10:01-04: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/03_craftsman-floral-pattern-with-s-curves">
    <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="Craftsman Floral " decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4087726/horizontal/2e6c1482-6e91-4462-8a5d-2148eaa5e947.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4087726/horizontal/2e6c1482-6e91-4462-8a5d-2148eaa5e947.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4087726/horizontal/2e6c1482-6e91-4462-8a5d-2148eaa5e947.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4087726/horizontal/2e6c1482-6e91-4462-8a5d-2148eaa5e947.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: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Craftsman Floral " aria-label="Craftsman Floral " href="/programs/03_craftsman-floral-pattern-with-s-curves">
    <span class="line-clamp-2">
      Craftsman Floral 
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="video_4087722"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4087722"
  data-catalog--card-analytics-content-type-value="video"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="39"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Understand what makes a pattern craftsman-inspired"
    data-published-at="2026-04-12T00:05:00-04: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/02_what-craftsman-patterns-are-and-how-their-structure-works">
    <div class="image-container relative" data-test="catalog-card">
  <div class="relative image-content">
    <div aria-hidden="true" style="padding-bottom: 56%;"></div>
    <img loading="lazy" alt="What Craftsman Patterns Are and How Their Structure Works" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4087722/horizontal/7c5bd042-b5d8-469a-a81c-43b84d44999d.png?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4087722/horizontal/7c5bd042-b5d8-469a-a81c-43b84d44999d.png?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4087722/horizontal/7c5bd042-b5d8-469a-a81c-43b84d44999d.png?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4087722/horizontal/7c5bd042-b5d8-469a-a81c-43b84d44999d.png?auto=webp&width=1050 3x"
         class="card-image b-image absolute object-cover h-full top-0 left-0" style="opacity: 1;">
  </div>
      <div class="badge flex justify-center items-center text-white content-card-badge z-0">
        <span class="badge-item">06: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" data-action="click-&gt;catalog--card-analytics#trackClick" title="What Craftsman Patterns Are and How Their Structure Works" aria-label="What Craftsman Patterns Are and How Their Structure Works" href="/programs/02_what-craftsman-patterns-are-and-how-their-structure-works">
    <span class="line-clamp-2">
      What Craftsman Patterns Are and How Their Structure Works
    </span>
</a></swiper-slide>

    <swiper-slide
  data-card="collection_4087718"
  data-custom="content-card"
  data-controller="catalog--card-analytics"
  data-catalog--card-analytics-content-id-value="4087718"
  data-catalog--card-analytics-content-type-value="collection"
  data-catalog--card-analytics-category-name-value="Search Results"
    data-catalog--card-analytics-result-position-value="40"
    data-catalog--card-analytics-result-set-size-value="1412"
  class="self-start hotwired"
    data-short-description="Learn craftsman pattern design with me."
    data-published-at="2026-04-12T00:11:03-04: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/2604-craftsman-pattern-design-techniques-class">
    <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="Craftsman Style Pattern Techniques Class" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/4087718/horizontal/230c5feb-ec66-4dfb-90e3-eaa568511146.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/4087718/horizontal/230c5feb-ec66-4dfb-90e3-eaa568511146.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/4087718/horizontal/230c5feb-ec66-4dfb-90e3-eaa568511146.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/4087718/horizontal/230c5feb-ec66-4dfb-90e3-eaa568511146.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" data-action="click-&gt;catalog--card-analytics#trackClick" title="Craftsman Style Pattern Techniques Class" aria-label="Craftsman Style Pattern Techniques Class" href="/programs/2604-craftsman-pattern-design-techniques-class">
    <span class="line-clamp-2">
      Craftsman Style Pattern Techniques Class
    </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="1412" hidden></div>
</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;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-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 md:group-[.filters-short-variant]:hidden">
  <ds-button
    size="small"
    style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
    class=""
    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>
</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="185422" label="New in The Studio" >
              <ds-checkbox>New in The Studio</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="280485" label="The Studio Collective" >
              <ds-checkbox>The Studio Collective</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="201479" label="All About The Studio" >
              <ds-checkbox>All About The Studio</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="195340" label="Art &amp; Design Trend Reports" >
              <ds-checkbox>Art &amp; Design Trend Reports</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185429" label="Surface Design" >
              <ds-checkbox>Surface Design</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="269268" label="All Pattern Classes, In Order" >
              <ds-checkbox>All Pattern Classes, In Order</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="194729" label="Studio Chats" >
              <ds-checkbox>Studio Chats</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="191721" label="Licensing and Marketing" >
              <ds-checkbox>Licensing and Marketing</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="191708" label="Procreate Classes" >
              <ds-checkbox>Procreate Classes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185428" label="Affinity Designer" >
              <ds-checkbox>Affinity Designer</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="194569" label="Live Drawing Sessions" >
              <ds-checkbox>Live Drawing Sessions</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="194726" label="Selling Your Work" >
              <ds-checkbox>Selling Your Work</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="185430" label="Illustration" >
              <ds-checkbox>Illustration</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="191720" label="Live Critiques" >
              <ds-checkbox>Live Critiques</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="191722" label="Hand Lettering" >
              <ds-checkbox>Hand Lettering</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="191723" label="Realistic Effects" >
              <ds-checkbox>Realistic Effects</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="194127" label="Trending Styles" >
              <ds-checkbox>Trending Styles</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="194731" label="Choosing a Direction" >
              <ds-checkbox>Choosing a Direction</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="201480" label="Member Favorites" >
              <ds-checkbox>Member Favorites</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="194900" label="Archived Classes" >
              <ds-checkbox>Archived Classes</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 bg-ds-default hover:bg-ds-overlay text-ds-default px-4 py-2"
          data-action="click->accordion#toggle click->catalog-filters#toggleAllFilters" id="catalog_filter_button">
    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" class="mr-3">
  <path d="M10 0H8V2H0V4H8V6H10V0Z" fill="currentColor"></path>
  <path d="M18 2H12V4H18V2Z" fill="currentColor"></path>
  <path d="M6 8V10H18V8H6Z" fill="currentColor"></path>
  <path d="M14 14H18V16H14V17C14 17.5523 13.5523 18 13 18C12.4477 18 12 17.5523 12 17V13C12 12.4477 12.4477 12 13 12C13.5523 12 14 12.4477 14 13V14Z" fill="currentColor"></path>
  <path d="M0 8H2V6H4V12H2V10H0V8Z" fill="currentColor"></path>
  <path d="M10 14H0V16H10V14Z" fill="currentColor"></path>
</svg>

    Filters
  </button>

</template></turbo-stream>

