<turbo-stream action="update" target="program_collection_homepage"><template><div class="hidden"
     data-controller="integrations"
     data-integrations-facebook-pixel-enabled-value="false"
     data-integrations-google-tag-manager-enabled-value="false"
     data-integrations-google-analytics-enabled-value="false"
>
  <span class="hidden"
        data-integrations-target="gTag"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;The Science of Sound: Saturation&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;The Science of Sound: Saturation&quot;]'
  ></span>
</div>

<div class="collection pt-0 lg:pt-4">
    <div
      class='container hotwired'
      id="collection_cover"
      data-controller="program program-details-modal"
      data-program-id="1957503"
      data-blocked-in-user-country="false"
    >
      
<ds-modal no-background="" size="small" with-close-icon id="more-details-modal" data-action="close->program-details-modal#closeDetailModal">
  <div class="bg-ds-default">
    <div class="p-6 pb-0 max-h-[calc(100vh-190px)] overflow-y-auto">
      <p class="text-ds-default text-ds-large-bold mb-4">The Science of Sound: Saturation</p>
      <p class="text-ds-small-semi-bold-uppercase text-ds-muted mb-4">About</p>
      <div class="content-description text-ds-base-regular text-ds-default mb-6" data-program-details-modal-target="modalContent"></div>
      <div class="p-4 bg-ds-overlay flex flex-col gap-2 rounded overflow-x-auto">
        <div class="flex w-full gap-2">
          <div class="text-ds-small-medium text-ds-default w-[100px]">Released</div>
          <div class="text-ds-small-regular text-ds-default">November 2022</div>
        </div>
          <div class="flex w-full gap-2">
              <div class="text-ds-small-medium text-ds-default w-[100px] shrink-0">Categories</div>
            <div class="flex flex-col w-full">
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/science-of-sound"
                    data-turbo-frame="_top"
                  >
                    The Science of Sound
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (186 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/try-for-free"
                    data-turbo-frame="_top"
                  >
                    Try For Free
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (185 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/foundations-series"
                    data-turbo-frame="_top"
                  >
                    Foundations Series
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (478 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/logicpro"
                    data-turbo-frame="_top"
                  >
                    Logic Pro Courses
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (1608 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/holiday-60"
                    data-turbo-frame="_top"
                  >
                    Holiday Bonanza 60% Off
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (365 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/black-friday-60"
                    data-turbo-frame="_top"
                  >
                    Black Friday 60% Off
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (973 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/courses"
                    data-turbo-frame="_top"
                  >
                    All Courses
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (3866 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/miami-music-week"
                    data-turbo-frame="_top"
                  >
                    Miami Music Week
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (2356 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/studio-love-50"
                    data-turbo-frame="_top"
                  >
                    Studio Love 50% Off
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (2668 videos)
                  </span>
                </div>
            </div>
          </div>
      </div>
    </div>
    <div class="text-right p-6 pt-2">
      <ds-button variant="primary" onclick="document.getElementById('more-details-modal').close()">Close</ds-button>
    </div>
  </div>
</ds-modal>

<div class="flex flex-col lg:flex-row gap-x-12 mb-6 lg:mb-0">
    <div class="h-full w-full lg:w-[55%] relative">
        <div data-test="trailer-video">
          <ds-badge color="gray" class="absolute left-2 top-2 z-[2]"><ds-icon name='video-player' class="mr-1"></ds-icon> Trailer</ds-badge>
          
<script
  type="module"
  crossorigin
  src="https://cdn.jsdelivr.net/npm/@uscreentv/video-player@1.4.0/+esm"
></script>


<video-player
  dir="lrt"
  idle-timeout="5000"
  data-test="player"
  data-id="1965776"
  data-controller="program-video scrat-analytics program-video-timeline-preview"
  data-program-video-timeline-preview-sections-value="[]"
  data-program-video-timeline-preview-storyboard-url-value="https://image.mux.com/yAJKQ2RNCNNoxinoYlbhK5MF59LBmUSq/storyboard.json?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJ5QUpLUTJSTkNOTm94aW5vWWxiaEs1TUY1OUxCbVVTcSIsImV4cCI6MTc3NTMyMDM3MSwia2lkIjoiYmxCQUs4ZEhDZmkyM3F2bGJWckNRaW9aYnNya1ZzNlAiLCJhdWQiOiJzIn0.s8TPV65v1pr_cdhnkrOX-UXDiXaTsvwzNuguMv1j3JM0ZYL0Xp1tR87c5nyRCEzPUzt1czLftSeQkQ6yLBHthULFNQNZ_3AamFkFtZgYS-_u6Jex9qzOIuDNdHXrudZuwE7eg2pLlG0cX48zuDEHuXOkx4jgiikw_InDfCNcD5HsxHxuTe1983TMLLrFR83H5MKl9ocP0svJGLI8yMMmVyxWlnNyGW-tmu3UnUn38_BMR3xJUbF8w5Mry33u_AW10UZFF4GCedxWQjGbHB1rGbB9m_vBg-CjODIHUMZB87QOZAFeYUhmreSchMGZriyPzjwPirpkFK5C1VpDNlTTxw"
  storage-key="uscreen:video"
  class=""
  mux-data="{&quot;env_key&quot;:&quot;c43v645rpolt89529v2pesifn&quot;,&quot;viewer_user_id&quot;:null,&quot;video_title&quot;:&quot;The Science of Sound: Saturation Trailer&quot;,&quot;video_id&quot;:1965776}"
  data-program-video-stats-value="{&quot;store_id&quot;:450,&quot;video_id&quot;:1957503,&quot;trailer_id&quot;:1965776,&quot;content_id&quot;:1965776,&quot;content_title&quot;:&quot;The Science of Sound: Saturation&quot;,&quot;content_type&quot;:&quot;trailer&quot;,&quot;chapter_id&quot;:1965776,&quot;user_id&quot;:null,&quot;author_id&quot;:[],&quot;author_title&quot;:null,&quot;environment_id&quot;:&quot;production&quot;}"
  data-program-video-content-type-value="video"
  data-program-video-next-video-id-value="0"
  data-program-video-challenge-watched-video-url-value=""
  data-program-video-streak-watch-threshold-value="10"
  data-program-video-streak-enabled-value="false"
  data-program-video-streak-path-value="/streak/continue"
  data-program-video-user-is-logged-in-value="false"
  data-scrat-analytics-category-param="player"
  data-scrat-analytics-event-param="control_seekbar_seek"
  data-action="hovering-&gt;program-video-timeline-preview#setPreviewFrame "
>
  <video
    slot="video"
    crossorigin="anonymous"
    playsinline
    data-program-video-target="video"
    poster="https://alpha.uscreencdn.com/video_thumbnails/6lLhhL-8xmSSXw.jpg?key1=EjYITGGKKcYng9pT5hVuybEZFqwej7dnKFtIRbz8nDSj8QIz8M0XXW8B2py9vp/y&amp;key2=da9c55a21b712c624f2a7ff88a14f5f7"
  >
    <source
      src="https://stream.mux.com/yAJKQ2RNCNNoxinoYlbhK5MF59LBmUSq.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJ5QUpLUTJSTkNOTm94aW5vWWxiaEs1TUY1OUxCbVVTcSIsImV4cCI6MTc3NTMyMDM3MSwia2lkIjoiYmxCQUs4ZEhDZmkyM3F2bGJWckNRaW9aYnNya1ZzNlAiLCJhdWQiOiJ2In0.INcOF6ZohjDnvLZ_CXfX3_beTbVsYLGIT1lkxwQOZNP47wG8hkg2Q8GXUjVBmQnmsMmskFaPRYsBtf-6sKZdogo63yQPPEUbEbxNnSlxPus_n-U0CnL6L2jpLj8HKOdEdeTxDhDbZHkRZyrC9eIFA6mvTZtuGThOY65Lw7kQnMEceMIeq1Oh-rB-avMunf3x-7azKGhyEynbqLBpo1pnDl5kqh7C6AGYVX9Lo7VMoXGAFl5bmdUghr25n9Tyq21DpAmvdqe4bnP3syf8h8-msAj74nPI2Lj3z5GDz6alSSDz_-SokWsRTdw0smusx8kHKB_VaxxQOqlYsgFZYfwvAg"
      type="application/x-mpegURL"
    />
  </video>
  <video-chromecast
    slot="chromecast"
      receiver-application-id="3EE5C317"
  ></video-chromecast>
  <video-condition query="played==false">
    <video-play-button
      data-action="click->program-video#clickPlayButtonScreen"
      without-tooltip
      data-test="big-play-button"
      slot="true"
      class="
        absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2
        bg-primary rounded-full [--video-player-button-color:var(--contrast-to-primary-color)]
        [--size:4.5rem] part-[button]:p-3 shadow hover:scale-105
      "
    ></video-play-button>
  </video-condition>
  <video-controls>
      <video-timeline
        segments=""
        data-program-video-target="timeline"
      >
        <video-timer format="past"></video-timer>
          <div
            class="hidden items-center flex-col"
            data-program-video-timeline-preview-target="previewRoot"
          >
            <div
              class="rounded relative overflow-hidden border border-white h-20 w-20 bg-ds-default mb-1"
              data-program-video-timeline-preview-target="preview"
            >
              <img
                alt=""
                class="absolute left-0 top-0 max-w-none transform origin-top-left"
                data-program-video-timeline-preview-target="image"
                data-action="load->program-video-timeline-preview#onImageLoad"
              />
            </div>
            <div
              class="max-w-[12rem] text-center text-white empty:hidden line-clamp-1 text-ds-small-medium"
              data-program-video-timeline-preview-target="sectionTitle"></div>
            <div
              class="max-w-[12rem] text-center text-white text-ds-small-medium"
              data-program-video-timeline-preview-target="timecode">0:00</div>
          </div>
      </video-timeline>

    <video-play-button data-test="play-button" data-action="click->program-video#clickPlayButton">
      <span slot="tooltip:play">Play</span>
      <span slot="tooltip:pause">Pause</span>
    </video-play-button>

      <video-backward-button
        data-scrat-analytics-category-param="player"
        data-scrat-analytics-event-param="control_fast_forward_click"
        data-action=""
      >
        <span slot="tooltip">Backward</span>
      </video-backward-button>
      <video-forward-button
        data-scrat-analytics-category-param="player"
        data-scrat-analytics-event-param="control_fast_forward_click"
        data-action=""
      >
        <span slot="tooltip">Forward</span>
      </video-forward-button>

    <video-volume-button>
      <span slot="tooltip:unmute">Unmute</span>
      <span slot="tooltip:mute">Mute</span>
    </video-volume-button>

    <video-volume-control></video-volume-control>


    <div class="ms-auto"></div>

    <video-subtitles-button>
      <span slot="tooltip">Subtitles</span>
    </video-subtitles-button>

    <video-settings-button
      
      translation="{&quot;back&quot;:&quot;Back&quot;,&quot;shortcuts&quot;:&quot;Keyboard Shortcuts&quot;,&quot;quality&quot;:&quot;Quality&quot;,&quot;rate&quot;:&quot;Playback Settings&quot;,&quot;rewind&quot;:&quot;Rewind&quot;,&quot;volume&quot;:&quot;Change Volume&quot;,&quot;mute&quot;:&quot;Mute&quot;,&quot;toggle-play&quot;:&quot;Play / Pause&quot;,&quot;enter-fullscreen&quot;:&quot;Enter fullscreen&quot;,&quot;exit-fullscreen&quot;:&quot;Exit fullscreen&quot;}"
    >
      <span slot="tooltip">Settings</span>
    </video-settings-button>

    <video-airplay-button>
      <span slot="tooltip:disabled">Airplay</span>
      <span slot="tooltip:enabled">Airplay</span>
    </video-airplay-button>

    <video-pip-button>
      <span slot="tooltip:disabled">Picture in Picture</span>
      <span slot="tooltip:enabled">Picture in Picture</span>
    </video-pip-button>

    <video-chromecast-button>
      <span slot="tooltip:disabled">Chromecast</span>
      <span slot="tooltip:enabled">Chromecast</span>
    </video-chromecast-button>

    <video-fullscreen-button>
      <span slot="tooltip:disabled">Enter fullscreen</span>
      <span slot="tooltip:enabled">Exit fullscreen</span>
    </video-fullscreen-button>
  </video-controls>
  <video-cues></video-cues>
</video-player>

        </div>
    </div>
  <div id="program_about" class="w-full lg:w-[45%] lg:mb-5">
      <p class="text-primary text-ds-tiny-bold-uppercase mb-1 mt-4 lg:mt-0">
        <ds-icon class="inline-block align-sub" size="16px" name='playlist'></ds-icon> Collection
      </p>
      <h1 class="text-ds-title-2-semi-bold mt-2 lg:mt-0">
        The Science of Sound: Saturation
      </h1>
      <div class="mt-2">
        <span class="inline-block">
            <ds-avatar
              style="--ds-avatar-size: 1.5rem;"
              class="inline-block "
              size="xxxs"
              url="https://alpha.uscreencdn.com/images/author/50910/small_artist-jono-740.1648116116.jpg"
              text="Jono Buchanan">
            </ds-avatar>
        </span>
        <span class="inline-block align-super text-ds-default text-ds-small-regular">
          Jono Buchanan
        </span>
      </div>
    <div class="mt-4 text-ds-small-regular">
      <div  class="content-description line-clamp-3 max-h-[60px] xl:line-clamp-[7] xl:max-h-[140px] xl:aria-expanded:line-clamp-[11] xl:aria-expanded:max-h-[220px]" data-program-details-modal-target="description">
        <p>Distortion is far more than just an effect that belongs to the realm of electric guitar amplifiers and heavy metal bands. It can be used to add harmonic content to sounds, smooth out mixes, introduce texture and grit in a sound design context and much more. In this course, Jono Buchanan examines the world of distortion in full, bringing overdrive, fuzz, saturation, tube, bitcrushing and other styles into sharp focus.</p><p>Over the course of two hours, you’ll receive a full grounding in the fundamentals of distortion; how it works and how it can be applied in the context of a mix to achieve anything from organic warmth to more extreme results. Distortion has been a product of analogue recording equipment for decades, both intentionally and unintentionally, and in The Science of Sound – Saturation you’ll see how versatile it can be within a modern software environment. Whether it’s parallel processing, vocal treatment, mix warming, insert and auxilliary effects – you’re bound to find a new use for distortion that you never knew existed!&nbsp;</p><p>In today’s digital world, there is no shortage of distortion and saturation plugin options to help you to warm up your waveforms and shape your signal. Some emulate classic hardware units of the past, others bring new approaches to the table, and Jono covers examples of both in this course. By the end, you’ll be familiar with the parameters commonly found on these tools, and know how to put them to use in your own projects.</p><p>In total, there are twelve chapters of content in The Science of Sound – Saturation, covering the full spectrum of what the effect can do in a music production context. All of the techniques that are covered in this course are explored through audio examples in a Logic Pro session, so you will hear for yourself the unique ways that distortion can be applied in a mix.</p><p>This course is part of the <a href="https://faderpro.com/categories/science-of-sound" rel="noopener noreferrer" target="_blank">Science of Sound</a> series, which goes deeper into important music production topics that you'll use again and again in your own projects. Understanding the fundamentals behind concepts like <a href="https://faderpro.com/programs/science-of-sound-time-based-effects" rel="noopener noreferrer" target="_blank">delay</a>, <a href="https://faderpro.com/programs/the-science-of-sound-reverb" rel="noopener noreferrer" target="_blank">reverb</a>, <a href="https://faderpro.com/programs/the-science-of-sound-equalization" rel="noopener noreferrer" target="_blank">equalisation</a>, compression, and the way in which we as engineers and listeners perceive sound will allow you to approach your productions with a greater confidence, purpose and know-how.</p><p>No PhD needed, the science-y parts are explained by our awesome educators in a way that anyone can understand!</p>
      </div>
      <ds-button variant="text" data-action="click->program-details-modal#openDetailModal" class="cursor-pointer">Learn more</ds-button>
    </div>
    <div class="mt-4 flex flex-col sm:flex-row gap-2 ">
            <ds-dropdown data-test="subscriptions-list" float="center" sm="float:left" class="w-full">
              <ds-button class="w-full" slot="control" variant="primary" onclick="window.CatalogAnalytics('clickVideoCtaToSubscribe', '1957503', 'sidebar', 'Subscribe to watch')">
                  Subscribe to watch
                <ds-icon slot="after" name="chevron-down"></ds-icon>
              </ds-button>
              <div
                slot="content"
                class="p-6 pt-4 w-screen max-w-screen-md sm:max-w-lg box-border sm:w-auto"
              >
                <p class="text-ds-small-regular mb-4">Select a membership:</p>
                  <a
                    href="/checkout/new?o=104185"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/104185/fp-producers-club-thumbnails-monthly-logo.1637257946.png">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Monthly
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        Producers Club Monthly
                      </p>
                        <span class="text-ds-base-semi-bold">
                          USD $19.99/month
                        </span>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=103813"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/103813/fp-producers-club-annual.1628775272.jpg">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Annually
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        Producers Club Annual
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Free for 3 days
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            USD $199.99/year after trial
                          </span>
                        </div>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=49353"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/49353/fp-pc-uscreen-subs-thumbnails-12.1682406142.jpg">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Annually
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        Platinum Producers Club Annual
                      </p>
                        <span class="text-ds-base-semi-bold">
                          USD $239.88/year
                        </span>
                    </div>
                  </a>
              </div>
            </ds-dropdown>
          <ds-button class="shrink-0" href="/checkout/new?o=p1957503" variant="regular" data-turbo-frame="_top">
            Buy $19.99</ds-button>
    </div>
        <div class="w-full h-[1px] my-4 mt-5 relative" style="background-color: var(--ds-border-default)">
            <span class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-ds-default px-2 text-ds-muted text-ds-tiny-semi-bold-uppercase">
              OR
            </span>
        </div>
        <div>
          <p class="text-ds-tiny-semi-bold-uppercase text-ds-muted mt-4">Buy as part of a bundle:</p>
            <div>
              <a class="inline-flex gap-2 items-center mt-1 w-full" href="/checkout/new?o=130184" data-turbo-frame="_top">
                <span class="text-ds-small-medium text-primary truncate">
                  The Science of Sound Complete Bundle
                </span>
                <span class="text-ds-small-regular text-ds-muted shrink-0">
                  (185 video bundle)
                </span>
                  <span class="text-ds-default text-ds-base-medium">
                    $107.95
                  </span>
              </a>
            </div>
        </div>
  </div>
</div>

    </div>

  <div class="collection-videos relative bg-ds-inset border-y border-ds-default mt-4" id="program_playlist">
    <div class="container">
      <div
        class="py-8"
        data-area="playlist"
        data-controller="playlist-modal"
        data-playlist-modal-root-url-value="https://faderpro.com"
      >
          <ds-modal
            id="free-video-modal"
            size="large"
            with-close-icon
            close-icon-in-backdrop
            no-background
            
            data-action="close->playlist-modal#stopVideo"
            data-playlist-modal-target="modal"
          >
            <div data-controller="integrations"
                 data-integrations-facebook-pixel-enabled-value="false"
                 data-integrations-google-tag-manager-enabled-value="false"
                 data-integrations-google-analytics-enabled-value="false"
                 class="bg-ds-subtle"
            >
              <turbo-frame id="free_program"></turbo-frame>            </div>
          </ds-modal>

        <div class="flex items-center justify-between mb-5">
          <p class="collection-videos-counter text-ds-tiny-semi-bold-uppercase" data-area="counter">
            <ds-icon size="16px" class="pr-1 inline-block align-bottom" name='playlist'></ds-icon>
            Videos (15)
          </p>
        </div>
          <div class="playlist-divider mt-4 mb-3 md:hidden col-span-full" data-area="playlist-divider">
            Trailer
          </div>
            <ds-swiper
              initial-slide="0"
              class="md:hidden"
              md="disabled:true"
              overflow-visible
              options="{&quot;slidesPerView&quot;:2.3,&quot;spaceBetween&quot;:8}"
            >
                <swiper-slide>
                    <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="the-science-of-sound-saturation"
    data-playlist-modal-item-id-param="2882325"
    data-playlist-modal-subject-permalink-param="sos_saturation_fulltrailer_v2_16x9-fdebea"
    class="content-item block cursor-pointer swiper-slide"
    data-cid="2882325"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="The Science of Sound: Saturation Trailer" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1965776/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1965776/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1965776/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1965776/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">02:05</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="The Science of Sound: Saturation Trailer">The Science of Sound: Saturation Trailer</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </a>

                </swiper-slide>
            </ds-swiper>
          <div class="playlist-divider mt-4 mb-3 md:hidden col-span-full" data-area="playlist-divider">
            Free Course Clips
          </div>
            <ds-swiper
              initial-slide="0"
              class="md:hidden"
              md="disabled:true"
              overflow-visible
              options="{&quot;slidesPerView&quot;:2.3,&quot;spaceBetween&quot;:8}"
            >
                <swiper-slide>
                    <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="the-science-of-sound-saturation"
    data-playlist-modal-item-id-param="2883087"
    data-playlist-modal-subject-permalink-param="odd-even-harmonics"
    class="content-item block cursor-pointer swiper-slide"
    data-cid="2883087"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Course Clip: Adding Even &amp; Odd Harmonics" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1966667/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1966667/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1966667/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1966667/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">01:19</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Course Clip: Adding Even &amp; Odd Harmonics">Course Clip: Adding Even &amp; Odd Harmonics</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Jono explains the difference between even and odd harmonics and the sound characteristics of each.</p>
  </a>

                </swiper-slide>
                <swiper-slide>
                    <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="the-science-of-sound-saturation"
    data-playlist-modal-item-id-param="2883088"
    data-playlist-modal-subject-permalink-param="saturation_quicktip02_16x9-d65ba6"
    class="content-item block cursor-pointer swiper-slide"
    data-cid="2883088"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Course Clip: Distorting Drums" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1966668/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1966668/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1966668/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1966668/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">01:39</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Course Clip: Distorting Drums">Course Clip: Distorting Drums</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Jono demonstrates different levels of pentode harmonics on a drum track within a mix.</p>
  </a>

                </swiper-slide>
            </ds-swiper>
          <div class="playlist-divider mt-4 mb-3 md:hidden col-span-full" data-area="playlist-divider">
            The Science of Sound: Saturation
          </div>
            <ds-swiper
              initial-slide="0"
              class="md:hidden"
              md="disabled:true"
              overflow-visible
              options="{&quot;slidesPerView&quot;:2.3,&quot;spaceBetween&quot;:8}"
            >
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2876600">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 1: Introduction to Saturation" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957504/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957504/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957504/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957504/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">09:25</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 1: Introduction to Saturation">Chapter 1: Introduction to Saturation</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Learn the basic principles of saturation, and take a tour of the different types of distortion that have popped up throughout music history.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2876601">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 2: Thermionic Culture Vulture" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957505/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957505/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957505/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957505/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">18:09</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 2: Thermionic Culture Vulture">Chapter 2: Thermionic Culture Vulture</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Explore UAD’s plugin emulation of the classic studio distortion unit, and discover the ways in which the effect can be applied to sounds.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2876602">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 3: Soundtoys Decapitator" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957506/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957506/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957506/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957506/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">14:58</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 3: Soundtoys Decapitator">Chapter 3: Soundtoys Decapitator</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Jono walks you through the popular saturation plugin, taking a look at the different styles of distortion treatment you can coax out of it.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2876603">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 4: Pedalboard Distortion" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957507/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957507/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957507/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957507/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">10:06</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 4: Pedalboard Distortion">Chapter 4: Pedalboard Distortion</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Dive into the world of stompbox distortion effect plugins, including fuzz, overdrive, tube saturation and more.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2876604">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 5: Vocal Distortion" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957508/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957508/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957508/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957508/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">10:15</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 5: Vocal Distortion">Chapter 5: Vocal Distortion</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Learn how to apply a distortion treatment to a vocal which will increase its harmonic footprint and help it to sit better in a mix.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2876619">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 6: Adding Warmth with Saturation" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957509/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957509/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957509/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957509/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">14:54</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 6: Adding Warmth with Saturation">Chapter 6: Adding Warmth with Saturation</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Far more than simply an aggressive effect, distortion can also be used to smooth out a mix and add gentle character to sounds.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2876605">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 7: Parallel Distortion" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957510/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957510/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957510/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957510/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">08:25</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 7: Parallel Distortion">Chapter 7: Parallel Distortion</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Jono demonstrates a technique that involves using distortion and delay on an aux channel to create texture and stereo interest.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2876606">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 8: Cinematic Saturation" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957511/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957511/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957511/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957511/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:10</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 8: Cinematic Saturation">Chapter 8: Cinematic Saturation</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Find out how saturation, and even distortion in some cases, can be used to enhance orchestral cues and other cinematic sounds.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2876607">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 9: Bit Crushing" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957512/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957512/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957512/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957512/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:09</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 9: Bit Crushing">Chapter 9: Bit Crushing</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">In the past, the sample resolution and bit depth of digital recording equipment was limited, and bit crushing can emulate this character.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2876608">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 10: Inserts vs Auxiliaries" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957513/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957513/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957513/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957513/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:10</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 10: Inserts vs Auxiliaries">Chapter 10: Inserts vs Auxiliaries</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Jono Buchanan weighs up the pros and cons of using distortion and saturation either as insert effects or on an auxiliary channel.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2876609">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 11: Synths and FX" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957514/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957514/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957514/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957514/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">12:32</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 11: Synths and FX">Chapter 11: Synths and FX</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Watch how synths and FX groups in a dance music mix can be developed by adding distortion and bit crushing.</p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="2876610">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 12: Creative Distortion" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957515/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957515/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957515/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957515/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">12:03</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 12: Creative Distortion">Chapter 12: Creative Distortion</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10">Jono shows off a gated distortion technique that involves using a beat as a sidechain input, adding ping pong delay and automation.</p>
  </div>

                </swiper-slide>
            </ds-swiper>
        <ds-show-more
          style="--ds-show-more-fade-color: transparent;"
          content-not-clickable
          class="!hidden md:!block"
          float="center"
          disabled="true"
          once
          max-height="550"
          md="disabled:false"
          lg="max-height:900"
        >
          <ds-button slot="button" class="collection-videos-button mt-6">Show all videos</ds-button>
          <div slot="content" class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" data-area="chapters">
                <div class="playlist-divider col-span-full" data-area="playlist-divider">
    Trailer
  </div>

                <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="the-science-of-sound-saturation"
    data-playlist-modal-item-id-param="2882325"
    data-playlist-modal-subject-permalink-param="sos_saturation_fulltrailer_v2_16x9-fdebea"
    class="content-item block cursor-pointer"
    data-cid="2882325"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="The Science of Sound: Saturation Trailer" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1965776/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1965776/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1965776/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1965776/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">02:05</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="The Science of Sound: Saturation Trailer">The Science of Sound: Saturation Trailer</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </a>

                <div class="playlist-divider col-span-full" data-area="playlist-divider">
    Free Course Clips
  </div>

                <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="the-science-of-sound-saturation"
    data-playlist-modal-item-id-param="2883087"
    data-playlist-modal-subject-permalink-param="odd-even-harmonics"
    class="content-item block cursor-pointer"
    data-cid="2883087"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Course Clip: Adding Even &amp; Odd Harmonics" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1966667/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1966667/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1966667/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1966667/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">01:19</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Course Clip: Adding Even &amp; Odd Harmonics">Course Clip: Adding Even &amp; Odd Harmonics</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Jono explains the difference between even and odd harmonics and the sound characteristics of each.</p>
  </a>

                <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="the-science-of-sound-saturation"
    data-playlist-modal-item-id-param="2883088"
    data-playlist-modal-subject-permalink-param="saturation_quicktip02_16x9-d65ba6"
    class="content-item block cursor-pointer"
    data-cid="2883088"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Course Clip: Distorting Drums" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1966668/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1966668/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1966668/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1966668/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">01:39</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Course Clip: Distorting Drums">Course Clip: Distorting Drums</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Jono demonstrates different levels of pentode harmonics on a drum track within a mix.</p>
  </a>

                <div class="playlist-divider col-span-full" data-area="playlist-divider">
    The Science of Sound: Saturation
  </div>

                <div class="content-item block pointer-events-none" data-cid="2876600">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 1: Introduction to Saturation" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957504/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957504/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957504/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957504/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">09:25</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 1: Introduction to Saturation">Chapter 1: Introduction to Saturation</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Learn the basic principles of saturation, and take a tour of the different types of distortion that have popped up throughout music history.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2876601">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 2: Thermionic Culture Vulture" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957505/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957505/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957505/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957505/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">18:09</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 2: Thermionic Culture Vulture">Chapter 2: Thermionic Culture Vulture</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Explore UAD’s plugin emulation of the classic studio distortion unit, and discover the ways in which the effect can be applied to sounds.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2876602">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 3: Soundtoys Decapitator" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957506/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957506/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957506/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957506/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">14:58</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 3: Soundtoys Decapitator">Chapter 3: Soundtoys Decapitator</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Jono walks you through the popular saturation plugin, taking a look at the different styles of distortion treatment you can coax out of it.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2876603">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 4: Pedalboard Distortion" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957507/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957507/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957507/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957507/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">10:06</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 4: Pedalboard Distortion">Chapter 4: Pedalboard Distortion</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Dive into the world of stompbox distortion effect plugins, including fuzz, overdrive, tube saturation and more.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2876604">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 5: Vocal Distortion" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957508/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957508/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957508/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957508/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">10:15</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 5: Vocal Distortion">Chapter 5: Vocal Distortion</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Learn how to apply a distortion treatment to a vocal which will increase its harmonic footprint and help it to sit better in a mix.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2876619">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 6: Adding Warmth with Saturation" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957509/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957509/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957509/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957509/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">14:54</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 6: Adding Warmth with Saturation">Chapter 6: Adding Warmth with Saturation</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Far more than simply an aggressive effect, distortion can also be used to smooth out a mix and add gentle character to sounds.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2876605">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 7: Parallel Distortion" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957510/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957510/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957510/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957510/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">08:25</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 7: Parallel Distortion">Chapter 7: Parallel Distortion</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Jono demonstrates a technique that involves using distortion and delay on an aux channel to create texture and stereo interest.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2876606">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 8: Cinematic Saturation" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957511/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957511/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957511/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957511/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:10</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 8: Cinematic Saturation">Chapter 8: Cinematic Saturation</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Find out how saturation, and even distortion in some cases, can be used to enhance orchestral cues and other cinematic sounds.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2876607">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 9: Bit Crushing" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957512/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957512/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957512/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957512/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:09</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 9: Bit Crushing">Chapter 9: Bit Crushing</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">In the past, the sample resolution and bit depth of digital recording equipment was limited, and bit crushing can emulate this character.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2876608">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 10: Inserts vs Auxiliaries" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957513/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957513/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957513/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957513/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:10</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 10: Inserts vs Auxiliaries">Chapter 10: Inserts vs Auxiliaries</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Jono Buchanan weighs up the pros and cons of using distortion and saturation either as insert effects or on an auxiliary channel.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2876609">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 11: Synths and FX" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957514/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957514/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957514/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957514/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">12:32</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 11: Synths and FX">Chapter 11: Synths and FX</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Watch how synths and FX groups in a dance music mix can be developed by adding distortion and bit crushing.</p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="2876610">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Chapter 12: Creative Distortion" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/1957515/horizontal/thumbnail.jpg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/1957515/horizontal/thumbnail.jpg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/1957515/horizontal/thumbnail.jpg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/1957515/horizontal/thumbnail.jpg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">12:03</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Chapter 12: Creative Distortion">Chapter 12: Creative Distortion</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10">Jono shows off a gated distortion technique that involves using a beat as a sidechain input, adding ping pong delay and automation.</p>
  </div>

          </div>
        </ds-show-more>
      </div>
    </div>
  </div>

    <div class="collection-comments container">
      <div class="py-4 lg:py-8" id="comments_section_wrapper">
          <turbo-frame data-program-tabs-target="commentsContainer" class="community-page" id="program_comments" target="_top">
  <h3 class="comments-title font-medium text-xl">
    Comments on collection
    (<turbo-frame id="collection_1957503_comments_count">1</turbo-frame>)
  </h3>
        <p class="pb-4">
            <a class="text-primary capitalize font-medium" href="/sign_in">sign in</a> to participate in the conversation
        </p>

    <div class="border-b border-ds-default"></div>

      <turbo-frame lazy="true" id="collection_1957503_comments_section" src="/contents/1957503/comments">

        <ds-icon name="placeholders/comment"></ds-icon>
</turbo-frame></turbo-frame>
      </div>
    </div>
</div>
</template></turbo-stream>