<!DOCTYPE html><html><head><meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="tHzN6S9GRRioEGyQi5bgBtOzRIiKCHjTW4lmQuJroM_Y-v2x8XQ-0RvKD1Wuls65N2ca8qvD5bfIyV3kx1Au9A" /></head><body><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="collection_3625478"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn the Loomis method to simplify head drawing, master facial proportions, and create lifelike portraits with confidence!"
    data-author-title-0="Steve Mitchell" data-author-permalink-0="author-mw4U5xPJeZs"
    data-published-at="2025-05-21T05:26:14-04:00"
>

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

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Proportions Made Simple: The Loomis Method Demystified" aria-label="Proportions Made Simple: The Loomis Method Demystified" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3625478&#39;, &#39;Search Results&#39;); " href="/programs/proportions-made-simple">
    <span class="line-clamp-2">
      Proportions Made Simple: The Loomis Method Demystified
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_3355937"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Mark Brewer for a four-session journey into creating dynamic, eye-catching illustrations."
    data-author-title-0="Mark Brewer" data-author-permalink-0="author-bc11zg1Ptjo"
    data-published-at="2024-12-03T02:55:27-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3355937&#39;, &#39;Search Results&#39;); " href="/programs/collection-designing-illustration-in-ink-and-watercolour-mark-brewer">
    <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="Designing Illustrations in Ink and Watercolour" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/3355937/horizontal/7b103646-780e-4c30-a75b-b5e19bd971ea.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/3355937/horizontal/7b103646-780e-4c30-a75b-b5e19bd971ea.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/3355937/horizontal/7b103646-780e-4c30-a75b-b5e19bd971ea.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/3355937/horizontal/7b103646-780e-4c30-a75b-b5e19bd971ea.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">5</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Designing Illustrations in Ink and Watercolour" aria-label="Designing Illustrations in Ink and Watercolour" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;3355937&#39;, &#39;Search Results&#39;); " href="/programs/collection-designing-illustration-in-ink-and-watercolour-mark-brewer">
    <span class="line-clamp-2">
      Designing Illustrations in Ink and Watercolour
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2752694"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Analyze perspectives from challenging angles, and add more character to the objects with textures and details"
    data-author-title-0="Tina Hotchkiss" data-author-permalink-0="author--_Y5TfZbw2E"
    data-published-at="2023-12-07T20:37:36-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2752694&#39;, &#39;Search Results&#39;); " href="/programs/tina-hotchkiss-drawing-2-objects-and-still-lifes">
    <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="Intermediate Drawing: Objects and Still Lifes" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2752694/horizontal/3b0a5138-0fbd-44cd-a6db-1fb736c26980.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2752694/horizontal/3b0a5138-0fbd-44cd-a6db-1fb736c26980.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2752694/horizontal/3b0a5138-0fbd-44cd-a6db-1fb736c26980.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2752694/horizontal/3b0a5138-0fbd-44cd-a6db-1fb736c26980.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">7</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Intermediate Drawing: Objects and Still Lifes" aria-label="Intermediate Drawing: Objects and Still Lifes" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2752694&#39;, &#39;Search Results&#39;); " href="/programs/tina-hotchkiss-drawing-2-objects-and-still-lifes">
    <span class="line-clamp-2">
      Intermediate Drawing: Objects and Still Lifes
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2335880"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to capture animals&#39; unique characteristics in this structured intermediate drawing course by artist Mike Hendley."
    data-author-title-0="Mike Hendley" data-author-permalink-0="author-n328nmSX0oo"
    data-published-at="2023-06-06T22:48:08-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2335880&#39;, &#39;Search Results&#39;); " href="/programs/mike-hendley-drawing-animals-in-graphite">
    <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="Drawing Animals in Graphite" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2335880/horizontal/12ea5942-c127-4e91-8572-9f608ca90857.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2335880/horizontal/12ea5942-c127-4e91-8572-9f608ca90857.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2335880/horizontal/12ea5942-c127-4e91-8572-9f608ca90857.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2335880/horizontal/12ea5942-c127-4e91-8572-9f608ca90857.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">7</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Drawing Animals in Graphite" aria-label="Drawing Animals in Graphite" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2335880&#39;, &#39;Search Results&#39;); " href="/programs/mike-hendley-drawing-animals-in-graphite">
    <span class="line-clamp-2">
      Drawing Animals in Graphite
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2309569"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to create an inviting landscape full of light and atmosphere using a simple rollerball pen with artist Luis Colan."
    data-author-title-0="Luis Colan" data-author-permalink-0="author-KYu1OFAv49A"
    data-published-at="2023-05-24T21:14:39-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2309569&#39;, &#39;Search Results&#39;); " href="/programs/luis-colan-atmospheric-landscapes-with-rollerball-pens">
    <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="Atmospheric Landscapes with Rollerball Pens" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/2309569/horizontal/bc0404fb-1f1c-406b-a545-6a471e282f0d.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/2309569/horizontal/bc0404fb-1f1c-406b-a545-6a471e282f0d.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/2309569/horizontal/bc0404fb-1f1c-406b-a545-6a471e282f0d.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/2309569/horizontal/bc0404fb-1f1c-406b-a545-6a471e282f0d.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">2</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Atmospheric Landscapes with Rollerball Pens" aria-label="Atmospheric Landscapes with Rollerball Pens" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2309569&#39;, &#39;Search Results&#39;); " href="/programs/luis-colan-atmospheric-landscapes-with-rollerball-pens">
    <span class="line-clamp-2">
      Atmospheric Landscapes with Rollerball Pens
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2139427"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Tina Hotchkiss and learn how to draw from observation, allowing you to master the skills needed to start your artistic journey."
    data-author-title-0="Tina Hotchkiss" data-author-permalink-0="author--_Y5TfZbw2E"
    data-published-at="2023-03-15T05:13:03-04:00"
