CINXE.COM

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W5ZN28L');</script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-KYBX634VVG"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-KYBX634VVG'); </script>  <meta charset="utf-8" /> <meta name="description" content="Contemporary Art" /> <meta name="geo.region" content="US" /> <link rel="shortlink" href="https://americanart.si.edu/node/66029" /> <link rel="canonical" href="https://americanart.si.edu/art/highlights/contemporary" /> <link rel="image_src" href="//cdn.saam.media/-fD6n1ag7jGahWeIKwpiWPfV2Ho/960/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg" /> <meta name="referrer" content="no-referrer-when-downgrade" /> <meta property="og:site_name" content="Smithsonian American Art Museum" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://americanart.si.edu/art/highlights/contemporary" /> <meta property="og:title" content="Contemporary Art" /> <meta property="og:description" content="Contemporary Art" /> <meta property="og:image" content="https://cdn.saam.media/-fD6n1ag7jGahWeIKwpiWPfV2Ho/960/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg" /> <meta property="fb:admins" content="29428791399" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="Contemporary Art" /> <meta name="twitter:title" content="Contemporary Art" /> <meta name="twitter:site" content="@americanart" /> <meta name="twitter:site:id" content="@americanart" /> <meta name="twitter:image" content="https://cdn.saam.media/-fD6n1ag7jGahWeIKwpiWPfV2Ho/960/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg" /> <meta name="msvalidate.01" content="C524AA89AB0E59F5DC8A8C73F67C655F" /> <meta name="MobileOptimized" content="480" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/azalea/dist/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="dns-prefetch" href="//s3.amazonaws.com"> <link rel="dns-prefetch" href="//www.google-analytics.com"> <link rel="dns-prefetch" href="//gateway.forsee.com"> <link rel="dns-prefetch" href="//static.addtoany.com"> <link rel="dns-prefetch" href="//maxcdn.bootstrapcdn.com"> <link rel="dns-prefetch" href="//cdn.jsdelivr.net"> <link rel="dns-prefetch" href="//js.adsrvr.org"> <link rel="preconnect" href="https://rsms.me"><link rel="preconnect" href="//d3ec1vt3scx7rr.cloudfront.net" crossorigin><link rel="preconnect" href="//cdn.saam.media" crossorigin> <link href="https://americanart.si.edu/themes/custom/azalea/dist/media/images/app/Icon-76-2x.png" rel="apple-touch-icon" sizes="152x152" /> <link href="https://americanart.si.edu/themes/custom/azalea/dist/media/images/app/Icon-60-2x.png" rel="apple-touch-icon" sizes="120x120" /> <link href="https://americanart.si.edu/themes/custom/azalea/dist/media/images/app/Icon-76.png" rel="apple-touch-icon" sizes="76x76" /> <link href="https://americanart.si.edu/themes/custom/azalea/dist/media/images/app/Icon-60.png" rel="apple-touch-icon" sizes="60x60" /> <link href="https://americanart.si.edu/themes/custom/azalea/dist/media/images/app/Icon-60.png" rel="shortcut icon" /> <title>Contemporary Art | Smithsonian American Art Museum</title> <style> [x-cloak] { display: none !important; } </style> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_dzC1XRsQ07g8gnwp5kUcgEwJS_BpMbz-WpjOXVVSDr4.css?delta=0&language=en&theme=azalea&include=eJxNx1sKgDAMBdENFbOkEu0NRloCTR_o6gVF8GeG46c3FFrZEfjiDKZ3n4Ym2OFhKKbT06VY6hnBRHRD3K1Xpz-iWC3cGuoN49olVQ" /> <link rel="stylesheet" media="all" href="/themes/custom/azalea/dist/css/app.css?sobdev" fetchpriority="high" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_cG7OGuSJmpiELnSYivzoShpOQDr6sedA8q1yRrePezk.css?delta=2&language=en&theme=azalea&include=eJxNx1sKgDAMBdENFbOkEu0NRloCTR_o6gVF8GeG46c3FFrZEfjiDKZ3n4Ym2OFhKKbT06VY6hnBRHRD3K1Xpz-iWC3cGuoN49olVQ" /> </head> <body class="path-node page-node-type-highlight h-full text-black"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W5ZN28L" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript> <a href="#main-content" class="visually-hidden sr-only focusable skip-link"> Skip to main content </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="drupal-region region-header"> <div id="block-viola-site-banners" class="drupal-block"> </div> </div> <div x-data="navbar()" class="sticky top-0 z-100"><div class="relative w-full bg-white border-b-2 border-black"><div class="azalea-container azalea-outer-gutter mx-auto"><div class="flex justify-between h-20 lg:h-24"><div class="flex px-2 lg:px-0"><div class="flex shrink-0 items-center"><div class="drupal-block"><a href="/" rel="home" tabindex="1" class="flex w-20 md:w-28 lg:w-32 justify-center items-center"><img src="/themes/custom/azalea/dist/media/images/logo.png" alt="Home" class="w-full" /></a><a class="sr-only" href="/" rel="home">Smithsonian American Art Museum</a><div class="sr-only">Smithsonian American Art Museum and Renwick Gallery</div></div></div><nav class="hidden lg:ml-12 lg:flex lg:space-x-6"><div id="visit-menu-tab" class="inline-flex items-center" ><a href="/visit" @mouseover.debounce="setMenu('visit')" @touchstart.prevent="setMenu('visit')" @focusin="setMenu('visit')" @focus="focusMenu('visit')" aria-haspopup="menu" :aria-selected="active === 'visit'" aria-controls="visit-menu" class="flex text-black hover:text-primary-700 text-md lg:text-lg font-medium hover:no-underline" ><span class="mr-2">Visit</span><div :class="active === 'visit' ? 'visible' : 'invisible'" class="group-hover:text-black inline-flex items-center w-3 md:w-4"><span x-cloak><div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><polyline points="6 9 12 15 18 9"></polyline></svg></div></span></div></a></div><div id="art-menu-tab" class="inline-flex items-center" ><a href="/art" @mouseover.debounce="setMenu('art')" @touchstart.prevent="setMenu('art')" @focusin="setMenu('art')" @focus="focusMenu('art')" aria-haspopup="menu" :aria-selected="active === 'art'" aria-controls="art-menu" class="flex text-black hover:text-primary-700 text-md lg:text-lg font-medium hover:no-underline" ><span class="mr-2">Art + Artists</span><div :class="active === 'art' ? 'visible' : 'invisible'" class="group-hover:text-black inline-flex items-center w-3 md:w-4"><span x-cloak><div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><polyline points="6 9 12 15 18 9"></polyline></svg></div></span></div></a></div><div id="research-menu-tab" class="inline-flex items-center" ><a href="/research" @mouseover.debounce="setMenu('research')" @touchstart.prevent="setMenu('research')" @focusin="setMenu('research')" @focus="focusMenu('research')" aria-haspopup="menu" :aria-selected="active === 'research'" aria-controls="research-menu" class="flex text-black hover:text-primary-700 text-md lg:text-lg font-medium hover:no-underline" ><span class="mr-2">Research</span><div :class="active === 'research' ? 'visible' : 'invisible'" class="group-hover:text-black inline-flex items-center w-3 md:w-4"><span x-cloak><div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><polyline points="6 9 12 15 18 9"></polyline></svg></div></span></div></a></div><div id="education-menu-tab" class="inline-flex items-center" ><a href="/education" @mouseover.debounce="setMenu('education')" @touchstart.prevent="setMenu('education')" @focusin="setMenu('education')" @focus="focusMenu('education')" aria-haspopup="menu" :aria-selected="active === 'education'" aria-controls="education-menu" class="flex text-black hover:text-primary-700 text-md lg:text-lg font-medium hover:no-underline" ><span class="mr-2">Education</span><div :class="active === 'education' ? 'visible' : 'invisible'" class="group-hover:text-black inline-flex items-center w-3 md:w-4"><span x-cloak><div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><polyline points="6 9 12 15 18 9"></polyline></svg></div></span></div></a></div><div id="about-menu-tab" class="inline-flex items-center" ><a href="/about" @mouseover.debounce="setMenu('about')" @touchstart.prevent="setMenu('about')" @focusin="setMenu('about')" @focus="focusMenu('about')" aria-haspopup="menu" :aria-selected="active === 'about'" aria-controls="about-menu" class="flex text-black hover:text-primary-700 text-md lg:text-lg font-medium hover:no-underline" ><span class="mr-2">About</span><div :class="active === 'about' ? 'visible' : 'invisible'" class="group-hover:text-black inline-flex items-center w-3 md:w-4"><span x-cloak><div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><polyline points="6 9 12 15 18 9"></polyline></svg></div></span></div></a></div><div id="donate-menu-tab" class="inline-flex items-center" ><a href="/donate" @mouseover.debounce="setMenu('donate')" @touchstart.prevent="setMenu('donate')" @focusin="setMenu('donate')" @focus="focusMenu('donate')" aria-haspopup="menu" :aria-selected="active === 'donate'" aria-controls="donate-menu" class="flex text-black hover:text-primary-700 text-md lg:text-lg font-medium hover:no-underline" ><span class="mr-2">Donate</span><div :class="active === 'donate' ? 'visible' : 'invisible'" class="group-hover:text-black inline-flex items-center w-3 md:w-4"><span x-cloak><div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><polyline points="6 9 12 15 18 9"></polyline></svg></div></span></div></a></div></nav></div><div class="flex-1 flex items-center justify-end px-2 lg:ml-6"><button id="search-button" @click.prevent="$dispatch('open-search-modal')" aria-label="Search"><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><circle cx="10" cy="10" r="7"></circle><line x1="21" y1="21" x2="15" y2="15"></line></svg></div></button></div><label for="main-menu" class="flex lg:hidden justify-center items-center px-2"><button @click.prevent="$dispatch('open-mobile-menu')" tabindex="0" aria-label="Main menu"><span class="sr-only">Menu</span><span class="text-primary-900 hover:text-tertiary-700"><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="4" y1="8" x2="20" y2="8"></line><line x1="4" y1="16" x2="20" y2="16"></line></svg></div></span></button></label></div></div></div><div x-cloak x-show="active !== null" :aria-expanded="active !== null" @mouseleave="close()" @click.away="close()" class="absolute inset-x-0 transform shadow-lg" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" ><div class="absolute inset-0 flex" aria-hidden="true"><div class="bg-white w-1/2"></div><div class="bg-tertiary-100 w-1/2"></div></div><div class="azalea-container"><div id="visit-menu" x-ref="visit-menu" x-show="active === 'visit'" ><div x-ignore class="relative grid grid-cols-1 lg:grid-cols-4 items-stretch"><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"><h5 id="plan-visit-menu-label">Visit Planning</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="plan-visit-menu-label"><li class="flex items-center"><a href="/visit" class="azalea-text-md text-tertiary-900">Plan Your Visit</a></li><li class="flex items-center"><a href="/search/events" class="azalea-text-md text-tertiary-900">Event Calendar</a></li><li class="flex items-center"><a href="/exhibitions" class="azalea-text-md text-tertiary-900">Current Exhibitions</a></li><li class="flex items-center"><a href="/visit/tours" class="azalea-text-md text-tertiary-900">Tours</a></li><li class="flex items-center"><a href="/visit/family-activities" class="azalea-text-md text-tertiary-900">Family Activities</a></li><li class="flex items-center"><a href="/visit/guidelines" class="azalea-text-md text-tertiary-900">Guidelines and Policies</a></li></ul></div><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"><h5 id="access-programs-menu-label">Access Programs</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="access-programs-menu-label"><li class="flex items-center"><a href="/visit/accessibility" class="azalea-text-md text-tertiary-900">Accessibility</a></li><li class="flex items-center"><a href="/events/asl-tours-art-signs" class="azalea-text-md text-tertiary-900">ASL Tours</a></li><li class="flex items-center"><a href="/events/dementia-programs" class="azalea-text-md text-tertiary-900">Dementia Programs</a></li><li class="flex items-center"><a href="/events/verbal-description-tours" class="azalea-text-md text-tertiary-900">Verbal Description Tours</a></li></ul></div><div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"><h5 id="museum-locations-menu-label">Museums</h5><div class="azalea-my-sm" aria-labelledby="research-your-art-menu-label"><div class="azalea-grid grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-x-2 md:gap-x-4 lg:gap-x-6 gap-y-8 md:gap-y-4 lg:gap-y-6"><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/visit/saam" aria-label="Smithsonian American Art Museum" rel="bookmark"><div class="flex w-full mb-4"><picture class="" ><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/_V-w4ViVCCG7zD3mzm85xZbYlB0/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2F2017-08%2Fluce_foundation_center.jpg"title=""alt="Luce Foundation Center"loading="lazy"/></picture></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> Smithsonian American Art Museum </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm">Open Daily, 11:30 a.m.–7:00 p.m</div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Plan your visit</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/visit/renwick" aria-label="Renwick Gallery" rel="bookmark"><div class="flex w-full mb-4"><picture class="" ><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/WNGyjsX7MT_uXogV5vfxOOhPTms/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2F2017-08%2Frenwick_stairwellodiledecqrug2.jpg"title=""alt="Renwick Gallery Stairwwell"loading="lazy"/></picture></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> Renwick Gallery </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm">Open Daily, 10:00 a.m.–5:30 p.m</div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Plan your visit</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a></div></div><a href="#art-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a></div></div></div><div id="art-menu" x-ref="art-menu" x-show="active === 'art'" ><div x-ignore class="relative grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 items-stretch"><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"><h5 id="explore-art-menu-label">Explore Art and Artists</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="explore-art-menu-label"><li class="flex items-center"><a href="/art/highlights" class="azalea-text-md text-tertiary-900">Collection Highlights</a></li><li class="flex items-center"><a href="/search/artworks" class="azalea-text-md text-tertiary-900">Search Artworks</a></li><li class="flex items-center"><a href="/art/new" class="azalea-text-md text-tertiary-900">New Acquisitions</a></li><li class="flex items-center"><a href="/search/artists" class="azalea-text-md text-tertiary-900">Search Artists</a></li><li class="flex items-center"><a href="/search/artists?genders[]=3254" class="azalea-text-md text-tertiary-900">Search Women Artists</a></li></ul><h5 id="something-fun-menu-label">Something Fun</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="something-fun-menu-label"><li class="flex items-center"><a href="/art/artists/all/birthdays" class="azalea-text-md text-tertiary-900">Which Artist Shares Your Birthday?</a></li><li class="flex items-center"><a href="/art/art-comics" class="azalea-text-md text-tertiary-900">Comics</a></li></ul></div><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"><h5 id="exhibitions-menu-label">Exhibitions</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="exhibitions-menu-label"><li class="flex items-center"><a href="/exhibitions" class="azalea-text-md text-tertiary-900">Current Exhibitions</a></li><li class="flex items-center"><a href="/exhibitions/upcoming" class="azalea-text-md text-tertiary-900">Upcoming Exhibitions</a></li><li class="flex items-center"><a href="/exhibitions/traveling" class="azalea-text-md text-tertiary-900">Traveling Exhibitions</a></li><li class="flex items-center"><a href="/exhibitions/past" class="azalea-text-md text-tertiary-900">Past Exhibitions</a></li></ul><h5 id="art-conservation-menu-label">Art Conservation</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="art-conservation-menu-label"><li class="flex items-center"><a href="/art/conservation" class="azalea-text-md text-tertiary-900">Lunder Conservation Center</a></li></ul></div><div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"><h5 id="collection-highlights-menu-label">Collection Highlights</h5><div class="azalea-my-sm" aria-labelledby="collection-highlights-menu-label"><div class="views-element-container"><div class="js-view-dom-id-884d75149fa42484f74c10d8c0091d62bff9027d75e89c9755de37bcaedbbcce azalea-container"><div class="azalea-grid grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-3 gap-x-2 md:gap-x-4 lg:gap-x-6 gap-y-8 md:gap-y-4 lg:gap-y-6"><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/20th-century" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">20th Century</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/20th-century" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/6rF-mArxD6atNhygtEhcoDfD-58/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F14c6b5ea87a9e54cbb789ff9867557d7.jpg"title=""alt="20th Century"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/asian-american" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Asian American Art</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/asian-american" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/HqGYtr7cs7igAOgWa0ItTAphrzE/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2Fd072a4f042a26de62b4848e12f39becd.jpg"title=""alt="Asian American Art"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/photography" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Photography</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/photography" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/WotqOXZm9kLrkOwlNhu3mncOCLI/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2F2022-06%2Fhighlights_-_photography_untitled_broach_with_goatee.jpg"title=""alt="Photography"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/latinx" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Latinx Art</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/latinx" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/VNgg4-8PrHcWAy6W8WqWqeehpwI/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2FSAAM-2020.25.1_1.jpg"title=""alt="Latinx Art"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/sculpture" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Sculpture</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/sculpture" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/FYnJ6XGUSpOnRWa5YndNyDUA7H4/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F93d15294cfd738f54b853dc9516bdbf6.jpg"title=""alt="Sculpture"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/contemporary" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Contemporary Art</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/contemporary" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/glUBZha_vwxiu4aKxWdx5QbWxMQ/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg"title=""alt="Contemporary Art"loading="lazy"/></picture></a></div></div></div></div></div><a href="#research-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a></div></div></div><div id="research-menu" x-ref="research-menu" x-show="active === 'research'" ><div x-ignore class="relative grid grid-cols-1 lg:grid-cols-4 items-stretch"><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"><h5 id="research-resources-menu-label">Research Resources</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="research-resources-menu-label"><li class="flex items-center"><a href="/research" class="azalea-text-md text-tertiary-900">Research and Scholars Center</a></li><li class="flex items-center"><a href="/research/paik" class="azalea-text-md text-tertiary-900">Nam June Paik Archive Collection</a></li><li class="flex items-center"><a href="/research/photograph-study-collection" class="azalea-text-md text-tertiary-900">Photograph Study Collection</a></li><li class="flex items-center"><a href="/research/inventories" class="azalea-text-md text-tertiary-900">National Art Inventories Databases</a></li><li class="flex items-center"><a href="/research/inventories/outdoor-sculpture" class="azalea-text-md text-tertiary-900">Save Outdoor Sculpture!</a></li><li class="flex items-center"><a href="/research/my-art" class="azalea-text-md text-tertiary-900">Researching Your Art</a></li><li class="flex items-center"><a href="/research/library" class="azalea-text-md text-tertiary-900">Library</a></li></ul></div><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"><h5 id="publications-menu-label">Publications</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="publications-menu-label"><li class="flex items-center"><a href="/research/journal" class="azalea-text-md text-tertiary-900">American Art Journal</a></li><li class="flex items-center"><a href="/research/toward-equity-publishing" class="azalea-text-md text-tertiary-900">Toward Equity in Publishing</a></li><li class="flex items-center"><a href="/search/books" class="azalea-text-md text-tertiary-900">Catalogs and Books</a></li><li class="flex items-center"><a href="/research/symposia" class="azalea-text-md text-tertiary-900">Scholarly Symposia</a></li><li class="flex items-center"><a href="/research/awards" class="azalea-text-md text-tertiary-900">Publication Prizes</a></li></ul><h5 id="fellows-interns-menu-label">Fellows and Interns</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="fellows-interns-menu-label"><li class="flex items-center"><a href="/research/fellowships" class="azalea-text-md text-tertiary-900">Fellowship Programs</a></li><li class="flex items-center"><a href="/search/fellows" class="azalea-text-md text-tertiary-900">List of Fellows and Scholars</a></li><li class="flex items-center"><a href="/research/internships" class="azalea-text-md text-tertiary-900">Internship Programs</a></li></ul></div><div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"><h5 id="featured-resources-menu-label">Featured Resource</h5><div class="azalea-my-sm" aria-labelledby="featured-resources-menu-label"><div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="azalea-tile max-h-full grid grid-flow-row grid-cols-1 gap-4 w-full lg:max-h-128 lg:grid-cols-6 azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="col-span-1 lg:col-span-2"><a href="/research/my-art/first-steps" tabindex="-1"><img class="azalea-alt-text-sr-only max-w-full mx-auto max-h-full rounded-sm" src="//cdn.saam.media/Ca_H8DMj_UC3NjDXkjCgg8rshXs/640/640/center/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Ffiles%2Fimages%2F1967%2FSAAM-1967.110_1.jpg" title="" alt="A painting of an eye seen in the reflection of a mirror"></a></div><div class="col-span-1 lg:col-span-4"><header class="mb-4"><a href="/research/my-art/first-steps" class="mt-2 md:m-0 font-heading font-semibold text-xl text-black hover:no-underline"> How Do I Research My Art? </a></header><div><div class="azalea-text-sm overflow-ellipsis overflow-hidden text-base"> Want to learn more about the painting you found while clearing out the attic? For answers, be prepared for a little detective work. </div><a href="/research/my-art/first-steps" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Read more</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a></div></div></div></div></div></div><a href="#education-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a></div></div><div id="education-menu" x-ref="education-menu" x-show="active === 'education'" ><div x-ignore class="relative grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 items-stretch"><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"><h5 id="k-12-teachers-menu-label">For K-12 Teachers</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="k-12-teachers-menu-label"><li class="flex items-center"><a href="/education/k-12/resources" class="azalea-text-md text-tertiary-900">Teachers Guides and Resources</a></li><li class="flex items-center"><a href="/education/k-12/field-trips" class="azalea-text-md text-tertiary-900">Field Trips and School Tours</a></li><li class="flex items-center"><a href="/education/k-12/professional-development" class="azalea-text-md text-tertiary-900">Professional Development</a></li><li class="flex items-center"><a href="/education/k-12/videoconferences" class="azalea-text-md text-tertiary-900">Classroom Videoconferences</a></li><li class="flex items-center"><a href="/education/k-12/professional-development/summer-institutes" class="azalea-text-md text-tertiary-900">Summer Institutes for Teachers</a></li><li class="flex items-center"><a href="/education/k-12/dodea" class="azalea-text-md text-tertiary-900">Student Artwork Showcase</a></li></ul></div><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"><h5 id="adult-learners-menu-label">For Lifelong Learners</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="adult-learners-menu-label"><li class="flex items-center"><a href="/education/adult" class="azalea-text-md text-tertiary-900">Adult Learners</a></li><li class="flex items-center"><a href="/visit/tours/request" class="azalea-text-md text-tertiary-900">Group Tour Request</a></li></ul><h5 id="learn-from-home-menu-label">Learn from Home</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="learn-from-home-menu-label"><li class="flex items-center"><a href="/education/learn-from-home" class="azalea-text-md text-tertiary-900">Resources for Learning at Home</a></li><li class="flex items-center"><a href="/visit/family-activities" class="azalea-text-md text-tertiary-900">Family Activities</a></li></ul></div><div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"><h5 id="featured-resources-menu-label">Featured Resource</h5><div class="azalea-my-sm" aria-labelledby="featured-resources-menu-label"><div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="azalea-tile max-h-full grid grid-flow-row grid-cols-1 gap-4 w-full lg:max-h-128 lg:grid-cols-6 azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="col-span-1 lg:col-span-2"><a href="/search/learning-resources?content_type=learningresource&featured=true" tabindex="-1"><img src="//cdn.saam.media/6yWoajeJYaf08oT3To_R7XR-hpQ/640/640/center/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Ffiles%2Fimages%2F1967%2FSAAM-1967.59.664_2.jpg" class="azalea-alt-text-sr-only max-w-full mx-auto max-h-full rounded-sm" title="" alt="Image of an oil painting titled Booker T. Washington Legend"></a></div><div class="col-span-1 lg:col-span-4"><header class="mb-4"><a href="/search/learning-resources" class="mt-2 md:m-0 font-heading font-semibold text-tertiary-900 text-xl text-black hover:no-underline"> Educational Resources Search </a></header><div><div class="azalea-text-sm overflow-ellipsis overflow-hidden text-base"> Find lesson plans, hands-on activities, and more for learners of all ages. </div><a href="/search/learning-resources" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Search educational resources</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a></div></div></div></div></div></div><a href="#about-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a></div></div><div id="about-menu" x-ref="about-menu" x-show="active === 'about'" ><div x-ignore class="relative grid grid-cols-1 lg:grid-cols-4 items-stretch"><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"><h5 id="latest-news-menu-label">Latest News</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="latest-news-menu-label"><li class="flex items-center"><a href="/blog" class="azalea-text-md text-tertiary-900">SAAM Stories</a></li><li class="flex items-center"><a href="/press" class="azalea-text-md text-tertiary-900">Press Room</a></li><li class="flex items-center"><a href="/search/videos" class="azalea-text-md text-tertiary-900">Videos</a></li></ul><h5 id="about-museums-menu-label">About the Museums</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="about-museums-menu-label"><li class="flex items-center"><a href="/about" class="azalea-text-md text-tertiary-900">About Us</a></li><li class="flex items-center"><a href="/about/history" class="azalea-text-md text-tertiary-900">Museum History</a></li></ul><h5 id="host-event-menu-label">Host an Event</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="host-event-menu-label"><li class="flex items-center"><a href="/about/event-spaces" class="azalea-text-md text-tertiary-900">Event Venues and Space Rental</a></li></ul></div><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"><h5 id="connect-with-us-menu-label">Connect with Us</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="connect-with-us-menu-label"><li class="flex items-center"><a href="/about/careers" class="azalea-text-md text-tertiary-900">Careers</a></li><li class="flex items-center"><a href="/about/volunteers" class="azalea-text-md text-tertiary-900">Volunteer</a></li><li class="flex items-center"><a href="/about/contact" class="azalea-text-md text-tertiary-900">Contact Us</a></li><li class="flex items-center"><a href="/about/news" class="azalea-text-md text-tertiary-900">Sign up for our Newsletter</a></li></ul><h5 id="shop-online-menu-label">Shop Online</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="shop-online-menu-label"><li class="flex items-center"><a href="https://saamnpgstore.si.edu/" class="azalea-text-md text-tertiary-900">Museum Store Online</a></li></ul></div><div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"><h5 id="featured-posts-menu-label">Featured Story</h5><div class="azalea-my-sm" aria-labelledby="featured-posts-menu-label"><div class="views-element-container"><div class="js-view-dom-id-367031ad06ad505e6c817b3f063827472801fa1ecceae7115b4dd7a7ec58a70c azalea-container"><div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="azalea-tile max-h-full grid grid-flow-row grid-cols-1 gap-4 w-full lg:max-h-128 lg:grid-cols-6 azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="col-span-1 lg:col-span-2"><a href="/blog/rural-education" tabindex="-1"><picture class="" ><img class="azalea-alt-text-sr-only max-w-full mx-auto rounded-sm" src="//cdn.saam.media/qPeq9Cgv-zIGSXkSu7OAkUj-Ivs/640/640/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2Fimage%2F1730822449%2FRural%2520Initiative_Mary%2520Tait.jpg"title=""alt="Teachers use rolled pieces of paper as telescopes."loading="lazy"/></picture></a></div><div class="col-span-1 lg:col-span-4"><header class="mb-4"><a href="/blog/rural-education" class="mt-2 md:m-0 font-heading font-semibold text-xl text-black hover:no-underline" role="heading" aria-level="4" > Teachers from Rural Communities Find Inspiration at SAAM </a></header><div><div class="azalea-text-sm overflow-ellipsis overflow-hidden text-base"> SAAM's Education Department serves teachers and students in rural communities. </div><a href="/blog/rural-education" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Read more</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a></div></div></div></div></div></div></div><a href="#donate-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a></div></div></div><div id="donate-menu" x-ref="donate-menu" x-show="active === 'donate'" ><div class="relative grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 items-stretch"><div x-ignore class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"><h5 id="donate-menu-label">Donate</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="donate-menu-label"><li><a href="/donate" class="azalea-text-md text-tertiary-900">Support the Museum</a></li><li><a href="/donate/corporate-patrons" class="azalea-text-md text-tertiary-900">Corporate Patrons</a></li><li><a href="https://legacy.si.edu/saam/" class="azalea-text-md text-tertiary-900">Gift Planning</a></li><li><a href="/about/contact/donating-artworks" class="azalea-text-md text-tertiary-900">Donating Artworks</a></li></ul></div><div x-ignore class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"><h5 id="member-join-menu-label">Join</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="member-join-menu-label"><li><a href="/donate/directors-circle" class="azalea-text-md text-tertiary-900">Join the Director's Circle</a></li><li><a href="/donate/creatives" class="azalea-text-md text-tertiary-900">Join SAAM Creatives</a></li></ul></div><div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"><h5 id="become-a-member-menu-label">Become a member</h5><div class="azalea-my-sm" aria-labelledby="become-a-member-menu-label"><div class="azalea-grid grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-x-2 md:gap-x-4 lg:gap-x-6 gap-y-8 md:gap-y-4 lg:gap-y-6"><div><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/donate/directors-circle" aria-label="Director's Circle Membership" rel="bookmark"><div class="flex w-full mb-4"><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/uJlEByfKHHbFgBKqsIoRgUoy0yM/640/360/center/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Fimages%2F2017-08%2Fdonate_hero_planned_giving.jpg" title="" alt="A couple dances while a string band plays music" loading="lazy"></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> Director’s Circle </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm overflow-ellipsis overflow-hidden"> A national membership group of museum friends who share a love of American art and craft. </div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Join now</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a></div><div><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/donate/creatives" aria-label="SAAM Creatives Membership" rel="bookmark"><div class="flex w-full mb-4"><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/s88HvgSPSEA_IlPQUHkAYDHCsjg/640/360/top/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Fimages%2Fimage%2F1684034713%2Fsaam-creatives-thumbnail.jpg" title="" alt="A group of young people pose for a photograph" loading="lazy"></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> SAAM Creatives </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm overflow-ellipsis overflow-hidden"> A membership group for young professionals interested in the American art experience. </div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Join now</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a></div></div></div><a href="#search-button" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Close menu</a></div></div></div></div></div></div> <div class="azalea-outer-gutter flex flex-col space-y-2 md:space-y-0"> <main role="main" tabindex="-1" class="focus:outline-none"> <a id="main-content"></a> <div class="drupal-region azalea-container"> <div id="block-azalea-breadcrumbs" class="drupal-block"> <div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4 azalea-my-md"><nav class="azalea-breadcrumb px-2 md:px-0" role="navigation" aria-label="Breadcrumb"><ol class="flex items-center space-x-6 pl-0 overflow-x-auto azalea-scrollbar-hidden"><li class=""><div class="azalea-text-sm md:azalea-text-md"><a class="text-tertiary-500 hover:text-tertiary-900 whitespace-nowrap truncate" href="/art">Art + Artists</a></div></li><li class="flex items-center"><div>/</div><div class="azalea-text-sm md:azalea-text-md ml-4"><a class="text-tertiary-500 hover:text-tertiary-900 whitespace-nowrap truncate" href="/art/highlights">Highlights</a></div></li></ol></nav></div> </div> </div> <div class="drupal-region region-highlighted"> <div data-drupal-messages-fallback class="hidden"></div> </div> <div class="drupal-region region-content"> <div id="block-pagetitle" class="drupal-block"> <div class="max-w-screen-2xl mx-auto"> <div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4 azalea-my-lg"><h1><span class="mx-2 md:mx-0 inline-block indent-0">Contemporary Art</span></h1></div> </div> </div> <div id="block-azalea-content" class="drupal-block"> <article class="azalea-container"> <section class="azalea-container grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-4 lg:gap-6"> <div> <figure> <picture class="" ><source type="image/webp" srcset="//cdn.saam.media/JYCBZKSoy7RGY-Mp05TEPV6Xbk4/640/0/center/cover/webp/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg 640w, //cdn.saam.media/9UW7rpNsZ7NVR6dHKFYeXonXLLc/960/0/center/cover/webp/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg 768w, //cdn.saam.media/t7E1vm946Xo0AshZvp2OezBDDQo/1200/0/center/cover/webp/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg 1024w, //cdn.saam.media/bpHxe5i_WWa1mRymVWSM2HvA7O4/2600/0/center/cover/webp/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg 1280w" sizes="100vw"><source type="image/jpeg" srcset="//cdn.saam.media/jjbsk3vewK0n09GtRKQeW0B0uDo/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg 640w, //cdn.saam.media/-fD6n1ag7jGahWeIKwpiWPfV2Ho/960/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg 768w, //cdn.saam.media/nCsE4rcXI_igb7XpiImdgbZiyOc/1200/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg 1024w, //cdn.saam.media/gsjzc4tKXsyU1viDd4lT8HETIa8/2600/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg 1280w" sizes="100vw"><img class="azalea-alt-text-sr-only max-w-full mx-auto" src="//cdn.saam.media/-fD6n1ag7jGahWeIKwpiWPfV2Ho/960/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg"title=""alt="Media - 2015.34 - SAAM-2015.34_1 - 116878"loading="lazy"/></picture> <figcaption class="azalea-caption p-4"> Mark Bradford, Amendment #8, 2014, mixed media, Smithsonian American Art Museum, Gift of the Lohrfink Foundation and museum purchase through the Luisita L. and Franz H. Denghausen Endowment, 2015.34, © 2014, Mark Bradford </figcaption> </figure> </div> <div> <div class="azalea-text-lg"><p>In recent years, the museum has strengthened its commitment to contemporary art through acquisitions, commissions, and exhibitions. The museum has acquired important works by <a href="https://americanart.si.edu/person/6559/barbara-bosworth">Barbara Bosworth</a>, <a href="https://americanart.si.edu/person/9728/deborah-butterfield">Deborah Butterfield</a>, <a href="https://americanart.si.edu/person/10020/walton-ford">Walton Ford</a>, <a href="https://americanart.si.edu/person/6727/frank-gohlke">Frank Gohlke</a>, <a href="https://americanart.si.edu/person/3081/john-r-gossage">John Gossage</a>, <a href="https://americanart.si.edu/person/10019/jenny-holzer">Jenny Holzer</a>, <a href="https://americanart.si.edu/person/10154/robert-longo">Robert Longo</a>, <a href="https://americanart.si.edu/person/10223/kerry-james-marshall">Kerry James Marshall</a>, <a href="https://americanart.si.edu/person/10439/tim-rollins">Tim Rollins</a> and K.O.S, <a href="https://americanart.si.edu/person/9310/sean-scully">Sean Scully</a>, and <a href="https://americanart.si.edu/person/10156/jean-shin">Jean Shin</a>, among others.</p> <p>A particular collecting focus has been <a href="https://americanart.si.edu/art/highlights/media-art">video and time-based art</a>. The museum has assembled a serious collection of key artworks from the history of video art as well as works by new generation of artists on the cutting edge of media arts. <a href="https://americanart.si.edu/person/10005/cory-arcangel">Cory Arcangel</a>, <a href="https://americanart.si.edu/person/10218/jim-campbell">Jim Campbell</a>, <a href="https://americanart.si.edu/person/10008/peter-campus">Peter Campus</a>, <a href="https://americanart.si.edu/person/10219/kota-ezawa">Kota Ezawa</a>, <a href="https://americanart.si.edu/person/10194/svetlana-kopystiansky">Svetlana</a> and <a href="https://americanart.si.edu/person/10193/igor-kopystiansky">Igor Kopystiansky</a>, <a href="https://americanart.si.edu/person/4728/nam-june-paik">Nam June Paik</a>, <a href="https://americanart.si.edu/person/10220/marina-zurkow">Marina Zurkow</a>, and many others are represented in the museum's permanent collection.</p> </div> </div> </section> <div x-data="{ active: null }" class="scrollable-container"> <div class="relative w-full bg-white sticky z-10 top-[78px] md:top-[84px] lg:top-[98px]"> <div class="azalea-container azalea-outer-gutter mx-auto"> <nav class="flex space-x-8 azalea-scrollbar-hidden overflow-x-auto" aria-label="Tabs"> <button @click="active = 'artworks'; $refs.artworks.scrollIntoView({ behavior: 'smooth' });" :class="{ 'border-black border-b-2 font-semibold' : active === 'artworks' }" class="flex items-center py-4 px-1 font-medium text-lg whitespace-nowrap"> Artworks </button> <button @click="active = 'constituents'; $refs.constituents.scrollIntoView({ behavior: 'smooth' });" :class="{ 'border-black border-b-2 font-semibold' : active === 'constituents' }" class="flex items-center py-4 px-1 font-medium text-lg whitespace-nowrap"> Artists </button> </nav> </div> </div> <div class="azalea-container" x-intersect:leave="active = null"> <section x-ref="artworks" x-intersect.margin.150px.25px="active = 'artworks'" class="scroll-mt-36"> <div class="azalea-container azalea-my-sm relative py-2 md:py-4"><div class="absolute inset-0 flex items-center" aria-hidden="true"><div class="w-full border-t border-primary-900"></div></div></div><header class="scroll-mt-36 azalea-section-header azalea-container sm:flex sm:items-center sm:justify-between"><h3 class="azalea-heading-section mb-0"> Selected Works </h3></header><div class="mb-4 md:mb-8"><div class="azalea-container azalea-my-sm relative py-2 md:py-4"><div class="absolute inset-0 flex items-center" aria-hidden="true"><div class="w-full border-t border-tertiary-300"></div></div></div></div> <div class="azalea-grid grid grid-cols-2 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-4 xl:grid-cols-4 gap-x-2 md:gap-x-4 lg:gap-x-6 gap-y-8 md:gap-y-4 lg:gap-y-6"><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/electronic-superhighway-continental-us-alaska-hawaii-71478" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/electronic-superhighway-continental-us-alaska-hawaii-71478" class="w-full hover:no-underline" aria-label="Electronic Superhighway: Continental U.S., Alaska, Hawaii""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-2002.23_1&max=640"alt="Nam June Paik, Electronic Superhighway: Continental U.S., Alaska, Hawaii, 1995, fifty-one channel video installation (including one closed-circuit television feed), custom electronics, neon lighting, steel and wood; color, sound, Smithsonian American Art Museum, Gift of the artist, 2002.23, © Nam June Paik Estate"loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/electronic-superhighway-continental-us-alaska-hawaii-71478"> Electronic Superhighway: Continental U.S., Alaska, Hawaii </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/artist/nam-june-paik-3670"> Nam June Paik </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">1995</span></div><div class="azalea-text-sm azalea-capitalize-first"> fifty-one channel video installation (including one closed-circuit television feed), custom electronics, neon lighting, steel and wood; color, sound </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-success" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> On view </div></footer></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/amendment-8-109468" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/amendment-8-109468" class="w-full hover:no-underline" aria-label="Amendment #8""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-2015.34_1&max=640"alt="Mark Bradford, Amendment #8, 2014, mixed media, Smithsonian American Art Museum, Gift of the Lohrfink Foundation and museum purchase through the Luisita L. and Franz H. Denghausen Endowment, 2015.34, © 2014, Mark Bradford"loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/amendment-8-109468"> Amendment #<span class="numbers">8</span></a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/artist/mark-bradford-30799"> Mark Bradford </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">2014</span></div><div class="azalea-text-sm azalea-capitalize-first"> mixed media </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-success" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> On view </div></footer></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/grand-central-station-2-78304" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/grand-central-station-2-78304" class="w-full hover:no-underline" aria-label="Grand Central Station #2""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-2010.22A-C_1&max=640"alt="Jim Campbell, Grand Central Station #2, 2009, custom electronics, LEDs, and mounted photo-transparency, Smithsonian American Art Museum, Museum purchase made possible by the American Art Forum, 2010.22A-C, © 2009, Jim Campbell"loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/grand-central-station-2-78304"> Grand Central Station #<span class="numbers">2</span></a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/artist/jim-campbell-29579"> Jim Campbell </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">2009</span></div><div class="azalea-text-sm azalea-capitalize-first"> custom electronics, LEDs, and mounted photo-transparency </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-error" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> Not on view </div></footer></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/photoshop-cs-50-50-inches-300-dpi-rgb-square-pixels-86360" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/photoshop-cs-50-50-inches-300-dpi-rgb-square-pixels-86360" class="w-full hover:no-underline" aria-label="Photoshop CS: 50 by 50 inches, 300 DPI, RGB, square pixels, default gradient “Blue, Yellow, Blue”, mousedown y=2000 x=1500, mouseup y=9350 x=1650; tool “Wand”, select y=5000, x=2000, tolerance=32, contiguous= off; default gradient “Spectrum”, ""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-2014.8_1&max=640"alt="Cory Arcangel, Photoshop CS: 50 by 50 inches, 300 DPI, RGB, square pixels, default gradient “Blue, Yellow, Blue”, mousedown y=2000 x=1500, mouseup y=9350 x=1650; tool “Wand”, select y=5000, x=2000, tolerance=32, contiguous= off; default gradient “Spectrum”, mousedown y=8050 x=8700, mouseup y=3600 x=5050, 2013, chromogenic print, Smithsonian American Art Museum, Museum purchase through the Luisita L. and Franz H. Denghausen Endowment, 2014.8, © Cory Arcangel. Image courtesy of Cory Arcangel."loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/photoshop-cs-50-50-inches-300-dpi-rgb-square-pixels-86360"> Photoshop CS: <span class="numbers">50</span> by <span class="numbers">50</span> inches, <span class="numbers">300</span> DPI, RGB, square pixels,… </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/artist/cory-arcangel-28954"> Cory Arcangel </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">2013</span></div><div class="azalea-text-sm azalea-capitalize-first"> chromogenic print </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-error" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> Not on view </div></footer></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/monekana-71406" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/monekana-71406" class="w-full hover:no-underline" aria-label="Monekana""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-2002.3_1&max=640"alt="Deborah Butterfield, Monekana, 2001, bronze, Smithsonian American Art Museum, Gift of the American Art Forum, Mr. and Mrs. Frank O. Rushing, Shelby and Frederick Gans and museum purchase, 2002.3, © 2001, Deborah Butterfield"loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/monekana-71406"> Monekana </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/artist/deborah-butterfield-27799"> Deborah Butterfield </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">2001</span></div><div class="azalea-text-sm azalea-capitalize-first"> bronze </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-error" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> Not on view </div></footer></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/untitled-series-pond-76651" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/untitled-series-pond-76651" class="w-full hover:no-underline" aria-label="Untitled, from the series The Pond""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-2007.40.31_1&max=640"alt="John R. Gossage, Untitled, from the series The Pond, 1985, gelatin silver print, Smithsonian American Art Museum, Gift of anonymous donors, 2007.40.31, © 1985, John Gossage"loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/untitled-series-pond-76651"> Untitled, from the series The Pond </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/artist/john-r-gossage-1885"> John R. Gossage </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">1985</span></div><div class="azalea-text-sm azalea-capitalize-first"> gelatin silver print </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-error" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> Not on view </div></footer></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/chemical-balance-iii-77496" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/chemical-balance-iii-77496" class="w-full hover:no-underline" aria-label="Chemical Balance III""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-2010.2A-E_1&max=640"alt="Jean Shin, Chemical Balance III, 2009, prescription pill bottles, acrylic mirrors, epoxy, fluorescent lights, Smithsonian American Art Museum, Gift of an anonymous donor in honor of YoungArts, the core program of the National Foundation for Advancement in the Arts, 2010.2A-E, © 2009, Jean Shin"loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/chemical-balance-iii-77496"> Chemical Balance III </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/artist/jean-shin-29309"> Jean Shin </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">2009</span></div><div class="azalea-text-sm azalea-capitalize-first"> prescription pill bottles, acrylic mirrors, epoxy, fluorescent lights </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-error" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> Not on view </div></footer></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/maesta-73256" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/maesta-73256" class="w-full hover:no-underline" aria-label="Maesta""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-2004.1A-C_1&max=640"alt="Sean Scully, Maesta, 1983, oil on canvas, Smithsonian American Art Museum, Museum purchase through the Luisita L. and Franz H. Denghausen Endowment, 2004.1A-C, © 1983, Sean Scully"loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/maesta-73256"> Maesta </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/artist/sean-scully-18467"> Sean Scully </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">1983</span></div><div class="azalea-text-sm azalea-capitalize-first"> oil on canvas </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-success" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> On view </div></footer></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/tur-76772" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/tur-76772" class="w-full hover:no-underline" aria-label="Tur""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-2008.4A-C_1&max=640"alt="Walton Ford, Tur, 2007, watercolor and gouache on paper, Smithsonian American Art Museum, Gift of the American Art Forum and Nion T. McEvoy, 2008.4A-C, © 2007, Walton Ford"loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/tur-76772"> Tur </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/artist/walton-ford-28993"> Walton Ford </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">2007</span></div><div class="azalea-text-sm azalea-capitalize-first"> watercolor and gouache on paper </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-error" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> Not on view </div></footer></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/untitled-hercules-77326" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/untitled-hercules-77326" class="w-full hover:no-underline" aria-label="Untitled (Hercules)""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-2009.1_1&max=640"alt="Robert Longo, Untitled (Hercules), 2008, charcoal on paper, Smithsonian American Art Museum, Museum purchase through the Luisita L. and Franz H. Denghausen Endowment, 2009.1, © 2008, Robert Longo and Metro Pictures"loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/untitled-hercules-77326"> Untitled (Hercules) </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/artist/robert-longo-29300"> Robert Longo </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">2008</span></div><div class="azalea-text-sm azalea-capitalize-first"> charcoal on paper </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-error" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> Not on view </div></footer></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/sob-sob-78744" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/sob-sob-78744" class="w-full hover:no-underline" aria-label="SOB, SOB""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-2010.29_1&max=640"alt="Kerry James Marshall, SOB, SOB, 2003, acrylic on fiberglass, Smithsonian American Art Museum, Museum purchase through the Luisita L. and Franz H. Denghausen Endowment, 2010.29, © 2003, Kerry James Marshall"loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/sob-sob-78744"> SOB, SOB </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/artist/kerry-james-marshall-29624"> Kerry James Marshall </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">2003</span></div><div class="azalea-text-sm azalea-capitalize-first"> acrylic on fiberglass </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-success" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> On view </div></footer></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/two-eastern-phoebes-76754" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/two-eastern-phoebes-76754" class="w-full hover:no-underline" aria-label="Two Eastern Phoebes""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-2008.2.24_1&max=640"alt="Barbara Bosworth, Two Eastern Phoebes, 2004, chromogenic print, Smithsonian American Art Museum, Gift of Haluk and Elisa Soykan, 2008.2.24, © 2004, Barbara Bosworth"loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/two-eastern-phoebes-76754"> Two Eastern Phoebes </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/artist/barbara-bosworth-5839"> Barbara Bosworth </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">2004</span></div><div class="azalea-text-sm azalea-capitalize-first"> chromogenic print </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-error" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> Not on view </div></footer></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/aerial-view-tulsa-oklahoma-32905" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/aerial-view-tulsa-oklahoma-32905" class="w-full hover:no-underline" aria-label="Aerial View - Tulsa, Oklahoma""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-1992.32.24_1&max=640"alt="Frank Gohlke, Aerial View - Tulsa, Oklahoma, 1981, printed 1982, gelatin silver print, Smithsonian American Art Museum, Gift of Joshua P. Smith, 1992.32.24, © 1981, Frank Gohlke"loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/aerial-view-tulsa-oklahoma-32905"> Aerial View — Tulsa, Oklahoma </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/artist/frank-gohlke-6060"> Frank Gohlke </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">1981, printed 1982</span></div><div class="azalea-text-sm azalea-capitalize-first"> gelatin silver print </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-error" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> Not on view </div></footer></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/any-means-necessary-after-malcolm-x-78300" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/any-means-necessary-after-malcolm-x-78300" class="w-full hover:no-underline" aria-label="By Any Means Necessary (after Malcolm X)""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-2010.18_1&max=640"alt="Tim Rollins, Tim Rollins and K.O.S., By Any Means Necessary (after Malcolm X), 2008, matte acrylic and book pages on canvas, Smithsonian American Art Museum, Museum purchase through the Luisita L. and Franz H. Denghausen Endowment, 2010.18, © 2008, Tim Rollin and K.O.S."loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/any-means-necessary-after-malcolm-x-78300"> By Any Means Necessary (after Malcolm X) </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/institution/tim-rollins-and-kos-29279"> Tim Rollins and K.O.S. </a></div><div class="ml-2"><a href="/artist/tim-rollins-30345"> Tim Rollins </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">2008</span></div><div class="azalea-text-sm azalea-capitalize-first"> matte acrylic and book pages on canvas </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-success" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> On view </div></footer></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artwork/elixir-ii-78307" rel="bookmark"><div class="flex w-full mb-4"><a href="/artwork/elixir-ii-78307" class="w-full hover:no-underline" aria-label="Elixir II""><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="https://ids.si.edu/ids/deliveryService?id=SAAM-2010.24_1&max=640"alt="Marina Zurkow, Elixir II, 2009, continuous digital animation, color, silent; 05:00 minutes, Smithsonian American Art Museum, Gift of Gary Wolkowitz, 2010.24, © 2009, Marina Zurkow"loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a class="azalea-heading-level-4 text-black" href="/artwork/elixir-ii-78307"> Elixir II </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="flex flex-row space-x-2 my-2"><strong class="font-semibold">Artist</strong><div><div class="ml-2"><a href="/artist/marina-zurkow-29583"> Marina Zurkow </a></div></div></div><div class="azalea-text-sm my-2"><strong class="font-semibold">Date</strong><span class="azalea-capitalize-first ml-2">2009</span></div><div class="azalea-text-sm azalea-capitalize-first"> continuous digital animation, color, silent; 05:00 minutes </div></div><footer class="pb-4 text-left"><div class="azalea-badge inline-flex items-center text-center font-medium text-black bg-transparent border border-black azalea-text-xs py-0.5 pl-1.5 pr-2.5 rounded-sm"><svg fill="currentColor" class="mx-1.5 h-1.5 w-1.5 text-error" viewBox="0 0 8 8"><circle cx="4" cy="4" r="3" /></svg> Not on view </div></footer></div></div> </section> <section x-ref="constituents" x-intersect.margin.150px.25px="active = 'constituents'" class="scroll-mt-36"> <div class="azalea-container azalea-my-sm relative py-2 md:py-4"><div class="absolute inset-0 flex items-center" aria-hidden="true"><div class="w-full border-t border-primary-900"></div></div></div><header class="scroll-mt-36 azalea-section-header azalea-container sm:flex sm:items-center sm:justify-between"><h3 class="azalea-heading-section mb-0"> Related Artists </h3></header><div class="mb-4 md:mb-8"><div class="azalea-container azalea-my-sm relative py-2 md:py-4"><div class="absolute inset-0 flex items-center" aria-hidden="true"><div class="w-full border-t border-tertiary-300"></div></div></div></div> <div class="azalea-grid grid grid-cols-2 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-4 xl:grid-cols-4 gap-x-2 md:gap-x-4 lg:gap-x-6 gap-y-8 md:gap-y-4 lg:gap-y-6"><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/barbara-bosworth-5839" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/barbara-bosworth-5839" class="w-full hover:no-underline" aria-label="Barbara Bosworth"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/acqVMGfGzih1Tgogl13rxELWG40/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2008%2FSAAM-2008.2.33_1.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/barbara-bosworth-5839" class="azalea-heading-level-4 text-black"> Barbara Bosworth </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born Cleveland, OH 1953 </div><div class="azalea-text-sm"><p>Photographer Barbara Bosworth focuses on landscape photography and is particularly interested in the interrelatedness of man and the natural environment.</p></div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/deborah-butterfield-27799" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/deborah-butterfield-27799" class="w-full hover:no-underline" aria-label="Deborah Butterfield"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/uGXVOnGp_JjCJvM1W91wnC951kg/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2002%2FSAAM-2002.3_1.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/deborah-butterfield-27799" class="azalea-heading-level-4 text-black"> Deborah Butterfield </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born San Diego, CA 1949 </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/walton-ford-28993" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/walton-ford-28993" class="w-full hover:no-underline" aria-label="Walton Ford"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/94aiS9sWfN5lfNLzHWGbWZbzM8I/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2008%2FSAAM-2008.4A-C_1.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/walton-ford-28993" class="azalea-heading-level-4 text-black"> Walton Ford </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born Larchmont, NY 1960 </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/frank-gohlke-6060" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/frank-gohlke-6060" class="w-full hover:no-underline" aria-label="Frank Gohlke"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/f8927wGewJKBtGSfl3kTNr3vcno/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F1992%2FSAAM-1992.69.2_1.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/frank-gohlke-6060" class="azalea-heading-level-4 text-black"> Frank Gohlke </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born Wichita Falls, TX 1942 </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/john-r-gossage-1885" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/john-r-gossage-1885" class="w-full hover:no-underline" aria-label="John R. Gossage"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/BTSG-A9ufF7b3bL72QD-5ItU6lY/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F1984%2FSAAM-1984.112.1_1.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/john-r-gossage-1885" class="azalea-heading-level-4 text-black"> John R. Gossage </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born New York City 1946 </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/jenny-holzer-28991" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/jenny-holzer-28991" class="w-full hover:no-underline" aria-label="Jenny Holzer"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/mHMbRGSYN0ZFA3z7e3ml-NWHxHk/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fbios%2Fimages%2Fimage%2F1725907354%2FjennyHolzer.jpg"title=""alt="Black and white photo of Jenny Holzer with a light source to the left and her left hand on the back of her neck."loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/jenny-holzer-28991" class="azalea-heading-level-4 text-black"> Jenny Holzer </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born Gallipolis, OH 1950 </div><div class="azalea-text-sm"> Jenny Holzer presents original and found statements in a wide range of formats, inviting us to consider the societal messages we receive and the power dynamics underwriting them. "I like placing content wherever people look," she has remarked, "and that can be at the bottom of a cup or on a shirt or hat or on the surface of a river or all over a building." </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/robert-longo-29300" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/robert-longo-29300" class="w-full hover:no-underline" aria-label="Robert Longo"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/Uiqz83Psr4Cn_HJcFVZJe1_SQg4/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2009%2FSAAM-2009.1_1.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/robert-longo-29300" class="azalea-heading-level-4 text-black"> Robert Longo </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born New York City 1953 </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/kerry-james-marshall-29624" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/kerry-james-marshall-29624" class="w-full hover:no-underline" aria-label="Kerry James Marshall"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/QyCgGB3WJNUVR8j8Gw9vuEMpCrE/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2010%2FSAAM-2010.29_1.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/kerry-james-marshall-29624" class="azalea-heading-level-4 text-black"> Kerry James Marshall </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born Birmingham, AL 1955 </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/tim-rollins-30345" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/tim-rollins-30345" class="w-full hover:no-underline" aria-label="Tim Rollins"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/XFyVfCLLSHUxDSJDKZlCi6o8pwI/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2008%2FSAAM-2008.37.1.2_1.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/tim-rollins-30345" class="azalea-heading-level-4 text-black"> Tim Rollins </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born Pittsfield, ME 1955-died New York City 2017 </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/sean-scully-18467" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/sean-scully-18467" class="w-full hover:no-underline" aria-label="Sean Scully"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/4Gs4_gCpHKYuxSQswr2Q3dgEGTk/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2001%2FSAAM-2001.79.61_1.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/sean-scully-18467" class="azalea-heading-level-4 text-black"> Sean Scully </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born Dublin, Ireland 1945 </div><div class="azalea-text-sm"><p>Scully was born in Dublin, Ireland, in 1945 but was raised in London, where his family moved in 1949.</p></div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/jean-shin-29309" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/jean-shin-29309" class="w-full hover:no-underline" aria-label="Jean Shin"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/sSmSK3YgeI2d32wQu5j-PR8KdPM/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2010%2FSAAM-2010.2A-E_1.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/jean-shin-29309" class="azalea-heading-level-4 text-black"> Jean Shin </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born Seoul, South Korea 1971 </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/cory-arcangel-28954" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/cory-arcangel-28954" class="w-full hover:no-underline" aria-label="Cory Arcangel"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/eolURkof2_J1QqmaJy_qzg4t6UY/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2007%2FSAAM-2007.33.5_1-000001.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/cory-arcangel-28954" class="azalea-heading-level-4 text-black"> Cory Arcangel </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born Buffalo, NY 1978 </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/jim-campbell-29579" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/jim-campbell-29579" class="w-full hover:no-underline" aria-label="Jim Campbell"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/La7vYxsPLRmobnkj_sALYRH2qXY/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2010%2FSAAM-2010.22A-C_4.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/jim-campbell-29579" class="azalea-heading-level-4 text-black"> Jim Campbell </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born Chicago, IL 1956 </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/peter-campus-28957" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/peter-campus-28957" class="w-full hover:no-underline" aria-label="Peter Campus"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/vnBrvPQwKAu1b74h5FuV2EFbY7I/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2007%2FSAAM-2007.33.12_1.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/peter-campus-28957" class="azalea-heading-level-4 text-black"> Peter Campus </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born New York City 1937 </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/kota-ezawa-29581" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/kota-ezawa-29581" class="w-full hover:no-underline" aria-label="Kota Ezawa"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/0zW7x_iimXzUP1vSwuHYMUMtbHA/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2010%2FSAAM-2010.23_5.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/kota-ezawa-29581" class="azalea-heading-level-4 text-black"> Kota Ezawa </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born Cologne, Germany 1969 </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/svetlana-kopystiansky-29519" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/svetlana-kopystiansky-29519" class="w-full hover:no-underline" aria-label="Svetlana Kopystiansky"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/r5-RlgRtpi4c-0_KCHk87HxtBzg/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2009%2FSAAM-2009.43_1.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/svetlana-kopystiansky-29519" class="azalea-heading-level-4 text-black"> Svetlana Kopystiansky </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born Voronez, Russia 1950 </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/igor-kopystiansky-29518" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/igor-kopystiansky-29518" class="w-full hover:no-underline" aria-label="Igor Kopystiansky"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/r5-RlgRtpi4c-0_KCHk87HxtBzg/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2009%2FSAAM-2009.43_1.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/igor-kopystiansky-29518" class="azalea-heading-level-4 text-black"> Igor Kopystiansky </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born Lvov, Ukraine 1954 </div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/nam-june-paik-3670" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/nam-june-paik-3670" class="w-full hover:no-underline" aria-label="Nam June Paik"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/MBvNfPam3Jka-5wHES_W_MizEMQ/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2Fluce%2Fartists%2Fportrait_image_114969.jpg"title=""alt="Media - portrait_image_114969.jpg - 134917"loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/nam-june-paik-3670" class="azalea-heading-level-4 text-black"> Nam June Paik </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born Seoul, Korea 1932-died Miami Beach, FL 2006 </div><div class="azalea-text-sm"><p>Nam June Paik (1932–2006), internationally recognized as the "Father of Video Art," created a large body of work including video sculptures, installations, performances, videotapes and television productions.</p></div></div></div></div><div class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md" href="/artist/marina-zurkow-29583" rel="bookmark"><div class="flex w-full mb-4"><a href="/artist/marina-zurkow-29583" class="w-full hover:no-underline" aria-label="Marina Zurkow"><picture class="" ><img class="mx-auto max-h-64 md:max-h-80 lg:max-h-96 azalea-alt-text-sr-only" src="//cdn.saam.media/SLl9dCBMZQtnVCommewJkCY8oFs/640/0/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Ffiles%2Fimages%2F2010%2FSAAM-2010.24_6.jpg"alt=""loading="lazy"/></picture></a></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><a href="/artist/marina-zurkow-29583" class="azalea-heading-level-4 text-black"> Marina Zurkow </a></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="font-body subpixel-antialiased leading-6"><div class="azalea-capitalize-first"> born New York City 1962 </div></div></div></div></div> </section> </div> </div> </article> </div> </div> </main> </div> <footer role="contentinfo" class="w-full flex flex-col mt-4" aria-labelledby="footer-label"> <div class="azalea-my-sm relative py-2 md:py-4"><div class="absolute inset-0 flex items-center" aria-hidden="true"><div class="w-full border-t border-primary-900"></div></div></div> <div class="w-full flex flex-col lg:flex-row lg:justify-between space-y-4 p-2 md:p-4 lg:p-10 xl:p-16"> <div> <div id="" class="azalea-heading font-heading font-semibold azalea-heading-level-3"><span>Subscribe to our newsletter</span></div> <div class="azalea-text-md mt-2"> The latest news, articles, and resources sent to your inbox weekly. </div> </div> <div class="w-full sm:w-3/4 lg:w-1/3"> <form id="newsletter-signup" class="relative mt-1" action="https://go.americanart.si.edu/l/980712/2022-08-26/3xd2q" method="get" name="pardot-subscribe-form-footer" target="_blank"> <div class="absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none text-tertiary-400"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <rect x="3" y="5" width="18" height="14" rx="2"></rect> <polyline points="3 7 12 13 21 7"></polyline> </svg> </div> </div> <label for="pardot-subscribe-form-footer-email" class="sr-only">Email</label> <div class="flex space-x-2"> <input id="pardot-subscribe-form-footer-email" name="email" type="email" value="" placeholder="Enter your email" class="azalea-text-sm block w-full pl-12 rounded-sm shadow-sm focus:ring-primary-500 focus:border-primary-500 border-tertiary-300" /> <div aria-hidden="true" style="position: absolute; left: -5000px;"><input name="b_461076cb6b9d0364b9350676b_5694db792e" tabindex="-1" type="text" value="" /></div> <button class="azalea-push-button azalea-touch-action inline-flex items-center justify-center gap-2 grow-0 py-2 px-4 border border-transparent rounded-sm no-underline hover:no-underline font-body font-normal text-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-secondary-500 whitespace-nowrap bg-primary-800 hover:bg-primary-600 text-white text-lg" type="submit" ><span class="text-center">Subscribe</span></button> </div> </form> </div> </div> <div class="azalea-my-sm relative py-2 md:py-4"><div class="absolute inset-0 flex items-center" aria-hidden="true"><div class="w-full border-t border-primary-900"></div></div></div> <div class="azalea-text-lg w-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 p-2 md:p-4 lg:p-10 xl:p-16"> <a href="/visit/saam" class="flex justify-center items-center text-primary-900" aria-label="Plan your visit to the Smithsonian American Art Museum"> <div class="fill-current w-72 h-72 md:w-96 md:h-96" aria-hidden="true"><svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M48 0H0V48H48V0Z" fill="none"/> <path d="M46.77 22.5H41.25" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M45.35 20.93H41.17" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M45.47 37.76H41.15" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.22998 22.5H6.74998" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.65002 20.93H6.83002" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.53003 37.76H6.85003" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M35.44 40.25H12.39" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M40.8901 33.59H6.93005" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M37.19 13.09L23.48 8.77002L9.89001 13.27" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M24.98 35.64H22.85V39.12H24.98V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.51001 33.59H11.27L10.95 20.06H8.82001L8.51001 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.32 18.68H8.45996V20.06H11.32V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.2 33.59H15.96L15.64 20.06H13.51L13.2 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.01 18.68H13.15V20.06H16.01V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17.89 33.59H20.65L20.33 20.06H18.2L17.89 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.7 18.68H17.84V20.06H20.7V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22.5699 33.59H25.3399L25.0199 20.06H22.8899L22.5699 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25.38 18.68H22.52V20.06H25.38V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M27.26 33.59H30.02L29.71 20.06H27.58L27.26 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M30.07 18.68H27.21V20.06H30.07V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M31.95 33.59H34.7099L34.4 20.06H32.27L31.95 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M34.76 18.68H31.9V20.06H34.76V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M36.64 33.59H39.4L39.09 20.06H36.96L36.64 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M39.45 18.68H36.59V20.06H39.45V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.77 35.64H18.64V39.12H20.77V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29.1999 35.64H27.0699V39.12H29.1999V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M33.41 35.64H31.28V39.12H33.41V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.5601 35.64H14.4301V39.12H16.5601V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.81006 16.59V41.38H41.1001V16.59" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.93005 18.68H41.0301" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.94998 13.99V13.27L5.22998 12.67L23.48 6.63L42.97 12.76L42.31 13.27L42.25 13.9L41.08 15.08V16.31L6.72998 16.4V15.08L5.94998 13.99Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.94995 13.27H42.31" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.72998 15.08H41.08" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M36.1001 41.38H11.8101L12.7601 39.12H35.1501L36.1001 41.38Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> <div class="flex flex-col"> <address class="azalea-text-md w-full flex flex-col mb-4 lg:mb-6"> <div class="azalea-heading-level-5">Smithsonian American Art Museum</div> <div>8th and G Streets, NW</div> <div class="flex"> <span>Washington, DC 20004</span> <a href="/visit/saam" class="-rotate-45 text-tertiary-900" aria-label="Plan your visit to Smithsonian American Art Museum"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <line x1="5" y1="12" x2="19" y2="12" /> <line x1="13" y1="18" x2="19" y2="12" /> <line x1="13" y1="6" x2="19" y2="12" /> </svg> </div> </a> </div> </address> <div class="azalea-text-sm flex flex-col space-y-2"> <div class="font-bold tracking-wider">Hours</div> <div class="flex flex-col divide-y divide-tertiary-200 border-t border-tertiary-200"><div class="flex justify-between py-2.5"><div><span>Mon - Sun: </span></div><div><span><span class="numbers">11</span>:<span class="numbers">30</span> am‑<span class="numbers">7</span>:<span class="numbers">00</span> pm</span><span><br /></span></div></div></div> </div> </div> <a href="/visit/renwick" class="flex justify-center items-center text-primary-900" aria-label="Plan your visit to the Renwick Gallery"> <div class="fill-current w-72 h-72 md:w-96 md:h-96" aria-hidden="true"><svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_27_4429)"> <path d="M510.47 -351.07H-91.21V712.3H510.47V-351.07Z" fill="none" stroke="currentColor" stroke-width="2.03" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19.51 24V26.74" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M18.24 28.8398V37.9998" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M29.4299 28.8398V37.9998" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M28.22 24V26.74" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M42.84 9.66978H38.7701L36.5201 14.2898L30 14.4098C30 6.26978 24.3 6.63978 23.91 6.63978C23.52 6.63978 17.83 6.26978 17.83 14.4098L11.3 14.2898L9.00005 9.66978H5.00005L2.30005 14.8398V38.5598H45.51V14.8398L42.84 9.66978Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M5.1001 7.9502V9.4502" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M8.93994 7.9502V9.4502" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M23.9399 30.2402V30.5002" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M23.8799 33.0801V38.5601" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M31.69 16.44L23.67 11.71L16.03 16.44" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M1.12988 16.4399C2.93473 15.471 4.95138 14.9639 6.99988 14.9639C9.04838 14.9639 11.065 15.471 12.8699 16.4399" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M35.1299 16.4399C36.9347 15.471 38.9514 14.9639 40.9999 14.9639C43.0484 14.9639 45.065 15.471 46.8699 16.4399" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M19.51 20.6001C19.9762 19.8769 20.6033 19.2714 21.3423 18.8307C22.0813 18.3901 22.9122 18.1263 23.77 18.0601C24.6299 18.1018 25.466 18.3556 26.2041 18.7987C26.9421 19.2419 27.559 19.8607 28 20.6001" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M16.2901 19.3301H11.3401" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M26.6 33.0801H21.27" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M31.69 16.4399H16.03" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M19.51 40.4902H28.6" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M36.4101 19.3301H31.0901" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M45.51 27.1699H2.30005" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M45.51 28.7402H2.30005" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M11.3401 14.29V26.74" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M11.3401 28.7402V38.5602" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M16.6299 16.4399V27.1099" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M16.6299 28.8398V38.2098" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M31.0901 28.8398V38.2098" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M36.3999 28.9702V38.3302" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M31.0901 16.4399V27.1099" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M36.3999 14.29V27.11" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M21.0901 27.1099H26.6601V23.1099C26.6601 23.1099 26.6601 20.1099 23.9101 20.1099C21.1601 20.1099 21.0901 23.1099 21.0901 23.1099V27.1099Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M13.0801 27.11H14.9201V25.34C14.9201 25.34 14.9201 24 14.0001 24C13.0801 24 13.0701 25.34 13.0701 25.34L13.0801 27.11Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M13.0601 38.5601H14.9001V36.7201C14.9001 36.7201 14.9001 35.3301 13.9901 35.3301C13.0801 35.3301 13.0601 36.7201 13.0601 36.7201V38.5601Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M32.8201 38.5601H34.6601V36.7201C34.6601 36.7201 34.6601 35.3301 33.7501 35.3301C32.8401 35.3301 32.8201 36.7201 32.8201 36.7201V38.5601Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M32.8201 27.11H34.6601V25.34C34.6601 25.34 34.6601 24 33.7501 24C32.8401 24 32.8201 25.34 32.8201 25.34V27.11Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M39.55 27.1101H42.4501V24.5401C42.4501 24.5401 42.45 22.6001 41.0201 22.6001C39.5901 22.6001 39.55 24.5401 39.55 24.5401V27.1101Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M5.31006 27.1101H8.21006V24.5401C8.21006 24.5401 8.21006 22.6001 6.78006 22.6001C5.35006 22.6001 5.31006 24.5401 5.31006 24.5401V27.1101Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M39.55 38.5601H42.4501V36.0001C42.4501 36.0001 42.45 34.0601 41.0201 34.0601C39.5901 34.0601 39.55 36.0001 39.55 36.0001V38.5601Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M5.31006 38.5601H8.21006V36.0001C8.21006 36.0001 8.21006 34.0601 6.78006 34.0601C5.35006 34.0601 5.31006 36.0001 5.31006 36.0001V38.5601Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M21.2 38.5598H26.6V32.4698C26.6 32.4698 26.6 30.8198 23.94 30.8198C21.28 30.8198 21.2 32.4698 21.2 32.4698V38.5598Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M38.8999 7.9502V9.4502" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M42.73 7.9502V9.4502" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M20.75 5.56982V7.06982" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M26.8101 5.56982V7.06982" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M45.5201 38.5601H2.30005V42.4201H45.5201V38.5601Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M41.04 20.1699C41.7414 20.1699 42.31 19.6013 42.31 18.8999C42.31 18.1985 41.7414 17.6299 41.04 17.6299C40.3386 17.6299 39.77 18.1985 39.77 18.8999C39.77 19.6013 40.3386 20.1699 41.04 20.1699Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M6.75999 20.1699C7.46139 20.1699 8.02999 19.6013 8.02999 18.8999C8.02999 18.1985 7.46139 17.6299 6.75999 17.6299C6.05859 17.6299 5.48999 18.1985 5.48999 18.8999C5.48999 19.6013 6.05859 20.1699 6.75999 20.1699Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M19.2401 38.5601H15.8301V42.3401H19.2401V38.5601Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M32.0101 38.5601H28.6001V42.3401H32.0101V38.5601Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> </g> <defs> <clipPath id="clip0_27_4429"> <rect width="100%" height="100%" fill="none"/> </clipPath> </defs> </svg> </div> </a> <div class="flex flex-col"> <address class="azalea-text-md w-full flex flex-col mb-4 lg:mb-6"> <div class="azalea-heading-level-5">Renwick Gallery</div> <div>Pennsylvania Avenue at 17th Street, NW</div> <div class="flex"> <span>Washington, DC 20006</span> <a href="/visit/renwick" class="-rotate-45 text-tertiary-900" aria-label="Plan your visit to Renwick Gallery"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <line x1="5" y1="12" x2="19" y2="12" /> <line x1="13" y1="18" x2="19" y2="12" /> <line x1="13" y1="6" x2="19" y2="12" /> </svg> </div> </a> </div> </address> <div class="azalea-text-sm flex flex-col space-y-2"> <div class="font-bold tracking-wider">Hours</div> <div class="flex flex-col divide-y divide-tertiary-200 border-t border-tertiary-200"><div class="flex justify-between py-2.5"><div><span>Mon - Sun: </span></div><div><span><span class="numbers">10</span>:<span class="numbers">00</span> am‑<span class="numbers">5</span>:<span class="numbers">30</span> pm</span><span><br /></span></div></div></div> </div> </div> </div> <div class="azalea-my-sm relative py-2 md:py-4"><div class="absolute inset-0 flex items-center" aria-hidden="true"><div class="w-full border-t border-primary-900"></div></div></div> <div class="azalea-text-md md:azalea-text-lg w-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 p-2 md:p-4 lg:p-10 xl:p-16"> <div> <h5 id="" class="azalea-heading font-heading"><span>Legal</span></h5> <ul class="azalea-text-sm flex flex-col space-y-0.5 p-0"> <li> <a href="https://si.edu" title="Smithsonian Institution" class="text-tertiary-900">Smithsonian Institution</a> </li> <li> <a href="https://si.edu/privacy/" class="text-tertiary-900">Smithsonian Privacy Statement</a> </li> <li> <a href="https://si.edu/termsofuse" class="text-tertiary-900">Smithsonian Terms of Use</a> </li> <li> <a href="/terms" class="text-tertiary-900">Third Party Terms of Use</a> </li> </ul> </div> <div> <h5 id="" class="azalea-heading font-heading"><span>The Museum</span></h5> <ul class="azalea-text-sm flex flex-col space-y-0.5 p-0"> <li> <a href="/visit" class="text-tertiary-900">Visit</a> </li> <li> <a href="/about" class="text-tertiary-900">About</a> </li> <li> <a href="/art" class="text-tertiary-900">Art + Artists</a> </li> <li> <a href="/donate" class="text-tertiary-900">Donate</a> </li> </ul> </div> <div> <h5 id="" class="azalea-heading font-heading"><span>News and Contact</span></h5> <ul class="azalea-text-sm flex flex-col space-y-0.5 p-0"> <li> <a href="/about/contact" class="text-tertiary-900">Contact Us</a> </li> <li> <a href="/press" class="text-tertiary-900">Press Room</a> </li> <li> <a href="/blog" class="text-tertiary-900">SAAM Stories</a> </li> <li> <a href="/about/careers" class="text-tertiary-900">Opportunities</a> </li> </ul> </div> <div> <h5 id="" class="azalea-heading font-heading"><span>Follow Us</span></h5> <ul class="azalea-text-sm flex flex-col space-y-0.5 p-0"> <li> <a href="https://www.facebook.com/americanart" class="text-tertiary-900" rel="nofollow">Facebook</a> </li> <li> <a href="https://www.instagram.com/americanart/" class="text-tertiary-900" rel="nofollow">Instagram</a> </li> <li> <a href="https://www.youtube.com/user/americanartmuseum" class="text-tertiary-900" rel="nofollow">YouTube</a> </li> <li> <a href="https://www.linkedin.com/company/smithsonian-american-art-museum/" class="text-tertiary-900" rel="nofollow">LinkedIn</a> </li> </ul> </div> </div> <div class="azalea-my-sm relative py-2 md:py-4"><div class="absolute inset-0 flex items-center" aria-hidden="true"><div class="w-full border-t border-primary-900"></div></div></div> <div class="azalea-text-md md:azalea-text-lg w-full flex flex-col md:flex-row md:justify-between space-y-4 p-2 md:p-4 lg:p-10 xl:p-16"> <a href="https://si.edu" class="flex items-center" aria-label="Visit si.edu"> <img src="https://americanart.si.edu/themes/custom/azalea/dist/media/images/SI-Sunburst-Logo.png" alt="Smithsonian Institution Logo"/> </a> <div class="flex items-center mb-2 azalea-text-sm text-tertiary-400"> <span>© 2024 Smithsonian American Art Museum</span> </div> </div> </footer> <div x-data="{ open: false }" x-dialog x-model="open" style="display: none" :initial-focus="$refs.focus" class="azalea-drawer azalea-z-max fixed inset-0 overflow-hidden" @open-mobile-menu.window="open = true" @close-drawer.window="open = false" @swiped-right="open = false" > <div x-dialog:overlay class="azalea-overlay fixed w-full h-full pointer-events-none bg-black/50 backdrop-blur-sm"></div> <div class="fixed inset-y-0 right-0 max-w-lg w-full"> <div x-dialog:panel x-transition:enter="transition ease-out duration-300" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" class="h-full w-full" > <div class="flex fixed inset-0"> <div class="w-screen"> <div class="azalea-scrollbar-hidden flex flex-col w-full h-full py-2 bg-white shadow-xl overflow-y-auto"> <div class="flex justify-end"> <button class="flex items-center p-1 text-black cursor-pointer no-underline outline-none" @click="$dialog.close()" > <span class="sr-only">Close</span> <div class="fill-current w-10 h-10 md:w-12 md:h-12" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <line x1="18" y1="6" x2="6" y2="18" /> <line x1="6" y1="6" x2="18" y2="18" /> </svg> </div> </button> </div> <div x-ref="focus" class="relative mt-6 flex-1"> <nav x-data="{ active: null }" @open-mobile-menu.window="active = null" class="flex azalea-scrollbar-hidden flex-col p-0 text-primary-900" aria-label="Mobile Menu" > <div :class="{ 'shadow-md bg-primary-900 text-tertiary-50': active === 'visit' }" class="flex justify-between p-2 border-b border-primary-900"> <a href="/visit" :class="{ 'text-tertiary-50': active === 'visit' }" class="text-primary-900 text-lg font-medium whitespace-nowrap"> Visit </a> <button @click="active = active === 'visit' ? null : 'visit'" class="inline-flex grow justify-end focus:outline-none" > <span class="transform transition duration-200" :class="active === 'visit' ? '-rotate-180 ease-in' : 'rotate-0 ease-out'"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </span> </button> </div> <div x-show="active === 'visit'" x-collapse x-cloak class="border-b border-primary-900"> <div x-ignore class="relative grid grid-cols-1 lg:grid-cols-4 items-stretch"> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"> <h5 id="plan-visit-menu-label">Visit Planning</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="plan-visit-menu-label"> <li class="flex items-center"> <a href="/visit" class="azalea-text-md text-tertiary-900">Plan Your Visit</a> </li> <li class="flex items-center"> <a href="/search/events" class="azalea-text-md text-tertiary-900">Event Calendar</a> </li> <li class="flex items-center"> <a href="/exhibitions" class="azalea-text-md text-tertiary-900">Current Exhibitions</a> </li> <li class="flex items-center"> <a href="/visit/tours" class="azalea-text-md text-tertiary-900">Tours</a> </li> <li class="flex items-center"> <a href="/visit/family-activities" class="azalea-text-md text-tertiary-900">Family Activities</a> </li> <li class="flex items-center"> <a href="/visit/guidelines" class="azalea-text-md text-tertiary-900">Guidelines and Policies</a> </li> </ul> </div> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"> <h5 id="access-programs-menu-label">Access Programs</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="access-programs-menu-label"> <li class="flex items-center"> <a href="/visit/accessibility" class="azalea-text-md text-tertiary-900">Accessibility</a> </li> <li class="flex items-center"> <a href="/events/asl-tours-art-signs" class="azalea-text-md text-tertiary-900">ASL Tours</a> </li> <li class="flex items-center"> <a href="/events/dementia-programs" class="azalea-text-md text-tertiary-900">Dementia Programs</a> </li> <li class="flex items-center"> <a href="/events/verbal-description-tours" class="azalea-text-md text-tertiary-900">Verbal Description Tours</a> </li> </ul> </div> <div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"> <h5 id="museum-locations-menu-label">Museums</h5> <div class="azalea-my-sm" aria-labelledby="research-your-art-menu-label"> <div class="azalea-grid grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-x-2 md:gap-x-4 lg:gap-x-6 gap-y-8 md:gap-y-4 lg:gap-y-6"><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/visit/saam" aria-label="Smithsonian American Art Museum" rel="bookmark"><div class="flex w-full mb-4"><picture class="" ><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/_V-w4ViVCCG7zD3mzm85xZbYlB0/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2F2017-08%2Fluce_foundation_center.jpg"title=""alt="Luce Foundation Center"loading="lazy"/></picture></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> Smithsonian American Art Museum </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm">Open Daily, 11:30 a.m.–7:00 p.m</div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Plan your visit</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/visit/renwick" aria-label="Renwick Gallery" rel="bookmark"><div class="flex w-full mb-4"><picture class="" ><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/WNGyjsX7MT_uXogV5vfxOOhPTms/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2F2017-08%2Frenwick_stairwellodiledecqrug2.jpg"title=""alt="Renwick Gallery Stairwwell"loading="lazy"/></picture></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> Renwick Gallery </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm">Open Daily, 10:00 a.m.–5:30 p.m</div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Plan your visit</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a></div> </div> <a href="#art-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a> </div> </div> </div> <div :class="{ 'shadow-md bg-primary-900 text-tertiary-50': active === 'art' }" class="flex justify-between p-2 border-b border-primary-900"> <a href="/art" :class="{ 'text-tertiary-50': active === 'art' }" class="text-primary-900 text-lg font-medium whitespace-nowrap"> Art + Artists </a> <button @click="active = active === 'art' ? null : 'art'" class="inline-flex grow justify-end focus:outline-none" > <span class="transform transition duration-200" :class="active === 'art' ? '-rotate-180 ease-in' : 'rotate-0 ease-out'"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </span> </button> </div> <div x-show="active === 'art'" x-collapse x-cloak class="border-b border-primary-900"> <div x-ignore class="relative grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 items-stretch"> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"> <h5 id="explore-art-menu-label">Explore Art and Artists</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="explore-art-menu-label"> <li class="flex items-center"> <a href="/art/highlights" class="azalea-text-md text-tertiary-900">Collection Highlights</a> </li> <li class="flex items-center"> <a href="/search/artworks" class="azalea-text-md text-tertiary-900">Search Artworks</a> </li> <li class="flex items-center"> <a href="/art/new" class="azalea-text-md text-tertiary-900">New Acquisitions</a> </li> <li class="flex items-center"> <a href="/search/artists" class="azalea-text-md text-tertiary-900">Search Artists</a> </li> <li class="flex items-center"> <a href="/search/artists?genders[]=3254" class="azalea-text-md text-tertiary-900">Search Women Artists</a> </li> </ul> <h5 id="something-fun-menu-label">Something Fun</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="something-fun-menu-label"> <li class="flex items-center"> <a href="/art/artists/all/birthdays" class="azalea-text-md text-tertiary-900">Which Artist Shares Your Birthday?</a> </li> <li class="flex items-center"> <a href="/art/art-comics" class="azalea-text-md text-tertiary-900">Comics</a> </li> </ul> </div> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"> <h5 id="exhibitions-menu-label">Exhibitions</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="exhibitions-menu-label"> <li class="flex items-center"> <a href="/exhibitions" class="azalea-text-md text-tertiary-900">Current Exhibitions</a> </li> <li class="flex items-center"> <a href="/exhibitions/upcoming" class="azalea-text-md text-tertiary-900">Upcoming Exhibitions</a> </li> <li class="flex items-center"> <a href="/exhibitions/traveling" class="azalea-text-md text-tertiary-900">Traveling Exhibitions</a> </li> <li class="flex items-center"> <a href="/exhibitions/past" class="azalea-text-md text-tertiary-900">Past Exhibitions</a> </li> </ul> <h5 id="art-conservation-menu-label">Art Conservation</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="art-conservation-menu-label"> <li class="flex items-center"> <a href="/art/conservation" class="azalea-text-md text-tertiary-900">Lunder Conservation Center</a> </li> </ul> </div> <div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"> <h5 id="collection-highlights-menu-label">Collection Highlights</h5> <div class="azalea-my-sm" aria-labelledby="collection-highlights-menu-label"> <div class="views-element-container"><div class="js-view-dom-id-2b9b1314c9fd2f1fa8711b21ca7cedf71c620f44d702cdd0f09da72ac3d2ed9d azalea-container"> <div class="azalea-grid grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-3 gap-x-2 md:gap-x-4 lg:gap-x-6 gap-y-8 md:gap-y-4 lg:gap-y-6"><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/20th-century" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">20th Century</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/20th-century" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/6rF-mArxD6atNhygtEhcoDfD-58/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F14c6b5ea87a9e54cbb789ff9867557d7.jpg"title=""alt="20th Century"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/asian-american" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Asian American Art</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/asian-american" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/HqGYtr7cs7igAOgWa0ItTAphrzE/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2Fd072a4f042a26de62b4848e12f39becd.jpg"title=""alt="Asian American Art"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/photography" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Photography</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/photography" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/WotqOXZm9kLrkOwlNhu3mncOCLI/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2F2022-06%2Fhighlights_-_photography_untitled_broach_with_goatee.jpg"title=""alt="Photography"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/latinx" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Latinx Art</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/latinx" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/VNgg4-8PrHcWAy6W8WqWqeehpwI/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2FSAAM-2020.25.1_1.jpg"title=""alt="Latinx Art"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/sculpture" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Sculpture</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/sculpture" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/FYnJ6XGUSpOnRWa5YndNyDUA7H4/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F93d15294cfd738f54b853dc9516bdbf6.jpg"title=""alt="Sculpture"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/contemporary" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Contemporary Art</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/contemporary" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/glUBZha_vwxiu4aKxWdx5QbWxMQ/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg"title=""alt="Contemporary Art"loading="lazy"/></picture></a></div></div> </div> </div> </div> <a href="#research-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a> </div> </div> </div> <div :class="{ 'shadow-md bg-primary-900 text-tertiary-50': active === 'research' }" class="flex justify-between p-2 border-b border-primary-900"> <a href="/research" :class="{ 'text-tertiary-50': active === 'research' }" class="text-primary-900 text-lg font-medium whitespace-nowrap"> Research </a> <button @click="active = active === 'research' ? null : 'research'" class="inline-flex grow justify-end focus:outline-none" > <span class="transform transition duration-200" :class="active === 'research' ? '-rotate-180 ease-in' : 'rotate-0 ease-out'"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </span> </button> </div> <div x-show="active === 'research'" x-collapse x-cloak class="border-b border-primary-900"> <div x-ignore class="relative grid grid-cols-1 lg:grid-cols-4 items-stretch"> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"> <h5 id="research-resources-menu-label">Research Resources</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="research-resources-menu-label"> <li class="flex items-center"> <a href="/research" class="azalea-text-md text-tertiary-900">Research and Scholars Center</a> </li> <li class="flex items-center"> <a href="/research/paik" class="azalea-text-md text-tertiary-900">Nam June Paik Archive Collection</a> </li> <li class="flex items-center"> <a href="/research/photograph-study-collection" class="azalea-text-md text-tertiary-900">Photograph Study Collection</a> </li> <li class="flex items-center"> <a href="/research/inventories" class="azalea-text-md text-tertiary-900">National Art Inventories Databases</a> </li> <li class="flex items-center"> <a href="/research/inventories/outdoor-sculpture" class="azalea-text-md text-tertiary-900">Save Outdoor Sculpture!</a> </li> <li class="flex items-center"> <a href="/research/my-art" class="azalea-text-md text-tertiary-900">Researching Your Art</a> </li> <li class="flex items-center"> <a href="/research/library" class="azalea-text-md text-tertiary-900">Library</a> </li> </ul> </div> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"> <h5 id="publications-menu-label">Publications</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="publications-menu-label"> <li class="flex items-center"> <a href="/research/journal" class="azalea-text-md text-tertiary-900">American Art Journal</a> </li> <li class="flex items-center"> <a href="/research/toward-equity-publishing" class="azalea-text-md text-tertiary-900">Toward Equity in Publishing</a> </li> <li class="flex items-center"> <a href="/search/books" class="azalea-text-md text-tertiary-900">Catalogs and Books</a> </li> <li class="flex items-center"> <a href="/research/symposia" class="azalea-text-md text-tertiary-900">Scholarly Symposia</a> </li> <li class="flex items-center"> <a href="/research/awards" class="azalea-text-md text-tertiary-900">Publication Prizes</a> </li> </ul> <h5 id="fellows-interns-menu-label">Fellows and Interns</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="fellows-interns-menu-label"> <li class="flex items-center"> <a href="/research/fellowships" class="azalea-text-md text-tertiary-900">Fellowship Programs</a> </li> <li class="flex items-center"> <a href="/search/fellows" class="azalea-text-md text-tertiary-900">List of Fellows and Scholars</a> </li> <li class="flex items-center"> <a href="/research/internships" class="azalea-text-md text-tertiary-900">Internship Programs</a> </li> </ul> </div> <div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"> <h5 id="featured-resources-menu-label">Featured Resource</h5> <div class="azalea-my-sm" aria-labelledby="featured-resources-menu-label"> <div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="azalea-tile max-h-full grid grid-flow-row grid-cols-1 gap-4 w-full lg:max-h-128 lg:grid-cols-6 azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="col-span-1 lg:col-span-2"><a href="/research/my-art/first-steps" tabindex="-1"><img class="azalea-alt-text-sr-only max-w-full mx-auto max-h-full rounded-sm" src="//cdn.saam.media/Ca_H8DMj_UC3NjDXkjCgg8rshXs/640/640/center/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Ffiles%2Fimages%2F1967%2FSAAM-1967.110_1.jpg" title="" alt="A painting of an eye seen in the reflection of a mirror"></a></div><div class="col-span-1 lg:col-span-4"><header class="mb-4"><a href="/research/my-art/first-steps" class="mt-2 md:m-0 font-heading font-semibold text-xl text-black hover:no-underline"> How Do I Research My Art? </a></header><div><div class="azalea-text-sm overflow-ellipsis overflow-hidden text-base"> Want to learn more about the painting you found while clearing out the attic? For answers, be prepared for a little detective work. </div><a href="/research/my-art/first-steps" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Read more</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a></div></div></div></div> </div> </div> <a href="#education-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a> </div> </div> <div :class="{ 'shadow-md bg-primary-900 text-tertiary-50': active === 'education' }" class="flex justify-between p-2 border-b border-primary-900"> <a href="/education" :class="{ 'text-tertiary-50': active === 'education' }" class="text-primary-900 text-lg font-medium whitespace-nowrap"> Education </a> <button @click="active = active === 'education' ? null : 'education'" class="inline-flex grow justify-end focus:outline-none" > <span class="transform transition duration-200" :class="active === 'education' ? '-rotate-180 ease-in' : 'rotate-0 ease-out'"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </span> </button> </div> <div x-show="active === 'education'" x-collapse x-cloak class="border-b border-primary-900"> <div x-ignore class="relative grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 items-stretch"> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"> <h5 id="k-12-teachers-menu-label">For K-12 Teachers</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="k-12-teachers-menu-label"> <li class="flex items-center"> <a href="/education/k-12/resources" class="azalea-text-md text-tertiary-900">Teachers Guides and Resources</a> </li> <li class="flex items-center"> <a href="/education/k-12/field-trips" class="azalea-text-md text-tertiary-900">Field Trips and School Tours</a> </li> <li class="flex items-center"> <a href="/education/k-12/professional-development" class="azalea-text-md text-tertiary-900">Professional Development</a> </li> <li class="flex items-center"> <a href="/education/k-12/videoconferences" class="azalea-text-md text-tertiary-900">Classroom Videoconferences</a> </li> <li class="flex items-center"> <a href="/education/k-12/professional-development/summer-institutes" class="azalea-text-md text-tertiary-900">Summer Institutes for Teachers</a> </li> <li class="flex items-center"> <a href="/education/k-12/dodea" class="azalea-text-md text-tertiary-900">Student Artwork Showcase</a> </li> </ul> </div> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"> <h5 id="adult-learners-menu-label">For Lifelong Learners</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="adult-learners-menu-label"> <li class="flex items-center"> <a href="/education/adult" class="azalea-text-md text-tertiary-900">Adult Learners</a> </li> <li class="flex items-center"> <a href="/visit/tours/request" class="azalea-text-md text-tertiary-900">Group Tour Request</a> </li> </ul> <h5 id="learn-from-home-menu-label">Learn from Home</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="learn-from-home-menu-label"> <li class="flex items-center"> <a href="/education/learn-from-home" class="azalea-text-md text-tertiary-900">Resources for Learning at Home</a> </li> <li class="flex items-center"> <a href="/visit/family-activities" class="azalea-text-md text-tertiary-900">Family Activities</a> </li> </ul> </div> <div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"> <h5 id="featured-resources-menu-label">Featured Resource</h5> <div class="azalea-my-sm" aria-labelledby="featured-resources-menu-label"> <div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="azalea-tile max-h-full grid grid-flow-row grid-cols-1 gap-4 w-full lg:max-h-128 lg:grid-cols-6 azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="col-span-1 lg:col-span-2"><a href="/search/learning-resources?content_type=learningresource&featured=true" tabindex="-1"><img src="//cdn.saam.media/6yWoajeJYaf08oT3To_R7XR-hpQ/640/640/center/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Ffiles%2Fimages%2F1967%2FSAAM-1967.59.664_2.jpg" class="azalea-alt-text-sr-only max-w-full mx-auto max-h-full rounded-sm" title="" alt="Image of an oil painting titled Booker T. Washington Legend"></a></div><div class="col-span-1 lg:col-span-4"><header class="mb-4"><a href="/search/learning-resources" class="mt-2 md:m-0 font-heading font-semibold text-tertiary-900 text-xl text-black hover:no-underline"> Educational Resources Search </a></header><div><div class="azalea-text-sm overflow-ellipsis overflow-hidden text-base"> Find lesson plans, hands-on activities, and more for learners of all ages. </div><a href="/search/learning-resources" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Search educational resources</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a></div></div></div></div> </div> </div> <a href="#about-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a> </div> </div> <div :class="{ 'shadow-md bg-primary-900 text-tertiary-50': active === 'about' }" class="flex justify-between p-2 border-b border-primary-900"> <a href="/about" :class="{ 'text-tertiary-50': active === 'about' }" class="text-primary-900 text-lg font-medium whitespace-nowrap"> About </a> <button @click="active = active === 'about' ? null : 'about'" class="inline-flex grow justify-end focus:outline-none" > <span class="transform transition duration-200" :class="active === 'about' ? '-rotate-180 ease-in' : 'rotate-0 ease-out'"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </span> </button> </div> <div x-show="active === 'about'" x-collapse x-cloak class="border-b border-primary-900"> <div x-ignore class="relative grid grid-cols-1 lg:grid-cols-4 items-stretch"> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"> <h5 id="latest-news-menu-label">Latest News</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="latest-news-menu-label"> <li class="flex items-center"> <a href="/blog" class="azalea-text-md text-tertiary-900">SAAM Stories</a> </li> <li class="flex items-center"> <a href="/press" class="azalea-text-md text-tertiary-900">Press Room</a> </li> <li class="flex items-center"> <a href="/search/videos" class="azalea-text-md text-tertiary-900">Videos</a> </li> </ul> <h5 id="about-museums-menu-label">About the Museums</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="about-museums-menu-label"> <li class="flex items-center"> <a href="/about" class="azalea-text-md text-tertiary-900">About Us</a> </li> <li class="flex items-center"> <a href="/about/history" class="azalea-text-md text-tertiary-900">Museum History</a> </li> </ul> <h5 id="host-event-menu-label">Host an Event</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="host-event-menu-label"> <li class="flex items-center"> <a href="/about/event-spaces" class="azalea-text-md text-tertiary-900">Event Venues and Space Rental</a> </li> </ul> </div> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"> <h5 id="connect-with-us-menu-label">Connect with Us</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="connect-with-us-menu-label"> <li class="flex items-center"> <a href="/about/careers" class="azalea-text-md text-tertiary-900">Careers</a> </li> <li class="flex items-center"> <a href="/about/volunteers" class="azalea-text-md text-tertiary-900">Volunteer</a> </li> <li class="flex items-center"> <a href="/about/contact" class="azalea-text-md text-tertiary-900">Contact Us</a> </li> <li class="flex items-center"> <a href="/about/news" class="azalea-text-md text-tertiary-900">Sign up for our Newsletter</a> </li> </ul> <h5 id="shop-online-menu-label">Shop Online</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="shop-online-menu-label"> <li class="flex items-center"> <a href="https://saamnpgstore.si.edu/" class="azalea-text-md text-tertiary-900">Museum Store Online</a> </li> </ul> </div> <div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"> <h5 id="featured-posts-menu-label">Featured Story</h5> <div class="azalea-my-sm" aria-labelledby="featured-posts-menu-label"> <div class="views-element-container"><div class="js-view-dom-id-68dca6b68a7147b626af87f6f165921e220f3393b9e93f0b5566f193eef56aad azalea-container"> <div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="azalea-tile max-h-full grid grid-flow-row grid-cols-1 gap-4 w-full lg:max-h-128 lg:grid-cols-6 azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="col-span-1 lg:col-span-2"><a href="/blog/rural-education" tabindex="-1"><picture class="" ><img class="azalea-alt-text-sr-only max-w-full mx-auto rounded-sm" src="//cdn.saam.media/qPeq9Cgv-zIGSXkSu7OAkUj-Ivs/640/640/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2Fimage%2F1730822449%2FRural%2520Initiative_Mary%2520Tait.jpg"title=""alt="Teachers use rolled pieces of paper as telescopes."loading="lazy"/></picture></a></div><div class="col-span-1 lg:col-span-4"><header class="mb-4"><a href="/blog/rural-education" class="mt-2 md:m-0 font-heading font-semibold text-xl text-black hover:no-underline" role="heading" aria-level="4" > Teachers from Rural Communities Find Inspiration at SAAM </a></header><div><div class="azalea-text-sm overflow-ellipsis overflow-hidden text-base"> SAAM's Education Department serves teachers and students in rural communities. </div><a href="/blog/rural-education" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Read more</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a></div></div></div></div> </div> </div> </div> <a href="#donate-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a> </div> </div> </div> <div :class="{ 'shadow-md bg-primary-900 text-tertiary-50': active === 'donate' }" class="flex justify-between p-2 border-b border-primary-900"> <a href="/donate" :class="{ 'text-tertiary-50': active === 'donate' }" class="text-primary-900 text-lg font-medium whitespace-nowrap"> Donate </a> <button @click="active = active === 'donate' ? null : 'donate'" class="inline-flex grow justify-end focus:outline-none" > <span class="transform transition duration-200" :class="active === 'donate' ? '-rotate-180 ease-in' : 'rotate-0 ease-out'"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </span> </button> </div> <div x-show="active === 'donate'" x-collapse x-cloak class="border-b border-primary-900"> <div class="relative grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 items-stretch"> <div x-ignore class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"> <h5 id="donate-menu-label">Donate</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="donate-menu-label"> <li> <a href="/donate" class="azalea-text-md text-tertiary-900">Support the Museum</a> </li> <li> <a href="/donate/corporate-patrons" class="azalea-text-md text-tertiary-900">Corporate Patrons</a> </li> <li> <a href="https://legacy.si.edu/saam/" class="azalea-text-md text-tertiary-900">Gift Planning</a> </li> <li> <a href="/about/contact/donating-artworks" class="azalea-text-md text-tertiary-900">Donating Artworks</a> </li> </ul> </div> <div x-ignore class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"> <h5 id="member-join-menu-label">Join</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="member-join-menu-label"> <li> <a href="/donate/directors-circle" class="azalea-text-md text-tertiary-900">Join the Director's Circle</a> </li> <li> <a href="/donate/creatives" class="azalea-text-md text-tertiary-900">Join SAAM Creatives</a> </li> </ul> </div> <div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"> <h5 id="become-a-member-menu-label">Become a member</h5> <div class="azalea-my-sm" aria-labelledby="become-a-member-menu-label"> <div class="azalea-grid grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-x-2 md:gap-x-4 lg:gap-x-6 gap-y-8 md:gap-y-4 lg:gap-y-6"><div><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/donate/directors-circle" aria-label="Director's Circle Membership" rel="bookmark"><div class="flex w-full mb-4"><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/uJlEByfKHHbFgBKqsIoRgUoy0yM/640/360/center/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Fimages%2F2017-08%2Fdonate_hero_planned_giving.jpg" title="" alt="A couple dances while a string band plays music" loading="lazy"></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> Director’s Circle </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm overflow-ellipsis overflow-hidden"> A national membership group of museum friends who share a love of American art and craft. </div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Join now</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a></div><div><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/donate/creatives" aria-label="SAAM Creatives Membership" rel="bookmark"><div class="flex w-full mb-4"><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/s88HvgSPSEA_IlPQUHkAYDHCsjg/640/360/top/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Fimages%2Fimage%2F1684034713%2Fsaam-creatives-thumbnail.jpg" title="" alt="A group of young people pose for a photograph" loading="lazy"></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> SAAM Creatives </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm overflow-ellipsis overflow-hidden"> A membership group for young professionals interested in the American art experience. </div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Join now</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a></div></div> </div> <a href="#search-button" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Close menu</a> </div> </div> </div> </nav> </div> </div> </div> </div> </div> </div> </div> <div x-data="{ open: false }" x-dialog x-model="open" @open-search-modal.window="open = true" @keydown.ctrl.k.prevent.window="$dispatch('open-search-modal')" class="azalea-modal azalea-z-max flex fixed w-full h-full top-0 left-0" style="display: none;" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" > <div x-dialog:overlay class="azalea-overlay flex fixed w-full h-full pointer-events-none bg-black/50 backdrop-blur-sm"></div> <div x-dialog:panel class="w-full z-50"> <div class="py-2 md:py-4 bg-black text-white"> <div class="azalea-outer-gutter flex justify-center"> <button @click="$dialog.close()" class="pr-4"> <span class="sr-only">Close</span> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <line x1="5" y1="12" x2="19" y2="12"></line> <line x1="5" y1="12" x2="11" y2="18"></line> <line x1="5" y1="12" x2="11" y2="6"></line> </svg> </div> </button> <div x-data="searchBar()" @open-priority-dialog.window="$dialog.close()" @submitted="$dialog.close()" class="flex flex-col grow relative items-center justify-center" > <form id="search-bar-form" class="w-full" action="/search" x-ref="form" @focusin="open()" tabindex="-1" > <div class="rounded-sm shadow-sm"> <label for="search-bar" class="block font-medium text-tertiary-800"> <span class="sr-only">Search</span> <input x-ref="input" x-model.debounce="query" @open-search-modal.window="$nextTick(() => $refs.input.focus());" type="text" name="query" placeholder="Search for ..." autocomplete="off" class="text-lg md:text-xl lg:text-2xl leading-normal font-medium placeholder:font-light text-black w-full px-4 py-3 focus:ring-black focus:border-secondary-700 border-tertiary-300 bg-tertiary-50 rounded-sm" > </label> <div class="absolute inset-y-0 right-0 flex items-center text-tertiary-400"> <button @click="resetSuggestions()" class="hidden md:inline-flex px-3" type="reset" aria-label="Reset"> <span class="azalea-icon fill-current w-6 h-6"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <line x1="18" y1="6" x2="6" y2="18" /> <line x1="6" y1="6" x2="18" y2="18" /> </svg> </div> </span> </button> </div> </div> </form> <div x-cloak class="azalea-dropdown relative w-full mt-1"> <div x-show="isOpen()" class="absolute z-40 px-2 sm:px-0 mt-1 max-h-screen w-full left-1/2 transform -translate-x-1/2 rounded-sm border border-tertiary-300 bg-tertiary-50 shadow-md"> <div x-show="showSaved"> <div class="w-full p-4 text-xs text-tertiary-500 font-light">Recent searches</div> <ul class="p-0 divide-y divide-tertiary-100"> <template x-for="text in $store.search.saved"> <li class="p-0 flex overflow-ellipsis overflow-hidden hover:bg-tertiary-200"> <button @click="$refs.input.value = text; $refs.form.submit()" class="azalea-push-button azalea-touch-action inline-flex grow items-center py-4 pl-4 pr-6 text-tertiary-900 border-0 border-transparent no-underline whitespace-nowrap" :aria-label="text"> <span class="mr-4"> <div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <circle cx="12" cy="12" r="9"></circle> <polyline points="12 7 12 12 15 15"></polyline> </svg> </div> </span> <span x-text="text" class="text-base"></span> </button> <button @click.prevent.stop="removeSearch(text)" class="azalea-push-button azalea-touch-action flex-none items-center py-2 px-4 text-tertiary-900 border-0 border-transparent no-underline whitespace-nowrap" aria-label="Remove suggestion"> <span> <div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <line x1="18" y1="6" x2="6" y2="18" /> <line x1="6" y1="6" x2="18" y2="18" /> </svg> </div> </span> </button> </li> </template> </ul> </div> <div x-show="showSuggestions"> <span class="sr-only">Suggested search phrases</span> <div class="w-full p-4 text-xs text-tertiary-500 font-light">Suggestions for <em x-text="query"></em></div> <ul class="p-0 divide-y divide-tertiary-300"> <template x-for="suggestion in suggestions"> <li class="p-0 overflow-ellipsis overflow-hidden"> <button @click="$refs.input.value = suggestion.title; $refs.form.submit()" class="azalea-push-button azalea-touch-action inline-flex grow items-center py-2 pl-4 pr-6 text-tertiary-900 border-0 border-transparent no-underline whitespace-nowrap" :aria-label="suggestion.title"> <template x-if="suggestion.metadata.bundle === 'artwork'"> <span class="mr-4"> <div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <line x1="15" y1="8" x2="15.01" y2="8"></line> <rect x="4" y="4" width="16" height="16" rx="3"></rect> <path d="M4 15l4 -4a3 5 0 0 1 3 0l5 5"></path> <path d="M14 14l1 -1a3 5 0 0 1 3 0l2 2"></path> </svg> </div> </span> </template> <template x-if="suggestion.metadata.bundle === 'person'"> <span class="mr-4"> <div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <circle cx="12" cy="7" r="4"></circle> <path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path> </svg> </div> </span> </template> <template x-if="suggestion.metadata.bundle === 'exhibition'"> <span class="mr-4"> <div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <line x1="3" y1="21" x2="21" y2="21"></line> <line x1="3" y1="10" x2="21" y2="10"></line> <polyline points="5 6 12 3 19 6"></polyline> <line x1="4" y1="10" x2="4" y2="21"></line> <line x1="20" y1="10" x2="20" y2="21"></line> <line x1="8" y1="14" x2="8" y2="17"></line> <line x1="12" y1="14" x2="12" y2="17"></line> <line x1="16" y1="14" x2="16" y2="17"></line> </svg> </div> </span> </template> <span x-text="suggestion.title" class="text-base"></span> </button> </li> </template> </ul> </div> <div x-show="loading" class="w-full p-4"> <div x-data="skeleton()" @update-skeleton.window="randomize()" aria-busy="true" aria-live="polite" role="alert" class="animate-pulse flex grow space-x-1 max-w-2xl" ><div class="w-full"><template x-for="item in lines"><div><div class="h-4 bg-tertiary-300 rounded-sm" :class="randomWidthClass()"></div><div class="w-full h-2"></div></div></template></div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/66029","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"quicklink":{"admin_link_container_patterns":["#block-local-tasks-block a",".block-local-tasks-block a","#drupal-off-canvas a","#toolbar-administration a"],"ignore_admin_paths":true,"ignore_ajax_links":true,"ignore_file_ext":true,"total_request_limit":0,"concurrency_throttle_limit":0,"idle_wait_timeout":2000,"viewport_delay":0,"debug":false,"url_patterns_to_ignore":["user\/logout","#","\/admin","\/edit"]},"user":{"uid":0,"permissionsHash":"4dd27c6d6ab2179c43a7ee1f4b281a4b95aced77dea1587e1296ac73d4eade99"}}</script> <script src="https://polyfill-fastly.io/v3/polyfill.min.js?features=IntersectionObserver%2CIntersectionObserverEntry%2CURL%2CObject.assign%2CArray.from%2CArray.prototype.includes%2CString.prototype.includes%2CElement.prototype.matches%2CPromise%2CPromise.prototype.finally"></script> <script src="https://unpkg.com/quicklink@2.2.0/dist/quicklink.umd.js"></script> <script src="/sites/default/files/js/js_t3zBVlY2KEgdbIIQ8Qf8DmUuyvlboPjh-RoF2ngL15A.js?scope=footer&delta=2&language=en&theme=azalea&include=eJxLrErMSU3UTwRTOhBKvywzJTU_q1i3JDU5Q6ewNDM5OyczL1sfzorPzMsswSpRkJ9TmZaZk4NNEgDM0ypK"></script> <script src="/themes/custom/azalea/dist/js/app.min.js?sobdev" defer></script> <script src="/sites/default/files/js/js_z4IfOuVQmijrx5QCnCKPRrL0ff5zmiViEWY8rRcXNdg.js?scope=footer&delta=4&language=en&theme=azalea&include=eJxLrErMSU3UTwRTOhBKvywzJTU_q1i3JDU5Q6ewNDM5OyczL1sfzorPzMsswSpRkJ9TmZaZk4NNEgDM0ypK"></script> </body> </html>