<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8256809">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8256809-the-story-of-palm-springs-modern-architect-william-krisel"><img srcset="https://audioboom.com/i/40311289/75x75/c 75w, https://audioboom.com/i/40311289/150x150/c 150w, https://audioboom.com/i/40311289/300x300/c 300w, https://audioboom.com/i/40311289/600x600/c 600w, https://audioboom.com/i/40311289/1400x1400/c 1400w" sizes="300px" style="background-color: #1b1e13" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40311289/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8256809-the-story-of-palm-springs-modern-architect-william-krisel"><div class="text-line-clamp text-line-clamp-3" dir="auto">
20: The Story of Palm Springs Modern Architect William Krisel
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8256806">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8256806-the-story-of-modern-architect-rudolph-schindler"><img srcset="https://audioboom.com/i/40310727/75x75/c 75w, https://audioboom.com/i/40310727/150x150/c 150w, https://audioboom.com/i/40310727/300x300/c 300w, https://audioboom.com/i/40310727/600x600/c 600w, https://audioboom.com/i/40310727/1400x1400/c 1400w" sizes="300px" style="background-color: #d6d1d0" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40310727/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8256806-the-story-of-modern-architect-rudolph-schindler"><div class="text-line-clamp text-line-clamp-3" dir="auto">
19: The Story of Modern Architect Rudolph Schindler
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8254409">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8254409-a-brief-history-on-architect-frank-lloyd-wright"><img srcset="https://audioboom.com/i/40297820/75x75/c 75w, https://audioboom.com/i/40297820/150x150/c 150w, https://audioboom.com/i/40297820/300x300/c 300w, https://audioboom.com/i/40297820/600x600/c 600w, https://audioboom.com/i/40297820/1400x1400/c 1400w" sizes="300px" style="background-color: #58441f" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40297820/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8254409-a-brief-history-on-architect-frank-lloyd-wright"><div class="text-line-clamp text-line-clamp-3" dir="auto">
18: A Brief History on Architect Frank Lloyd Wright
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8254407">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8254407-top-four-early-modern-architects-in-southern-california"><img srcset="https://audioboom.com/i/40297808/75x75/c 75w, https://audioboom.com/i/40297808/150x150/c 150w, https://audioboom.com/i/40297808/300x300/c 300w, https://audioboom.com/i/40297808/600x600/c 600w, https://audioboom.com/i/40297808/1400x1400/c 1400w" sizes="300px" style="background-color: #314455" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40297808/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8254407-top-four-early-modern-architects-in-southern-california"><div class="text-line-clamp text-line-clamp-3" dir="auto">
17: Top Four Early Modern Architects in Southern California
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8254400">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8254400-the-story-of-john-lautner"><img srcset="https://audioboom.com/i/40297775/75x75/c 75w, https://audioboom.com/i/40297775/150x150/c 150w, https://audioboom.com/i/40297775/300x300/c 300w, https://audioboom.com/i/40297775/600x600/c 600w, https://audioboom.com/i/40297775/1400x1400/c 1400w" sizes="300px" style="background-color: #39401f" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40297775/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8254400-the-story-of-john-lautner"><div class="text-line-clamp text-line-clamp-3" dir="auto">
16: The Story of John Lautner
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8254382">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8254382-the-story-of-sagrada-familia-and-architect-antoni-gaudi"><img srcset="https://audioboom.com/i/40297699/75x75/c 75w, https://audioboom.com/i/40297699/150x150/c 150w, https://audioboom.com/i/40297699/300x300/c 300w, https://audioboom.com/i/40297699/600x600/c 600w, https://audioboom.com/i/40297699/1400x1400/c 1400w" sizes="300px" style="background-color: #aeb2b7" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40297699/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8254382-the-story-of-sagrada-familia-and-architect-antoni-gaudi"><div class="text-line-clamp text-line-clamp-3" dir="auto">
15: The Story of Sagrada Familia and Architect Antoni Gaudi
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8254377">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8254377-a-brief-history-on-the-beginnings-of-modern-architecture"><img srcset="https://audioboom.com/i/40297672/75x75/c 75w, https://audioboom.com/i/40297672/150x150/c 150w, https://audioboom.com/i/40297672/300x300/c 300w, https://audioboom.com/i/40297672/600x600/c 600w, https://audioboom.com/i/40297672/1400x1400/c 1400w" sizes="300px" style="background-color: #ced0c7" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40297672/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8254377-a-brief-history-on-the-beginnings-of-modern-architecture"><div class="text-line-clamp text-line-clamp-3" dir="auto">
14: A Brief History on the Beginnings of Modern Architecture
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8249616">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8249616-a-brief-history-of-modern-architecture-in-palm-springs"><img srcset="https://audioboom.com/i/40270225/75x75/c 75w, https://audioboom.com/i/40270225/150x150/c 150w, https://audioboom.com/i/40270225/300x300/c 300w, https://audioboom.com/i/40270225/600x600/c 600w, https://audioboom.com/i/40270225/1400x1400/c 1400w" sizes="300px" style="background-color: #6e8d90" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40270225/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8249616-a-brief-history-of-modern-architecture-in-palm-springs"><div class="text-line-clamp text-line-clamp-3" dir="auto">
13: A Brief History of Modern Architecture in Palm Springs
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8249410">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8249410-the-story-of-villa-savoye-and-le-corbusier"><img srcset="https://audioboom.com/i/40269023/75x75/c 75w, https://audioboom.com/i/40269023/150x150/c 150w, https://audioboom.com/i/40269023/300x300/c 300w, https://audioboom.com/i/40269023/600x600/c 600w, https://audioboom.com/i/40269023/1400x1400/c 1400w" sizes="300px" style="background-color: #d7d9db" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40269023/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8249410-the-story-of-villa-savoye-and-le-corbusier"><div class="text-line-clamp text-line-clamp-3" dir="auto">
12: The Story of Villa Savoye and Le Corbusier 
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8249235">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8249235-the-story-of-richard-neutra-s-kaufmann-desert-house-in-palm-springs-california"><img srcset="https://audioboom.com/i/40268187/75x75/c 75w, https://audioboom.com/i/40268187/150x150/c 150w, https://audioboom.com/i/40268187/300x300/c 300w, https://audioboom.com/i/40268187/600x600/c 600w, https://audioboom.com/i/40268187/1400x1400/c 1400w" sizes="300px" style="background-color: #6c8da3" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40268187/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8249235-the-story-of-richard-neutra-s-kaufmann-desert-house-in-palm-springs-california"><div class="text-line-clamp text-line-clamp-3" dir="auto">
11: The Story of Richard Neutra&#39;s Kaufmann Desert House in Palm Springs California
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8249198">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8249198-a-brief-history-of-the-robie-house-by-frank-lloyd-wright"><img srcset="https://audioboom.com/i/40267988/75x75/c 75w, https://audioboom.com/i/40267988/150x150/c 150w, https://audioboom.com/i/40267988/300x300/c 300w, https://audioboom.com/i/40267988/600x600/c 600w, https://audioboom.com/i/40267988/1400x1400/c 1400w" sizes="300px" style="background-color: #d9dfdf" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40267988/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8249198-a-brief-history-of-the-robie-house-by-frank-lloyd-wright"><div class="text-line-clamp text-line-clamp-3" dir="auto">
10: A Brief History of the Robie House by Frank Lloyd Wright
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8248767">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8248767-frank-lloyd-wright-s-oak-park-home-and-studio"><img srcset="https://audioboom.com/i/40265575/75x75/c 75w, https://audioboom.com/i/40265575/150x150/c 150w, https://audioboom.com/i/40265575/300x300/c 300w, https://audioboom.com/i/40265575/600x600/c 600w, https://audioboom.com/i/40265575/1400x1400/c 1400w" sizes="300px" style="background-color: #c8dadf" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40265575/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8248767-frank-lloyd-wright-s-oak-park-home-and-studio"><div class="text-line-clamp text-line-clamp-3" dir="auto">
9: Frank Lloyd Wright&#39;s Oak Park Home and Studio
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8247865">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8247865-the-stahl-house-a-modern-architecture-icon"><img srcset="https://audioboom.com/i/40260597/75x75/c 75w, https://audioboom.com/i/40260597/150x150/c 150w, https://audioboom.com/i/40260597/300x300/c 300w, https://audioboom.com/i/40260597/600x600/c 600w, https://audioboom.com/i/40260597/1400x1400/c 1400w" sizes="300px" style="background-color: #3d475a" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40260597/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8247865-the-stahl-house-a-modern-architecture-icon"><div class="text-line-clamp text-line-clamp-3" dir="auto">
8: The Stahl House - A Modern Architecture Icon
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8247464">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8247464-a-brief-history-of-the-hearst-castle-and-architect-julia-morgan"><img srcset="https://audioboom.com/i/40258293/75x75/c 75w, https://audioboom.com/i/40258293/150x150/c 150w, https://audioboom.com/i/40258293/300x300/c 300w, https://audioboom.com/i/40258293/600x600/c 600w, https://audioboom.com/i/40258293/1400x1400/c 1400w" sizes="300px" style="background-color: #2c3448" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40258293/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8247464-a-brief-history-of-the-hearst-castle-and-architect-julia-morgan"><div class="text-line-clamp text-line-clamp-3" dir="auto">
7: A Brief History of the Hearst Castle and Architect Julia Morgan
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8247225">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8247225-the-story-of-the-florence-cathedral"><img srcset="https://audioboom.com/i/40256950/75x75/c 75w, https://audioboom.com/i/40256950/150x150/c 150w, https://audioboom.com/i/40256950/300x300/c 300w, https://audioboom.com/i/40256950/600x600/c 600w, https://audioboom.com/i/40256950/1400x1400/c 1400w" sizes="300px" style="background-color: #c0cecc" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40256950/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8247225-the-story-of-the-florence-cathedral"><div class="text-line-clamp text-line-clamp-3" dir="auto">
6: The Story of the Florence Cathedral
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8246540">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8246540-the-barcelona-pavilion"><img srcset="https://audioboom.com/i/40253219/75x75/c 75w, https://audioboom.com/i/40253219/150x150/c 150w, https://audioboom.com/i/40253219/300x300/c 300w, https://audioboom.com/i/40253219/600x600/c 600w, https://audioboom.com/i/40253219/1400x1400/c 1400w" sizes="300px" style="background-color: #778488" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40253219/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8246540-the-barcelona-pavilion"><div class="text-line-clamp text-line-clamp-3" dir="auto">
5: The Barcelona Pavilion 
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8245582">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8245582-the-story-of-the-louvre-museum"><img srcset="https://audioboom.com/i/40247771/75x75/c 75w, https://audioboom.com/i/40247771/150x150/c 150w, https://audioboom.com/i/40247771/300x300/c 300w, https://audioboom.com/i/40247771/600x600/c 600w, https://audioboom.com/i/40247771/1400x1400/c 1400w" sizes="300px" style="background-color: #114ec5" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40247771/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8245582-the-story-of-the-louvre-museum"><div class="text-line-clamp text-line-clamp-3" dir="auto">
4: The Story of the Louvre Museum
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8245572">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8245572-the-roman-pantheon"><img srcset="https://audioboom.com/i/40247722/75x75/c 75w, https://audioboom.com/i/40247722/150x150/c 150w, https://audioboom.com/i/40247722/300x300/c 300w, https://audioboom.com/i/40247722/600x600/c 600w, https://audioboom.com/i/40247722/1400x1400/c 1400w" sizes="300px" style="background-color: #2d2c26" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40247722/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8245572-the-roman-pantheon"><div class="text-line-clamp text-line-clamp-3" dir="auto">
3: The Roman Pantheon
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8244926">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8244926-the-case-study-house-program"><img srcset="https://audioboom.com/i/40244037/75x75/c 75w, https://audioboom.com/i/40244037/150x150/c 150w, https://audioboom.com/i/40244037/300x300/c 300w, https://audioboom.com/i/40244037/600x600/c 600w, https://audioboom.com/i/40244037/1400x1400/c 1400w" sizes="300px" style="background-color: #55575c" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40244037/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8244926-the-case-study-house-program"><div class="text-line-clamp text-line-clamp-3" dir="auto">
2: The Case Study House Program
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5551139" id="audio_clip_8244822">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8244822-the-story-of-the-farnsworth-house"><img srcset="https://audioboom.com/i/40243322/75x75/c 75w, https://audioboom.com/i/40243322/150x150/c 150w, https://audioboom.com/i/40243322/300x300/c 300w, https://audioboom.com/i/40243322/600x600/c 600w, https://audioboom.com/i/40243322/1400x1400/c 1400w" sizes="300px" style="background-color: #bcc3ca" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40243322/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8244822-the-story-of-the-farnsworth-house"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1: The Story of the Farnsworth House
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>


</template></turbo-stream>
  <turbo-stream action="remove" target="audio_clips_pagination"></turbo-stream>