>

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

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Introduction to Drawing" aria-label="Introduction to Drawing" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2139427&#39;, &#39;Search Results&#39;); " href="/programs/tina-hotchkiss-introduction-to-drawing">
    <span class="line-clamp-2">
      Introduction to Drawing
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_2121984"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Mike Hendley and learn a methodical approach to drawing using just a single pencil and a light touch. "
    data-author-title-0="Mike Hendley" data-author-permalink-0="author-n328nmSX0oo"
    data-published-at="2023-03-06T05:47:15-05:00"
>

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

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Textures and Depth with Graphite Pencil Drawing" aria-label="Textures and Depth with Graphite Pencil Drawing" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;2121984&#39;, &#39;Search Results&#39;); " href="/programs/mike-hendley-textures-and-depth-with-graphite-pencil-drawing">
    <span class="line-clamp-2">
      Textures and Depth with Graphite Pencil Drawing
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1959570"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to use ink washes to create an architectural piece with strong light and shadow. "
    data-author-title-0="Heather Souliere" data-author-permalink-0="author-8zrEtE1Veew"
    data-published-at="2022-11-18T10:47:48-05:00"
>

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

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Architectural Inking: Harsh Lights and Shadows" aria-label="Architectural Inking: Harsh Lights and Shadows" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1959570&#39;, &#39;Search Results&#39;); " href="/programs/heather-souliere-architectural-inking-harsh-lights-and-shadows">
    <span class="line-clamp-2">
      Architectural Inking: Harsh Lights and Shadows
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1883374"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn how to make simple stencils and create compositions filled with interesting, expressive textures contained in elegant shapes."
    data-author-title-0="Nina Khashchina" data-author-permalink-0="author-wjUAZZaBWqc"
    data-published-at="2025-01-27T22:44:18-05:00"
>

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

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Simple Stencils and Masks: Images from Patterns" aria-label="Simple Stencils and Masks: Images from Patterns" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1883374&#39;, &#39;Search Results&#39;); " href="/programs/nina-khashchina-simple-stencils-and-masks-images-from-patterns">
    <span class="line-clamp-2">
      Simple Stencils and Masks: Images from Patterns
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1674996"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Join Tina Hotchkiss (@tinasartforms) and learn how to place details on paper to bring out a scene&#39;s perfect proportions. "
    data-author-title-0="Tina Hotchkiss" data-author-permalink-0="author--_Y5TfZbw2E"
    data-published-at="2023-02-09T04:09:21-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1674996&#39;, &#39;Search Results&#39;); " href="/programs/tina-hotchkiss-perspectives-and-proportions-simplifying-complex-scenes">
    <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="Perspectives and Proportions — Simplifying Complex Scenes" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1674996/horizontal/4ca40df9-bbef-41e0-b07e-0ad6dc8754e6.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1674996/horizontal/4ca40df9-bbef-41e0-b07e-0ad6dc8754e6.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1674996/horizontal/4ca40df9-bbef-41e0-b07e-0ad6dc8754e6.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1674996/horizontal/4ca40df9-bbef-41e0-b07e-0ad6dc8754e6.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">13</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Perspectives and Proportions — Simplifying Complex Scenes" aria-label="Perspectives and Proportions — Simplifying Complex Scenes" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1674996&#39;, &#39;Search Results&#39;); " href="/programs/tina-hotchkiss-perspectives-and-proportions-simplifying-complex-scenes">
    <span class="line-clamp-2">
      Perspectives and Proportions — Simplifying Complex Scenes
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1622828"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Pedro Loureiro" data-author-permalink-0="author-wGDgV9wtx9o"
    data-published-at="2022-03-31T11:11:21-04:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1622828&#39;, &#39;Search Results&#39;); " href="/programs/pedro-loureiro_putting-it-all-together-the-road-to-urban-sketching">
    <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="Putting It All Together - The Road to Urban Sketching" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1622828/horizontal/ffdcebf6-f860-4d13-b524-c572ba45b1de.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1622828/horizontal/ffdcebf6-f860-4d13-b524-c572ba45b1de.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1622828/horizontal/ffdcebf6-f860-4d13-b524-c572ba45b1de.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1622828/horizontal/ffdcebf6-f860-4d13-b524-c572ba45b1de.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">1</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Putting It All Together - The Road to Urban Sketching" aria-label="Putting It All Together - The Road to Urban Sketching" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1622828&#39;, &#39;Search Results&#39;); " href="/programs/pedro-loureiro_putting-it-all-together-the-road-to-urban-sketching">
    <span class="line-clamp-2">
      Putting It All Together - The Road to Urban Sketching
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1512586"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Create a detailed pet portrait using scribbles with artist Dena Marshall"
    data-author-title-0="Dena Marshall" data-author-permalink-0="author-1eV-gkbgxpw"
    data-published-at="2022-01-24T04:34:46-05:00"
>

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

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Scribble Drawing Pet Portrait" aria-label="Scribble Drawing Pet Portrait" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1512586&#39;, &#39;Search Results&#39;); " href="/programs/collection-tdzn8xwgj-y">
    <span class="line-clamp-2">
      Scribble Drawing Pet Portrait
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1472716"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Sarah Postner" data-author-permalink-0="author-OU8IywAyd_Q"
    data-published-at="2021-12-23T03:55:34-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1472716&#39;, &#39;Search Results&#39;); " href="/programs/sarah-postner_drawing-animals-from-memory-and-imagination">
    <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="Drawing Animals from Memory and Imagination" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1472716/horizontal/2fb7178b-773b-4db1-8565-a0db158cf01e.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1472716/horizontal/2fb7178b-773b-4db1-8565-a0db158cf01e.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1472716/horizontal/2fb7178b-773b-4db1-8565-a0db158cf01e.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1472716/horizontal/2fb7178b-773b-4db1-8565-a0db158cf01e.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">1</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Drawing Animals from Memory and Imagination" aria-label="Drawing Animals from Memory and Imagination" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1472716&#39;, &#39;Search Results&#39;); " href="/programs/sarah-postner_drawing-animals-from-memory-and-imagination">
    <span class="line-clamp-2">
      Drawing Animals from Memory and Imagination
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1472698"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Siu-Lan Choi" data-author-permalink-0="author-qtEn5w5WG40"
    data-published-at="2021-12-23T03:53:49-05:00"
>

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

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Capturing Energetic Urban Scenes in Pen and Ink" aria-label="Capturing Energetic Urban Scenes in Pen and Ink" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1472698&#39;, &#39;Search Results&#39;); " href="/programs/siu-lan-choi_capturing-energetic-urban-scenes-in-pen-and-ink">
    <span class="line-clamp-2">
      Capturing Energetic Urban Scenes in Pen and Ink
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1472656"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Heather Souliere" data-author-permalink-0="author-8zrEtE1Veew"
    data-published-at="2021-12-23T03:41:44-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1472656&#39;, &#39;Search Results&#39;); " href="/programs/heather-souliere_sketch-and-ink-easy-techniques-for-complex-urban-scenes">
    <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="Sketch and Ink: Easy Techniques for Complex Urban Scenes" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1472656/horizontal/a40141a1-7452-48c6-9a95-329ad59b6623.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1472656/horizontal/a40141a1-7452-48c6-9a95-329ad59b6623.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1472656/horizontal/a40141a1-7452-48c6-9a95-329ad59b6623.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1472656/horizontal/a40141a1-7452-48c6-9a95-329ad59b6623.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">1</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sketch and Ink: Easy Techniques for Complex Urban Scenes" aria-label="Sketch and Ink: Easy Techniques for Complex Urban Scenes" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1472656&#39;, &#39;Search Results&#39;); " href="/programs/heather-souliere_sketch-and-ink-easy-techniques-for-complex-urban-scenes">
    <span class="line-clamp-2">
      Sketch and Ink: Easy Techniques for Complex Urban Scenes
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1472605"
  data-custom="content-card"
  class="self-start hotwired"
    data-published-at="2021-12-23T03:36:34-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1472605&#39;, &#39;Search Results&#39;); " href="/programs/david-morales_drawing-trees-cross-hatching-a-full-sketchbook-spread">
    <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="Drawing Trees: Cross Hatching a Full Sketchbook Spread" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1472605/horizontal/b384b83c-727e-484d-b883-f079718f5d2c.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1472605/horizontal/b384b83c-727e-484d-b883-f079718f5d2c.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1472605/horizontal/b384b83c-727e-484d-b883-f079718f5d2c.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1472605/horizontal/b384b83c-727e-484d-b883-f079718f5d2c.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">1</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Drawing Trees: Cross Hatching a Full Sketchbook Spread" aria-label="Drawing Trees: Cross Hatching a Full Sketchbook Spread" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1472605&#39;, &#39;Search Results&#39;); " href="/programs/david-morales_drawing-trees-cross-hatching-a-full-sketchbook-spread">
    <span class="line-clamp-2">
      Drawing Trees: Cross Hatching a Full Sketchbook Spread
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1472576"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="Heather Souliere" data-author-permalink-0="author-8zrEtE1Veew"
    data-published-at="2021-12-23T03:31:49-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1472576&#39;, &#39;Search Results&#39;); " href="/programs/heather-souliere_light-and-depth-one-colour-cityscapes-with-ink">
    <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="Light and Depth - One-Colour Cityscapes with Ink" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1472576/horizontal/006d9026-55cf-4a8e-b0f8-0adc3b3a609a.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1472576/horizontal/006d9026-55cf-4a8e-b0f8-0adc3b3a609a.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1472576/horizontal/006d9026-55cf-4a8e-b0f8-0adc3b3a609a.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1472576/horizontal/006d9026-55cf-4a8e-b0f8-0adc3b3a609a.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">8</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Light and Depth - One-Colour Cityscapes with Ink" aria-label="Light and Depth - One-Colour Cityscapes with Ink" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1472576&#39;, &#39;Search Results&#39;); " href="/programs/heather-souliere_light-and-depth-one-colour-cityscapes-with-ink">
    <span class="line-clamp-2">
      Light and Depth - One-Colour Cityscapes with Ink
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1453628"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="Learn various inking tools and techniques to develop your style and approach to inking."
    data-author-title-0="Mark Brewer" data-author-permalink-0="author-bc11zg1Ptjo"
    data-published-at="2021-12-09T04:45:23-05:00"
>

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

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Introduction to Ink" aria-label="Introduction to Ink" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1453628&#39;, &#39;Search Results&#39;); " href="/programs/collection-oxlqg9_jphe">
    <span class="line-clamp-2">
      Introduction to Ink
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1450539"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="David Morales" data-author-permalink-0="author-kEgzJyDx9RY"
    data-published-at="2021-12-07T02:54:51-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1450539&#39;, &#39;Search Results&#39;); " href="/programs/collection-gxucf6w2ha4">
    <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="Sketching Botanical Simple Elements with Fineliners" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1450539/horizontal/955471ad-4d0f-4452-8c82-8cee3b6f3a34.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1450539/horizontal/955471ad-4d0f-4452-8c82-8cee3b6f3a34.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1450539/horizontal/955471ad-4d0f-4452-8c82-8cee3b6f3a34.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1450539/horizontal/955471ad-4d0f-4452-8c82-8cee3b6f3a34.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">5</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Sketching Botanical Simple Elements with Fineliners" aria-label="Sketching Botanical Simple Elements with Fineliners" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1450539&#39;, &#39;Search Results&#39;); " href="/programs/collection-gxucf6w2ha4">
    <span class="line-clamp-2">
      Sketching Botanical Simple Elements with Fineliners
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1439592"
  data-custom="content-card"
  class="self-start hotwired"
    data-author-title-0="David Morales" data-author-permalink-0="author-kEgzJyDx9RY"
    data-published-at="2021-11-29T02:57:30-05:00"
>

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

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

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="A Full Botanical Spread with Graphic Pens" aria-label="A Full Botanical Spread with Graphic Pens" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1439592&#39;, &#39;Search Results&#39;); " href="/programs/collection-od3dlmn_vgg">
    <span class="line-clamp-2">
      A Full Botanical Spread with Graphic Pens
    </span>
</a></swiper-slide>


    <swiper-slide
  data-card="collection_1418888"
  data-custom="content-card"
  class="self-start hotwired"
    data-short-description="This 6-part course recording will take you from a total beginner to feeling comfortable drawing the world around you."
    data-author-title-0="Pedro Loureiro" data-author-permalink-0="author-wGDgV9wtx9o"
    data-published-at="2021-11-14T03:13:55-05:00"
>

  <a class="card-image-container" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1418888&#39;, &#39;Search Results&#39;); " href="/programs/introduction-to-sketching">
    <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="Introduction to Sketching" decoding="async"
         src="https://alpha.uscreencdn.com/images/programs/1418888/horizontal/30b02f87-1c1c-4505-86aa-1be18b0dbbfc.jpg?auto=webp&width=350"
         srcset="https://alpha.uscreencdn.com/images/programs/1418888/horizontal/30b02f87-1c1c-4505-86aa-1be18b0dbbfc.jpg?auto=webp&width=350 350w,
            https://alpha.uscreencdn.com/images/programs/1418888/horizontal/30b02f87-1c1c-4505-86aa-1be18b0dbbfc.jpg?auto=webp&width=700 2x,
            https://alpha.uscreencdn.com/images/programs/1418888/horizontal/30b02f87-1c1c-4505-86aa-1be18b0dbbfc.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">23</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="9" viewBox="0 0 13 9" fill="none" class="badge-item content-watched-icon" data-test="content-watched-icon">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99995 7.15142L12.0757 0.0756836L12.9242 0.924212L4.99995 8.84848L0.575684 4.42421L1.42421 3.57568L4.99995 7.15142Z" fill="currentColor"></path>
</svg>

    </div>

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

</a>  <a class="card-title" data-turbo="true" data-turbo-prefetch="false" data-turbo-action="advance" data-turbo-frame="_top" title="Introduction to Sketching" aria-label="Introduction to Sketching" onclick="window.CatalogAnalytics(&#39;clickContentItem&#39;, &#39;collection&#39;, &#39;1418888&#39;, &#39;Search Results&#39;); " href="/programs/introduction-to-sketching">
    <span class="line-clamp-2">
      Introduction to Sketching
    </span>
</a></swiper-slide>


  
  <turbo-frame id="catalog_watched_videos" src="/catalog/watched_videos?preview=false"></turbo-frame>
</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_controls"><template>
  <div data-themeless-catalog-filters-target="controlsWrapper"
  class="group my-4 mx-2 mb-4 filters-active"
  id="catalog_filter_controls">
  <div class="items-center flex-wrap gap-4 flex md:group-[.filters-short-variant]:flex md:grid md:grid-cols-4">
    <div class="flex-1 md:flex-none md:group-[.filters-short-variant]:w-1/4">
      <ds-input
  name="search"
  placeholder="Search videos"
  value=""
  
  
  
  style="--ds-input-font-size--base: 0.875rem"
  data-themeless-catalog-filters-target="search"
  data-action="keydown->themeless-catalog-filters#search clear->themeless-catalog-filters#resetSearch"
  id="themeless_catalog_filter_search"
>
  <ds-icon slot="before" name="magnifier" class="text-ds-default"></ds-icon>
</ds-input>

    </div>
      <div id="themeless_catalog_filter_button" class="flex-none flex gap-x-2 md:gap-x-4 md:group-[.filters-short-variant]:order-3 col-start-4 justify-end">
  <ds-button
    size="small"
    style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
    class="hidden"
    content-visible-on="md"
    id="filters-toggle-button"
    data-test="filters-toggle"
    aria-label="Filters toggle" 
    data-action="click->themeless-catalog-filters#toggleAllFilters" 
    
    active
  >
    <ds-icon slot="before" name="filter" size="24px"></ds-icon>
    <span class="md:ms-1">
      <span class="hidden md:block md:group-[.filters-active]:hidden">Show filters</span>
      <span class="hidden md:group-[.filters-active]:block">Close filters</span>
    </span>
  </ds-button>
    <ds-button
      size="small"
      style="--padding: 0.375rem 0.5rem; --border-color: var(--ds-border-default);"
      content-visible-on="md"
      data-test="reset-filters"
      aria-label="Reset filters"
      data-action="click->themeless-catalog-filters#resetFilters"
      
    >
      <span class="relative" slot="before">
        <ds-icon name="filter"></ds-icon>
        <ds-icon name="cross-small" class="absolute size-4 -bottom-1 -right-1"></ds-icon>
      </span>
      <span class="hidden lg:block ms-1">Reset filters (1)</span>
    </ds-button>
</div>


      <div data-test="filters-list" class="hidden col-span-4 grid-cols-1 gap-4 w-full group-[.filters-active]:grid md:grid-cols-4 md:group-[.filters-short-variant]:grid md:group-[.filters-short-variant]:flex-1 group-[.filters-short-variant]:flex-initial md:group-[.filters-short-variant]:grid-cols-3 md:group-[.filters-short-variant]:w-auto">
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="category_id" id="category_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Category: All" inner-prefix="Category" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="197422" label="Popular Watercolour" >
              <ds-checkbox>Popular Watercolour</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="206209" label="Painting Life: People and Pets" >
              <ds-checkbox>Painting Life: People and Pets</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="206181" label="Painting Places: Urban Landscapes" >
              <ds-checkbox>Painting Places: Urban Landscapes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="118875" label="All Classes" >
              <ds-checkbox>All Classes</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="author_id" id="author_id" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Author: All" inner-prefix="Author" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="51412" label="Adrianna Johnston" >
              <ds-checkbox>Adrianna Johnston</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46919" label="Alan Ramiro Manning" >
              <ds-checkbox>Alan Ramiro Manning</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50674" label="Alena Seva" >
              <ds-checkbox>Alena Seva</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42665" label="Alina Tulli" >
              <ds-checkbox>Alina Tulli</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44737" label="AlisaWorkshop" >
              <ds-checkbox>AlisaWorkshop</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="108223" label="Alison Watt" >
              <ds-checkbox>Alison Watt</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42666" label="Allan Kirk" >
              <ds-checkbox>Allan Kirk</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44738" label="Allie Royston" >
              <ds-checkbox>Allie Royston</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44991" label="Anastasia Mily" >
              <ds-checkbox>Anastasia Mily</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45935" label="Ana Wilhelm" >
              <ds-checkbox>Ana Wilhelm</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44757" label="Andrea England" >
              <ds-checkbox>Andrea England</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50450" label="Andreea Nae" >
              <ds-checkbox>Andreea Nae</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44683" label="Andrew Pena" >
              <ds-checkbox>Andrew Pena</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44736" label="Andrey Shmatnik" >
              <ds-checkbox>Andrey Shmatnik</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53813" label="Anna Korteweg" >
              <ds-checkbox>Anna Korteweg</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="57208" label="Anna Zadorozhnaya" >
              <ds-checkbox>Anna Zadorozhnaya</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45975" label="Annette Morris" >
              <ds-checkbox>Annette Morris</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44706" label="Becky Cao" >
              <ds-checkbox>Becky Cao</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45976" label="Brian Ramsey" >
              <ds-checkbox>Brian Ramsey</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44972" label="Buffy Kaufman" >
              <ds-checkbox>Buffy Kaufman</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44974" label="Cameron Lawrence" >
              <ds-checkbox>Cameron Lawrence</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55008" label="Cassydraws" >
              <ds-checkbox>Cassydraws</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44681" label="Cathrin Gressieker" >
              <ds-checkbox>Cathrin Gressieker</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44983" label="Caylin Jayde" >
              <ds-checkbox>Caylin Jayde</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44985" label="Cecile Yadro" >
              <ds-checkbox>Cecile Yadro</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46126" label="Cecilia Xiao" >
              <ds-checkbox>Cecilia Xiao</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44729" label="Charlie Flinders" >
              <ds-checkbox>Charlie Flinders</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="54877" label="Charlotte Nicholson" >
              <ds-checkbox>Charlotte Nicholson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44993" label="Chiara Botturi" >
              <ds-checkbox>Chiara Botturi</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44701" label="Chloe Tomomi" >
              <ds-checkbox>Chloe Tomomi</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="48214" label="Chris Karpiak" >
              <ds-checkbox>Chris Karpiak</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="56460" label="Cindy Carrillo" >
              <ds-checkbox>Cindy Carrillo</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44754" label="Claudia Selene" >
              <ds-checkbox>Claudia Selene</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46056" label="Dan Granger" >
              <ds-checkbox>Dan Granger</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44734" label="David Morales" >
              <ds-checkbox>David Morales</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46838" label="Dena Marshall" >
              <ds-checkbox>Dena Marshall</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="114910" label="Dylan Mierzwinski" >
              <ds-checkbox>Dylan Mierzwinski</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46629" label="Ekaterina Boga" >
              <ds-checkbox>Ekaterina Boga</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="109421" label="Elaine Lee" >
              <ds-checkbox>Elaine Lee</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="42670" label="Eleanor Doughty" >
              <ds-checkbox>Eleanor Doughty</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45558" label="Elizabeth Anderson" >
              <ds-checkbox>Elizabeth Anderson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44959" label="Elizaveta Smirnova" >
              <ds-checkbox>Elizaveta Smirnova</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="109278" label="Emily Hughes" >
              <ds-checkbox>Emily Hughes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55415" label="Erika Lamar" >
              <ds-checkbox>Erika Lamar</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45940" label="Ernest Barbaric" >
              <ds-checkbox>Ernest Barbaric</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44948" label="Fiona Di Pinto" >
              <ds-checkbox>Fiona Di Pinto</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44719" label="Francesca Possati" >
              <ds-checkbox>Francesca Possati</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44756" label="Francesco Simone Savi" >
              <ds-checkbox>Francesco Simone Savi</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45641" label="Geethu" >
              <ds-checkbox>Geethu</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="49094" label="Giacomo Sardelli" >
              <ds-checkbox>Giacomo Sardelli</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44994" label="Heather Souliere" >
              <ds-checkbox>Heather Souliere</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44730" label="Ian de Hoog" >
              <ds-checkbox>Ian de Hoog</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45928" label="Ian de Jesus" >
              <ds-checkbox>Ian de Jesus</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44702" label="Ian Fennelly" >
              <ds-checkbox>Ian Fennelly</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44960" label="Irena Spector" >
              <ds-checkbox>Irena Spector</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="48272" label="Iulia Carchelan" >
              <ds-checkbox>Iulia Carchelan</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45481" label="Jade Franson" >
              <ds-checkbox>Jade Franson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="49096" label="Jared Cullum" >
              <ds-checkbox>Jared Cullum</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44682" label="Jean Francois Arnaud" >
              <ds-checkbox>Jean Francois Arnaud</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="109886" label="Jeannine Close" >
              <ds-checkbox>Jeannine Close</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44708" label="Jeff Carter" >
              <ds-checkbox>Jeff Carter</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51857" label="Jennifer Funnell" >
              <ds-checkbox>Jennifer Funnell</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44686" label="Jill McLean" >
              <ds-checkbox>Jill McLean</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="56395" label="Jocelyn Benford" >
              <ds-checkbox>Jocelyn Benford</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44710" label="John Harrison" >
              <ds-checkbox>John Harrison</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44711" label="Jola Sopek" >
              <ds-checkbox>Jola Sopek</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="67894" label="Jonathan Newey" >
              <ds-checkbox>Jonathan Newey</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45535" label="Juan Ian" >
              <ds-checkbox>Juan Ian</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44717" label="Jun-Pierre Shiozawa" >
              <ds-checkbox>Jun-Pierre Shiozawa</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44964" label="Justin Donaldson" >
              <ds-checkbox>Justin Donaldson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="60931" label="Kaily Wilson" >
              <ds-checkbox>Kaily Wilson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45515" label="Kaitlin Hoyt" >
              <ds-checkbox>Kaitlin Hoyt</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="63476" label="Karen Elaine" >
              <ds-checkbox>Karen Elaine</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51856" label="Katarzyna Kmiecik" >
              <ds-checkbox>Katarzyna Kmiecik</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45017" label="Kate Kos" >
              <ds-checkbox>Kate Kos</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46297" label="Kathleen Baraan" >
              <ds-checkbox>Kathleen Baraan</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44724" label="KatieBute Art" >
              <ds-checkbox>KatieBute Art</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55219" label="Keren Tamir" >
              <ds-checkbox>Keren Tamir</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55519" label="Kitty Maer" >
              <ds-checkbox>Kitty Maer</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44726" label="Kristine Rapohina" >
              <ds-checkbox>Kristine Rapohina</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50333" label="Kyle Legaspi" >
              <ds-checkbox>Kyle Legaspi</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44716" label="Laura Krieger" >
              <ds-checkbox>Laura Krieger</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="116080" label="Le Bao Chau" >
              <ds-checkbox>Le Bao Chau</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44967" label="Lene Myhre" >
              <ds-checkbox>Lene Myhre</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45542" label="Leslie Parsons" >
              <ds-checkbox>Leslie Parsons</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46433" label="Lia Schafer" >
              <ds-checkbox>Lia Schafer</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50063" label="Liz McGrath Everydaylizmc" >
              <ds-checkbox>Liz McGrath Everydaylizmc</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46129" label="Lore illustration" >
              <ds-checkbox>Lore illustration</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="69538" label="Luis Colan" >
              <ds-checkbox>Luis Colan</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44714" label="Magdalena Żołnierowicz" >
              <ds-checkbox>Magdalena Żołnierowicz</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="110881" label="Malcolm Dewey" >
              <ds-checkbox>Malcolm Dewey</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44718" label="Manek D&#39;Silva" >
              <ds-checkbox>Manek D&#39;Silva</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45537" label="Manelle Oliphant" >
              <ds-checkbox>Manelle Oliphant</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45540" label="Marco Bucci" >
              <ds-checkbox>Marco Bucci</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44688" label="Marek Badzynski" >
              <ds-checkbox>Marek Badzynski</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44689" label="Mark Brewer" >
              <ds-checkbox>Mark Brewer</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="56492" label="Mark Rosenbohm" >
              <ds-checkbox>Mark Rosenbohm</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45543" label="Mayad Allos" >
              <ds-checkbox>Mayad Allos</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51582" label="Melissa Lakey" >
              <ds-checkbox>Melissa Lakey</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="115667" label="Michelle Beaudrot" >
              <ds-checkbox>Michelle Beaudrot</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="61804" label="Mike Hendley" >
              <ds-checkbox>Mike Hendley</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45640" label="Mirka Hokkanen" >
              <ds-checkbox>Mirka Hokkanen</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="99817" label="Nancy Reyner" >
              <ds-checkbox>Nancy Reyner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46388" label="Natalia Savostina" >
              <ds-checkbox>Natalia Savostina</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46864" label="Natalie Lundeen" >
              <ds-checkbox>Natalie Lundeen</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44691" label="Natalie Neumann" >
              <ds-checkbox>Natalie Neumann</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="55486" label="Nathalia Velasquez" >
              <ds-checkbox>Nathalia Velasquez</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46071" label="Natura Illustrata" >
              <ds-checkbox>Natura Illustrata</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="57102" label="Nina Khashchina" >
              <ds-checkbox>Nina Khashchina</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46992" label="Nina (Ninaquarelle)" >
              <ds-checkbox>Nina (Ninaquarelle)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45964" label="Nina (Nyusikart)" >
              <ds-checkbox>Nina (Nyusikart)</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44749" label="Pedro Loureiro" >
              <ds-checkbox>Pedro Loureiro</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="71439" label="Penelope Bertrand" >
              <ds-checkbox>Penelope Bertrand</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45937" label="Prasad Beaven" >
              <ds-checkbox>Prasad Beaven</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45638" label="Rachael Mae" >
              <ds-checkbox>Rachael Mae</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46198" label="Raul Hidalgo" >
              <ds-checkbox>Raul Hidalgo</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44703" label="Renata Tot Ivezic" >
              <ds-checkbox>Renata Tot Ivezic</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50350" label="Renato Palmuti" >
              <ds-checkbox>Renato Palmuti</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44705" label="Renee Walden" >
              <ds-checkbox>Renee Walden</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45433" label="Rinko Kimino" >
              <ds-checkbox>Rinko Kimino</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45434" label="Rivka Wilkins" >
              <ds-checkbox>Rivka Wilkins</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44707" label="Roisin Cure" >
              <ds-checkbox>Roisin Cure</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45442" label="Ruth Wilshaw" >
              <ds-checkbox>Ruth Wilshaw</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50936" label="Sandy Allnock" >
              <ds-checkbox>Sandy Allnock</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44704" label="Sarah Burns" >
              <ds-checkbox>Sarah Burns</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44759" label="Sarah Postner" >
              <ds-checkbox>Sarah Postner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44949" label="Sarah Stokes" >
              <ds-checkbox>Sarah Stokes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44755" label="Sarah van Dongen" >
              <ds-checkbox>Sarah van Dongen</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45520" label="Sau Sau" >
              <ds-checkbox>Sau Sau</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45521" label="Sergio Lopez" >
              <ds-checkbox>Sergio Lopez</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44694" label="Shaunna Russell" >
              <ds-checkbox>Shaunna Russell</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46389" label="Simona Mandra" >
              <ds-checkbox>Simona Mandra</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44751" label="Siu-Lan Choi" >
              <ds-checkbox>Siu-Lan Choi</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45545" label="Sofia Pavan Macias" >
              <ds-checkbox>Sofia Pavan Macias</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="47808" label="Spencer Meagher" >
              <ds-checkbox>Spencer Meagher</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45548" label="Steve Griggs" >
              <ds-checkbox>Steve Griggs</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44695" label="Steve Mitchell" >
              <ds-checkbox>Steve Mitchell</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45572" label="Susan Knapp" >
              <ds-checkbox>Susan Knapp</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53108" label="Susanne Rose" >
              <ds-checkbox>Susanne Rose</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45574" label="Tanya Turner" >
              <ds-checkbox>Tanya Turner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="105774" label="Taria Dawson" >
              <ds-checkbox>Taria Dawson</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51485" label="Tatiana Melnikova" >
              <ds-checkbox>Tatiana Melnikova</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45766" label="Tayler Olivas" >
              <ds-checkbox>Tayler Olivas</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="52294" label="Thea Ong" >
              <ds-checkbox>Thea Ong</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44696" label="Tina Hotchkiss" >
              <ds-checkbox>Tina Hotchkiss</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="50620" label="Tin Bejar" >
              <ds-checkbox>Tin Bejar</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="53612" label="TJ Marston" >
              <ds-checkbox>TJ Marston</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44715" label="Toby Haseler" >
              <ds-checkbox>Toby Haseler</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="46990" label="Tomas Reis" >
              <ds-checkbox>Tomas Reis</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="51303" label="Tyler Turner" >
              <ds-checkbox>Tyler Turner</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44697" label="Uma Kelkar" >
              <ds-checkbox>Uma Kelkar</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="116380" label="Una Eglite" >
              <ds-checkbox>Una Eglite</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45633" label="Wendy Paints" >
              <ds-checkbox>Wendy Paints</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45646" label="Yuliia Orlova" >
              <ds-checkbox>Yuliia Orlova</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44743" label="YuYin Lin" >
              <ds-checkbox>YuYin Lin</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="48515" label="Zan Barrage" >
              <ds-checkbox>Zan Barrage</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45648" label="Zheng Lu" >
              <ds-checkbox>Zheng Lu</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="45649" label="Zoee Xiao" >
              <ds-checkbox>Zoee Xiao</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="44700" label="Zoe Lee" >
              <ds-checkbox>Zoe Lee</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_3612" id="catalog_filter_3612" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Medium: All" inner-prefix="Medium" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="20067" label="Watercolour" >
              <ds-checkbox>Watercolour</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="20068" label="Gouache &amp; Acrylic" >
              <ds-checkbox>Gouache &amp; Acrylic</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="20069" label="Mixed Media" >
              <ds-checkbox>Mixed Media</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="20070" label="Drawing and Ink" checked>
              <ds-checkbox>Drawing and Ink</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
    <div class="w-full">
      <ds-select style="--ds-input-font-size--base: 0.875rem; --ds-select-option-font-size: 0.875rem;" name="catalog_filter_3613" id="catalog_filter_3613" data-action="change->themeless-catalog-filters#markSelectionChanged ds-close->themeless-catalog-filters#changeFilter" data-themeless-catalog-filters-target="select" multiselect placeholder="Subject: All" inner-prefix="Subject" select-all-label="All" count-selected-label="{count} selected" searchable search-placeholder="Search...">
        <ds-select-container class="max-h-52">
            <ds-select-option name="20071" label="Urban Scenes" >
              <ds-checkbox>Urban Scenes</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="20072" label="Portraits and People" >
              <ds-checkbox>Portraits and People</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="20073" label="Botanicals and Still Life" >
              <ds-checkbox>Botanicals and Still Life</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="20074" label="Landscape" >
              <ds-checkbox>Landscape</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="20077" label="Creatures" >
              <ds-checkbox>Creatures</ds-checkbox>
            </ds-select-option>
            <ds-select-option name="20080" label="Others" >
              <ds-checkbox>Others</ds-checkbox>
            </ds-select-option>
        </ds-select-container>
      </ds-select>
    </div>
</div>

  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="catalog_filter_button"><template>
    <button type="button"
          class="toggle-filters inline-flex text-base rounded items-center leading-normal box-content
          text-ds-default hover:bg-ds-overlay bg-ds-default px-4 py-2"
          data-action="click->catalog-filters#resetFilter" id="catalog_filter_button">
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="mr-3">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99995 6.58574L14.2928 0.292847L15.7071 1.70706L9.41417 7.99995L15.7071 14.2928L14.2928 15.7071L7.99995 9.41417L1.70706 15.7071L0.292847 14.2928L6.58574 7.99995L0.292847 1.70706L1.70706 0.292847L7.99995 6.58574Z" fill="currentColor"></path>
</svg>

    Clear Filters
  </button>

</template></turbo-stream>

</body></html>