CINXE.COM
Transfigurations: Reanimating the Past (2018–2024) | Hammer Museum
<!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> <head> <meta charset="utf-8" /> <meta name="description" content="June 14, 2022 - David Lebrun’s latest project is a large-scale, multi-year work in progress to create a transformative encounter between the present and the past through an immersive experience with change itself." /> <link rel="canonical" href="https://hammer.ucla.edu/programs-events/2024/transfigurations-reanimating-past-2018-2024" /> <meta property="og:title" content="Transfigurations: Reanimating the Past (2018–2024) | Hammer Museum" /> <meta property="og:description" content="David Lebrun’s latest project is a large-scale, multi-year work in progress to create a transformative encounter between the present and the past through an immersive experience with change itself." /> <meta property="og:image" content="https://hammer.ucla.edu/sites/default/files/styles/hero_r_large/public/2024-09/transfigurations.jpg?h=44b879e5&itok=GP2efabX" /> <meta property="og:image:url" content="https://hammer.ucla.edu/sites/default/files/styles/hero_r_large/public/2024-09/transfigurations.jpg?h=44b879e5&itok=GP2efabX" /> <meta property="og:image:width" content="1560" /> <meta property="og:image:height" content="878" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="David Lebrun’s latest project is a large-scale, multi-year work in progress to create a transformative encounter between the present and the past through an immersive experience with change itself." /> <meta name="twitter:site" content="@hammer_museum" /> <meta name="twitter:title" content="Transfigurations: Reanimating the Past (2018–2024) | Hammer Museum" /> <meta name="twitter:image" content="https://hammer.ucla.edu/sites/default/files/styles/hero_r_large/public/2024-09/transfigurations.jpg?h=44b879e5&itok=GP2efabX" /> <meta name="google-site-verification" content="PaGFgZxP-Ph-bUyEBhCuOFLNGYgyr_YfmHcOE9F9fZU" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script type="application/ld+json">{ "@context": "https://schema.org", "@graph": [ { "@type": "ImageObject", "contentUrl": "https://hammer.ucla.edu/sites/default/files/styles/hero_r_large/public/2024-09/transfigurations.jpg?h=44b879e5\u0026itok=GP2efabX", "description": "View of a cathedral ceiling", "url": "https://hammer.ucla.edu/sites/default/files/styles/hero_r_large/public/2024-09/transfigurations.jpg?h=44b879e5\u0026itok=GP2efabX", "height": "878", "width": "1560" } ] }</script> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <link rel="icon" href="/themes/custom/hammer/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/hammer/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="196x196" href="/themes/custom/hammer/favicon-196x196.png" /> <link rel="icon" type="image/png" sizes="96x96" href="/themes/custom/hammer/favicon-96x96.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/themes/custom/hammer/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/themes/custom/hammer/favicon-16x16.png" /> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="icon" type="image/png" sizes="16x16" href="/themes/custom/hammer/mstile-150x150.png" /> <title>Transfigurations: Reanimating the Past (2018–2024) | Hammer Museum</title> <script> document.querySelector('html').classList.add('js'); </script> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_spqI2GBj1EXr4GFf8vuhaQM9C3M_wwCAvIZb8is3lzU.css?delta=0&language=en&theme=hammer&include=eJxVjUEOAyEMxD5E4UnVsERAGwhKQCp9fXtZrfZm-WDjhc-TBYk04GI_i0qMpM62TWohwsgdDLN940ZmyGTuEKXQRRu4fskVtPZPZpYIftjcXHs-7dyD3nW6AUVWjGIh6Rpgfxm_-liRqxVK56xLoh_txUUB" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_PL5TiU4IqwxJDesp2TM22SJ0QUe5j13iCozXZLE6C1o.css?delta=1&language=en&theme=hammer&include=eJxVjUEOAyEMxD5E4UnVsERAGwhKQCp9fXtZrfZm-WDjhc-TBYk04GI_i0qMpM62TWohwsgdDLN940ZmyGTuEKXQRRu4fskVtPZPZpYIftjcXHs-7dyD3nW6AUVWjGIh6Rpgfxm_-liRqxVK56xLoh_txUUB" /> <link rel="stylesheet" media="print" href="/sites/default/files/css/css_VMYEoO03sx9zo-hDTIJQsYd7Ms4N-vkfeklmXEh24uY.css?delta=2&language=en&theme=hammer&include=eJxVjUEOAyEMxD5E4UnVsERAGwhKQCp9fXtZrfZm-WDjhc-TBYk04GI_i0qMpM62TWohwsgdDLN940ZmyGTuEKXQRRu4fskVtPZPZpYIftjcXHs-7dyD3nW6AUVWjGIh6Rpgfxm_-liRqxVK56xLoh_txUUB" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_M7HgwoO5LTx9jonLqSGjtbrtDaVLxaTIGSpRmmB1V0I.css?delta=3&language=en&theme=hammer&include=eJxVjUEOAyEMxD5E4UnVsERAGwhKQCp9fXtZrfZm-WDjhc-TBYk04GI_i0qMpM62TWohwsgdDLN940ZmyGTuEKXQRRu4fskVtPZPZpYIftjcXHs-7dyD3nW6AUVWjGIh6Rpgfxm_-liRqxVK56xLoh_txUUB" /> <link rel="stylesheet" media="all" href="https://use.typekit.net/vtf7fab.css" /> <style> .js .select2-widget, .js .js-bef-hide {display: none} </style> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/105461","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxdkGEOwjAIhS9U1yMtdEXaSUcDndk8vdU4jftDvvcg5AHMsI0sEFE9_HhoSSUEVDcxmO0-gOHBBc2A0A69SOw9UeykBTg_0F1hwiByG2vekP2_dCRCjGMD8tTLWQ-vJP9mcQlK6SGJJQBfbNJcm53dtnNe6HATQlSRMn_n7E7b2i_5yLZXvOXmKiiQQk3mo64VePg5w7rUNXC2hNFp31helx7gbLeG5f2fJ6dHgOo","theme":"hammer","theme_token":null},"ajaxTrustedUrl":{"\/search":true},"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"google\nnonGooglePixels\nnonGoogleScripts\nnonGoogleIframes","blocklist_classes":"customScripts\ncustomPixels","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-TN3WHM"]},"gtag":{"tagId":"","otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxLoader":{"markup":"\u003Cdiv class=\u0022ajax-throbber hammer-loader\u0022\u003E\u003C\/div\u003E","hideAjaxMessage":false,"alwaysFullscreen":true,"throbberPosition":"body"},"facebook_pixel":{"facebook_id":"1865341747063037","events":[{"event":"ViewContent","data":"{\u0022content_name\u0022:\u0022Transfigurations: Reanimating the Past (2018\\u20132024)\u0022,\u0022content_type\u0022:\u0022program\u0022,\u0022content_ids\u0022:[\u0022105461\u0022]}"}],"fb_disable_advanced":false,"eu_cookie_compliance":false,"donottrack":true},"user":{"uid":0,"permissionsHash":"12095d51514c2ef21d86da373d7104765c1aad88c1f904f8937abe2dfaafa223"}}</script> <script src="/sites/default/files/js/js_Y93YC-TkKNC2JFXj2rTM7sOWezkkDffAdiO3P5jcKOc.js?scope=header&delta=0&language=en&theme=hammer&include=eJxdjkEOwyAMBD9Ew5OQAddAQKYGKvr70gOK0tvMarVaSDBNZvAoGi4-ehC2FkU9waFlPk2NE7O-q0qvgfIxIxoPHWt059q5UAUoZSXtTXM0VMRMGU0H0tTLXYH-_fgd2hMBwQtzSW0nlNlCfjQnsfamZBUKC-oNX98bVWI"></script> </head> <body class="path-node page-node-type-program"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <noscript><img src="https://www.facebook.com/tr?id=1865341747063037&ev=PageView&noscript=1" alt="" height="1" width="1" /></noscript><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TN3WHM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container"> <header class="site-header"> <div class="page-header region region-header"> <a href="/" class="logo"> <img src="/themes/custom/hammer/images/logo-hammer.png" alt="Hammer logo"> </a> <div class="hours-message"> <div id="block-hoursmessageblock" class="block block-hammer-hours-message block-hours-message-block"> <div class="clear-both header-status"> <div class="message"> Museum admission is free </div> <div class="opening-time"> galleries opening today at 11AM </div> </div> </div> </div> <div class="header__menus"> <nav aria-labelledby="block-mainnavigation-menu" id="block-mainnavigation" class="block block-menu navigation menu--main"> <h2 class="visually-hidden" id="block-mainnavigation-menu">Main navigation</h2> <ul class="menu--main__menu menu js-main-menu"> <li class="menu-item menu-item--expanded menu-item--active-trail"> <a href="/exhibitions/on-view" aria-haspopup="true" aria-expanded="false" data-drupal-link-system-path="node/89996">Art & Ideas</a> <button type="button" class="menu-item__toggle-button js-menu-toggle" aria-expanded="false" aria-controls="menu-panel--0"> <span class="visually-hidden">Toggle Art & Ideas section</span> <svg class="menu-item__chevron"> <use xlink:href="/themes/custom/hammer/images/sprite.svg#chevron--big" /> </svg> </button> <div id="menu-panel--0" class="menu-panel js-menu-panel"> <div class="menu-panel__top-level js-menu-panel-top-level"> <a href="/exhibitions/on-view" class="menu-panel__link menu-panel__link--top-level" data-drupal-link-system-path="node/89996">Art & Ideas</a> </div> <ul class="menu"> <li class="menu-item menu-item--collapsed"> <a href="/exhibitions/on-view" class="menu-panel__link" data-drupal-link-system-path="node/89996">Exhibitions</a> </li> <li class="menu-item menu-item--active-trail"> <a href="/programs-events" class="menu-panel__link" data-drupal-link-system-path="node/103406">Public Programs</a> </li> <li class="menu-item"> <a href="/collections" class="menu-panel__link" data-drupal-link-system-path="node/90001">Collections</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/artist-residencies" class="menu-panel__link" data-drupal-link-system-path="node/90081">Artist Initiatives</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/hammer-channel" class="menu-panel__link" data-drupal-link-system-path="node/92646">Explore Online</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/edu/professors" class="menu-panel__link" data-drupal-link-system-path="node/80521">Academic Programs</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/edu/k-12-tours" class="menu-panel__link" data-drupal-link-system-path="node/80701">K-12 & Families</a> </li> </ul> </div> </li> <li class="menu-item menu-item--expanded"> <a href="/visit" aria-haspopup="true" aria-expanded="false" data-drupal-link-system-path="node/80411">Visit</a> <button type="button" class="menu-item__toggle-button js-menu-toggle" aria-expanded="false" aria-controls="menu-panel--1"> <span class="visually-hidden">Toggle Visit section</span> <svg class="menu-item__chevron"> <use xlink:href="/themes/custom/hammer/images/sprite.svg#chevron--big" /> </svg> </button> <div id="menu-panel--1" class="menu-panel js-menu-panel"> <div class="menu-panel__top-level js-menu-panel-top-level"> <a href="/visit" class="menu-panel__link menu-panel__link--top-level" data-drupal-link-system-path="node/80411">Visit</a> </div> <ul class="menu"> <li class="menu-item menu-item--collapsed"> <a href="/visit" class="menu-panel__link" data-drupal-link-system-path="node/80411">Plan Your Visit</a> </li> <li class="menu-item"> <a href="/restaurant" class="menu-panel__link" data-drupal-link-system-path="node/80496">Restaurant</a> </li> <li class="menu-item"> <a href="/visit/store" class="menu-panel__link" data-drupal-link-system-path="node/80731">Store</a> </li> </ul> </div> </li> <li class="menu-item menu-item--expanded"> <a href="/support" aria-haspopup="true" aria-expanded="false" data-drupal-link-system-path="node/80421">Support</a> <button type="button" class="menu-item__toggle-button js-menu-toggle" aria-expanded="false" aria-controls="menu-panel--2"> <span class="visually-hidden">Toggle Support section</span> <svg class="menu-item__chevron"> <use xlink:href="/themes/custom/hammer/images/sprite.svg#chevron--big" /> </svg> </button> <div id="menu-panel--2" class="menu-panel js-menu-panel"> <div class="menu-panel__top-level js-menu-panel-top-level"> <a href="/support" class="menu-panel__link menu-panel__link--top-level" data-drupal-link-system-path="node/80421">Support</a> </div> <ul class="menu"> <li class="menu-item"> <a href="/support" class="menu-panel__link" data-drupal-link-system-path="node/80421">Donate</a> </li> <li class="menu-item"> <a href="/support/membership" class="menu-panel__link" data-drupal-link-system-path="node/80446">Membership</a> </li> <li class="menu-item"> <a href="/la-arts-community-fire-relief-fund" class="menu-panel__link" data-drupal-link-system-path="node/106136">Fire Relief Fund</a> </li> <li class="menu-item"> <a href="/support/patron-groups" class="menu-panel__link" data-drupal-link-system-path="node/80456">Patron Groups</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/support/sponsorship-opportunities" class="menu-panel__link" data-drupal-link-system-path="node/80601">Corporate Partnerships</a> </li> <li class="menu-item"> <a href="/support/hammer-editions" class="menu-panel__link" data-drupal-link-system-path="node/80461">Hammer Editions</a> </li> <li class="menu-item"> <a href="/seat" class="menu-panel__link" data-drupal-link-system-path="node/105511">Name a Seat</a> </li> <li class="menu-item menu-item--collapsed"> <a href="https://hammer.ucla.edu/kamp" class="menu-panel__link">Fundraising Events</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/museum-transformation" class="menu-panel__link" data-drupal-link-system-path="node/80781">Museum Transformation</a> </li> </ul> </div> </li> </ul> </nav> <div class="hammer-property-preview"> <a href="https://channel.hammer.ucla.edu" target="_blank" rel="noopener" class="hammer-property-preview__link hammer-property-preview__link--pink"> Hammer Channel </a> <button type="button" class="menu-item__toggle-button js-menu-toggle" aria-expanded="false" aria-controls="menu-panel--hammer-channel"> <span class="visually-hidden">Toggle Hammer Channel section</span> <svg class="menu-item__chevron"> <use xlink:href="/themes/custom/hammer/images/sprite.svg#chevron--big" /> </svg> </button> <div id="menu-panel--hammer-channel" class="menu-panel menu-panel--hammer-property js-menu-panel"> <div class="hammer-property-preview__featured-video"> <img src="/themes/custom/hammer/images/channel-preview.jpg" alt=""> </div> <div class="hammer-property-preview__cta"> <p>Watch 1,000+ talks, performances, artist profiles, and more.</p> <a href="https://channel.hammer.ucla.edu" target="_blank" rel="noopener" class="menu-panel__link menu-panel__link--hammer-property menu-panel__link--hammer-channel"> Go to Hammer Channel <svg class="icon"> <use xlink:href="/themes/custom/hammer/images/sprite.svg#arrow--hammer-channel" /> </svg> </a> </div> </div> </div> <div class="hammer-property-preview"> <a href="https://collections.hammer.ucla.edu" target="_blank" rel="noopener" class="hammer-property-preview__link hammer-property-preview__link--blue"> Collections </a> <button type="button" class="menu-item__toggle-button js-menu-toggle" aria-expanded="false" aria-controls="menu-panel--hammer-collections"> <span class="visually-hidden">Toggle Hammer Collections section</span> <svg class="menu-item__chevron"> <use xlink:href="/themes/custom/hammer/images/sprite.svg#chevron--big" /> </svg> </button> <div id="menu-panel--hammer-collections" class="menu-panel menu-panel--hammer-property js-menu-panel"> <div class="hammer-property-preview__featured-video"> <img src="/themes/custom/hammer/images/hoc-menu-thumbnail.jpg" alt=""> </div> <div class="hammer-property-preview__cta"> <p>See 50,000+ objects, including prints, photographs, paintings, and more.</p> <a href="https://collections.hammer.ucla.edu" target="_blank" rel="noopener" class="menu-panel__link menu-panel__link--hammer-property menu-panel__link--hammer-collections"> Go to Hammer Collections <svg class="icon"> <use xlink:href="/themes/custom/hammer/images/sprite.svg#arrow--hammer-channel" /> </svg> </a> </div> </div> </div> <div class="meta-nav"> <button type="button" class="search-toggle header__button js-search-toggle" aria-expanded="false" aria-controls="search-form" aria-label="Toggle search form"> <svg class="icon icon--search"> <use xlink:href="/themes/custom/hammer/images/sprite.svg#search"/> </svg> </button> <div id="search-form" class="search-form"> <button type="button" class="search-form__close-button js-search-toggle" aria-label="Close search form"> <svg class="icon"> <use xlink:href="/themes/custom/hammer/images/sprite.svg#cross--thin"/> </svg> </button> <div class="views-exposed-form block block-views block-views-exposed-filter-blockacquia-search-page" data-drupal-selector="views-exposed-form-acquia-search-page" id="block-exposedformacquia-searchpage"> <form action="/search" method="get" id="views-exposed-form-acquia-search-page" accept-charset="UTF-8"> <div class="form--inline clearfix"> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-search form-item-search"> <label for="edit-search">Search</label> <input data-drupal-selector="edit-search" type="text" id="edit-search" name="search" value="" size="30" maxlength="128" placeholder="Enter something" class="form-text" /> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><button data-twig-suggestion="search" class="search-form__submit button js-form-submit form-submit" data-drupal-selector="edit-submit-acquia-search" type="submit" id="edit-submit-acquia-search" value="Search"> <span class="visually-hidden">Submit search</span> <svg class="icon icon--search-submit"> <use xlink:href="/themes/custom/hammer/images/sprite.svg#search" /> </svg> </button> </div> </div> </form> </div> </div> <button id="burger" class="burger header__button" aria-expanded="false" aria-controls="burger-menu-wrapper"> <svg class="icon icon--bars burger__icon"> <use xlink:href="/themes/custom/hammer/images/sprite.svg#bars" /> </svg> <span class="burger__text">Menu</span> </button> </div> <nav aria-labelledby="block-secondarynavigation-menu" id="block-secondarynavigation" class="block block-menu navigation menu--secondary"> <h2 class="visually-hidden" id="block-secondarynavigation-menu">Secondary navigation</h2> <div id="burger-menu-wrapper" class="burger-menu-wrapper"> <ul data-twig-suggestion="burger" class="burger-menu burger-menu--main menu"> <li class="menu-item menu-item--expanded menu-item--active-trail"> <a href="/exhibitions/on-view" data-drupal-link-system-path="node/89996">Art & Ideas</a> <ul class="menu"> <li class="menu-item menu-item--expanded"> <a href="/exhibitions/on-view" data-drupal-link-system-path="node/89996">Exhibitions</a> </li> <li class="menu-item menu-item--active-trail"> <a href="/programs-events" data-drupal-link-system-path="node/103406">Public Programs</a> </li> <li class="menu-item"> <a href="/collections" data-drupal-link-system-path="node/90001">Collections</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/artist-residencies" data-drupal-link-system-path="node/90081">Artist Initiatives</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/hammer-channel" data-drupal-link-system-path="node/92646">Explore Online</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/edu/professors" data-drupal-link-system-path="node/80521">Academic Programs</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/edu/k-12-tours" data-drupal-link-system-path="node/80701">K-12 & Families</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/visit" data-drupal-link-system-path="node/80411">Visit</a> <ul class="menu"> <li class="menu-item menu-item--expanded"> <a href="/visit" data-drupal-link-system-path="node/80411">Plan Your Visit</a> </li> <li class="menu-item"> <a href="/restaurant" data-drupal-link-system-path="node/80496">Restaurant</a> </li> <li class="menu-item"> <a href="/visit/store" data-drupal-link-system-path="node/80731">Store</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/support" data-drupal-link-system-path="node/80421">Support</a> <ul class="menu"> <li class="menu-item"> <a href="/support" data-drupal-link-system-path="node/80421">Donate</a> </li> <li class="menu-item"> <a href="/support/membership" data-drupal-link-system-path="node/80446">Membership</a> </li> <li class="menu-item"> <a href="/la-arts-community-fire-relief-fund" data-drupal-link-system-path="node/106136">Fire Relief Fund</a> </li> <li class="menu-item"> <a href="/support/patron-groups" data-drupal-link-system-path="node/80456">Patron Groups</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/support/sponsorship-opportunities" data-drupal-link-system-path="node/80601">Corporate Partnerships</a> </li> <li class="menu-item"> <a href="/support/hammer-editions" data-drupal-link-system-path="node/80461">Hammer Editions</a> </li> <li class="menu-item"> <a href="/seat" data-drupal-link-system-path="node/105511">Name a Seat</a> </li> <li class="menu-item menu-item--collapsed"> <a href="https://hammer.ucla.edu/kamp">Fundraising Events</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/museum-transformation" data-drupal-link-system-path="node/80781">Museum Transformation</a> </li> </ul> </li> </ul> <a href="https://channel.hammer.ucla.edu" target="_blank" rel="noopener" class="menu-item burger-menu__hammer-property-link"> Hammer Channel </a> <a href="https://collections.hammer.ucla.edu" target="_blank" rel="noopener" class="menu-item burger-menu__hammer-property-link"> Collections </a> <ul class="burger-menu burger-menu--secondary menu"> <li class="menu-item"> <a href="/about-us" data-drupal-link-system-path="node/80426">About Us</a> </li> <li class="menu-item"> <a href="/about-us/employment-opportunities" data-drupal-link-system-path="node/80501">Employment</a> </li> <li class="menu-item"> <a href="/press" data-drupal-link-system-path="node/80441">Press</a> </li> <li class="menu-item"> <a href="/privacy-policy" data-drupal-link-system-path="node/80706">Privacy Policy</a> </li> <li class="menu-item"> <a href="/terms-of-use" data-drupal-link-system-path="node/80711">Terms of use</a> </li> </ul> </div> </nav> </div> </div> </header> <main> <a id="main-content" tabindex="-1"></a> <div class="region region-highlighted"> <div data-drupal-messages-fallback class="hidden"></div> </div> <div class="layout-content"> <div class="region region-content"> <div id="block-hammer-content" class="block block-system block-system-main-block"> <article about="/programs-events/2024/transfigurations-reanimating-past-2018-2024" class="grid node node--type-program node--view-mode-full"> <div class="page__hero grid__full"> <div class="field field--name-field-hero-image field--type-entity-reference field--label-hidden field__item"><div class="media media--type-image media--view-mode-hero"> <div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <picture> <source srcset="/sites/default/files/styles/hero_r_large/public/2024-09/transfigurations.jpg?h=44b879e5&itok=GP2efabX 1x" media="(min-width: 1076px)" type="image/jpeg" width="1560" height="878"/> <source srcset="/sites/default/files/styles/hero_r_medium/public/2024-09/transfigurations.jpg?h=44b879e5&itok=cH9XA0TP 1x" media="(min-width: 640px)" type="image/jpeg" width="1075" height="605"/> <source srcset="/sites/default/files/styles/hero_r_small/public/2024-09/transfigurations.jpg?h=44b879e5&itok=xhReYQsD 1x" media="(min-width: 0px)" type="image/jpeg" width="640" height="360"/> <img loading="eager" src="/sites/default/files/styles/hero_r_small/public/2024-09/transfigurations.jpg?h=44b879e5&itok=xhReYQsD" width="640" height="360" alt="View of a cathedral ceiling" typeof="foaf:Image" /> </picture> </div> </div> </div> </div> <div class="page__top--program grid__main"> <div class="program__categories"> <div class="program__category field field--name-field-category field--type-entity-reference field--label-hidden field__items"> <span class="field__item category">Screenings</span> <span class="category-separator"><svg class="icon icon--backslash"><use xlink:href="/themes/custom/hammer/images/sprite.svg#backslash"/ ></svg></span> <span class="field__item category category--last">UCLA Film & TV Archive</span> </div> </div> <h1 class="page__title page__title--program"> <span class="field field--name-title field--type-string field--label-hidden">Transfigurations: Reanimating the Past (2018–2024)</span> </h1> <div class="field field--name-field-recurring-date field--type-date-recur field--label-hidden field__items"> <div class="field__item"> <ul class="occurrences"> <li class="occurrence"> <time datetime="2024-11-24T19:00:00Z" class="datetime">Sunday Nov 24, 2024 7:00 PM</time> <span class="occurrence__past">This is a past program</span> </li> </ul> </div> </div> <ul class="sidebar-link-nav__mobile grid__main"> <li class="newsletter-signup__link sidebar-link__container"> <a class="sidebar-link first" target="_blank" href="/sign-up-for-email-from-the-hammer"> <svg class="icon icon--envelope icon--envelope"> <use xlink:href="/themes/custom/hammer/images/sprite.svg#envelope" /> </svg> <span>Get Our Newsletter</span> </a> </li> </ul> </div> <div class="page__content grid__primary-left"> <div class="field field--name-field-paragraphs-content field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <!-- Create an ID for the text content so it can be anchored to --> <div class="paragraph paragraph--text paragraph--type--text-paragraph paragraph--view-mode--default"> <div class="clearfix text-formatted field field--name-field-paragraph-text field--type-text-long field--label-hidden field__item"><p>Presented by the UCLA Film & Television Archive.</p> <p>Part of the UCLA Film & Television Archive screening series<em> Transfigurations: A Weekend with David Lebrun</em>. Learn more at <a href="https://cinema.ucla.edu/events/">cinema.ucla.edu</a>.</p> </div> </div> </div> <div class="field__item"> <!-- Create an ID for the text content so it can be anchored to --> <div class="paragraph paragraph--text paragraph--type--text-paragraph paragraph--view-mode--default"> <div class="clearfix text-formatted field field--name-field-paragraph-text field--type-text-long field--label-hidden field__item"><p>In-person: filmmaker <strong>David Lebrun</strong>.</p> </div> </div> </div> <div class="field__item"> <!-- Create an ID for the text content so it can be anchored to --> <div class="paragraph paragraph--text paragraph--type--text-paragraph paragraph--view-mode--default"> <div class="clearfix text-formatted field field--name-field-paragraph-text field--type-text-long field--label-hidden field__item"><p>David Lebrun’s latest project is a large-scale, multi-year work in progress to create a transformative encounter between the present and the past through an immersive experience with change itself. Beginning with high-resolution images of artifacts, art objects and architectural details from different eras and photographed at various sites around the world, including museums, churches and temples, Lebrun animates the changes in their forms across millenia. The results are an awe inspiring tour of human ingenuity, imagination, belief and craft as it expressed itself from the Paleolithic period through the Middle Ages, and from Mesoamerica to Europe, the Middle East and Indian Asia. </p> <p>Total running time: 67 min.</p> </div> </div> </div> <div class="field__item"> <!-- Create an ID for the text content so it can be anchored to --> <div class="paragraph paragraph--text paragraph--type--text-paragraph paragraph--view-mode--default" id="45Handaxes,LowertoMiddlePaleolithic(600,000to40,000BP)"> <h2 class="optional-title">45 Handaxes, Lower to Middle Paleolithic (600,000 to 40,000 BP)</h2> <div class="clearfix text-formatted field field--name-field-paragraph-text field--type-text-long field--label-hidden field__item"><p>2020. DCP, color, 7 min. Director: David Lebrun</p> </div> </div> </div> <div class="field__item"> <!-- Create an ID for the text content so it can be anchored to --> <div class="paragraph paragraph--text paragraph--type--text-paragraph paragraph--view-mode--default" id="137Coins,GreeceviaRometoGaul(4thto1stC.BCE)"> <h2 class="optional-title">137 Coins, Greece via Rome to Gaul (4th to 1st C. BCE)</h2> <div class="clearfix text-formatted field field--name-field-paragraph-text field--type-text-long field--label-hidden field__item"><p>2020. DCP, color, 7 min. Director: David Lebrun</p> </div> </div> </div> <div class="field__item"> <!-- Create an ID for the text content so it can be anchored to --> <div class="paragraph paragraph--text paragraph--type--text-paragraph paragraph--view-mode--default" id="CycladicandAnatolianFigurines(3300–2000BCE)"> <h2 class="optional-title">Cycladic and Anatolian Figurines (3300–2000 BCE)</h2> <div class="clearfix text-formatted field field--name-field-paragraph-text field--type-text-long field--label-hidden field__item"><p>2021. DCP, color, 7 min. Director: David Lebrun</p> </div> </div> </div> <div class="field__item"> <!-- Create an ID for the text content so it can be anchored to --> <div class="paragraph paragraph--text paragraph--type--text-paragraph paragraph--view-mode--default" id="91SpoutedVessels,Iran(3200BCE–224CE)"> <h2 class="optional-title">91 Spouted Vessels, Iran (3200 BCE–224 CE)</h2> <div class="clearfix text-formatted field field--name-field-paragraph-text field--type-text-long field--label-hidden field__item"><p>2021. DCP, color, 7 min. Director: David Lebrun</p> </div> </div> </div> <div class="field__item"> <!-- Create an ID for the text content so it can be anchored to --> <div class="paragraph paragraph--text paragraph--type--text-paragraph paragraph--view-mode--default" id="65ChurchesandCathedrals/EarlyRomanesquetoLateGothic/France(1050-1500CE)"> <h2 class="optional-title">65 Churches and Cathedrals / Early Romanesque to Late Gothic/France (1050-1500 CE)</h2> <div class="clearfix text-formatted field field--name-field-paragraph-text field--type-text-long field--label-hidden field__item"><p>2021. DCP, color, 7 min. Director: David Lebrun</p> </div> </div> </div> <div class="field__item"> <!-- Create an ID for the text content so it can be anchored to --> <div class="paragraph paragraph--text paragraph--type--text-paragraph paragraph--view-mode--default" id="AmericanGodsTriptych(2000BCE–1521CE)"> <h2 class="optional-title">American Gods Triptych (2000 BCE–1521 CE)</h2> <div class="clearfix text-formatted field field--name-field-paragraph-text field--type-text-long field--label-hidden field__item"><p>2024. DCP, color, 7 min. Director: David Lebrun</p> </div> </div> </div> <div class="field__item"> <!-- Create an ID for the text content so it can be anchored to --> <div class="paragraph paragraph--text paragraph--type--text-paragraph paragraph--view-mode--default" id="TheHoysalesvaraTemple/Karnataka,India(circa1250CE)"> <h2 class="optional-title">The Hoysalesvara Temple / Karnataka, India (circa 1250 CE)</h2> <div class="clearfix text-formatted field field--name-field-paragraph-text field--type-text-long field--label-hidden field__item"><p>2012. DCP, color, 7 min. Director: David Lebrun</p> </div> </div> </div> </div> <div class="field field--name-field-program-credit field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><div about="/taxonomy/term/5881" id="taxonomy-term-5881" class="taxonomy-term vocabulary-program-credit"> <div class="content"> <div class="clearfix text-formatted field field--name-description field--type-text-long field--label-hidden field__item"><h5><strong>ATTENDING THIS PROGRAM?</strong></h5> <p><strong>Ticketing:</strong> Admission to Archive screenings at the Hammer is free. Your seat will be assigned to you when you pick up your ticket at the box office. Seats are assigned on a first come, first served basis. Box office opens one hour before the event. Questions should be directed to the Archive at <a href="mailto: "programming@cinema.ucla.edu"">programming@cinema.ucla.edu</a> or 310-206-8013.</p> <p><strong>Member Benefit: </strong>Subject to availability, Hammer Members can choose their preferred seats. Members receive priority ticketing until 15 minutes before the program. <a href="/support/membership">Learn more about membership.</a></p> <p><strong>Parking: </strong>Valet parking is available on Lindbrook Drive for $15 cash only. Self-parking is available under the museum. Rates are $8 for the first three hours with museum validation, and $3 for each additional 20 minutes, with a $22 daily maximum. There is an $8 flat rate after 5 p.m. on weekdays, and all day on weekends.</p> <p><a href="/know-before-you-go">Read our food, bag check, and photo policies.</a><br> <a href="/visit">Read our COVID-19 safety guidelines</a>.</p> <p><a href="/visit/accessibility">♿ Accessibility information</a></p> </div> </div> </div> </div> </div> </div> <div class="page__sidebar grid__sidebar-right"> <div class="sidebar-link-nav__desktop"> <div class="newsletter-signup__link sidebar-link__container"> <a class="sidebar-link" target="_blank" href="/sign-up-for-email-from-the-hammer"> <svg class="icon icon--envelope icon--envelope"> <use xlink:href="/themes/custom/hammer/images/sprite.svg#envelope" /> </svg> <span>Get Our Newsletter</span> </a> </div> </div> <div class="field field--name-field-sidebar-content field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <div class="paragraph paragraph--related-content paragraph--view-mode--default" id="related-content-356236"> <div class="related-content-group"> <h2 class="sidebar-heading"> Related Programs </h2> <article about="/programs-events/2024/sanctus-and-other-shorts-david-lebrun" class="node node--type-program node--view-mode-teaser"> <a class="page-teaser" href="/programs-events/2024/sanctus-and-other-shorts-david-lebrun"> <div class="page-teaser__preview"> <h3 class="page-teaser__title">Sanctus and Other Shorts by David Lebrun</h5> <div class="page-teaser__occurrence"> <div class="field field--name-field-recurring-date field--type-date-recur field--label-hidden field__items"> <div class="field__item"> <ul class="occurrences"> <li class="occurrence"> <time datetime="2024-11-23T19:30:00Z" class="datetime">Saturday Nov 23, 2024 7:30 PM</time> <span class="occurrence__past">This is a past program</span> </li> </ul> </div> </div> </div> </div> <div class="page-teaser__image"> <div class="field field--name-field-hero-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/related_content_teaser/public/2024-09/sanctus.jpg?h=77a4a6c4&itok=LASO77YM" width="500" height="300" alt="Black and white still of people outside of a church" typeof="foaf:Image" class="image-style-related-content-teaser" /> </div> </div> </a> </article> <article about="/programs-events/2024/proteus-nineteenth-century-vision" class="node node--type-program node--view-mode-teaser"> <a class="page-teaser" href="/programs-events/2024/proteus-nineteenth-century-vision"> <div class="page-teaser__preview"> <h3 class="page-teaser__title">Proteus: A Nineteenth Century Vision</h5> <div class="page-teaser__occurrence"> <div class="field field--name-field-recurring-date field--type-date-recur field--label-hidden field__items"> <div class="field__item"> <ul class="occurrences"> <li class="occurrence"> <time datetime="2024-11-24T15:00:00Z" class="datetime">Sunday Nov 24, 2024 3:00 PM</time> <span class="occurrence__past">This is a past program</span> </li> </ul> </div> </div> </div> </div> <div class="page-teaser__image"> <div class="field field--name-field-hero-image field--type-entity-reference field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/related_content_teaser/public/2024-09/proteus.jpg?h=44b879e5&itok=2Ydople7" width="500" height="300" alt="Abstract, organic shape" typeof="foaf:Image" class="image-style-related-content-teaser" /> </div> </div> </a> </article> </div> </div> </div> </div> </div> </article> </div> </div> </div> </main> <footer role="contentinfo"> <div class="region region-footer"> <div class="footer__top"> <div class="footer__core footer__core--top"> <div class="footer__blocks"> <div id="block-contactdetails" class="block block-fixed-block-content block-fixed-block-contentcontact-details"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><strong>HAMMER MUSEUM<br> Free for good</strong><br> 10899 Wilshire Blvd.<br> Los Angeles, CA<br> 90024</p> <p><a href="tel:13104437000">(310) 443-7000</a><br> <a href="mailto:info@hammer.ucla.edu">info@hammer.ucla.edu</a></p> </div> </div> <div id="block-openinghours" class="block block-fixed-block-content block-fixed-block-contentopening-hours"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><strong>Gallery Hours</strong><br> Monday: <strong>Closed</strong><br> Tuesday–Thursday: <strong>11AM–6PM</strong><br> Friday: <strong>11AM–8PM</strong><br> Saturday–Sunday: <strong>11AM–6PM</strong></p> <p><strong>Restaurant Hours</strong><br> Monday: <strong>Closed</strong><br> Tuesday–Thursday: <strong>11:30AM–8:30PM</strong><br> Friday: <strong>11:30AM–9PM</strong><br> Saturday: <strong>11AM–9PM</strong><br> Sunday: <strong>11AM–6PM</strong></p> </div> </div> </div> <div class="footer__menus"> <ul class="menu--main-footer__menu menu js-main-menu"> <li class="menu-item menu-item--collapsed menu-item--active-trail"> <a href="/exhibitions/on-view" data-drupal-link-system-path="node/89996">Art & Ideas</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/visit" data-drupal-link-system-path="node/80411">Visit</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/support" data-drupal-link-system-path="node/80421">Support</a> </li> </ul> <ul class="menu--secondary-footer__menu menu"> <li class="menu-item"> <a href="/about-us" data-drupal-link-system-path="node/80426">About Us</a> </li> <li class="menu-item"> <a href="/about-us/employment-opportunities" title="Employment Opportunities" data-drupal-link-system-path="node/80501">Employment</a> </li> <li class="menu-item"> <a href="/press" data-drupal-link-system-path="node/80441">Press</a> </li> <li class="menu-item"> <a href="/privacy-policy" data-drupal-link-system-path="node/80706">Privacy Policy</a> </li> <li class="menu-item"> <a href="/terms-of-use" data-drupal-link-system-path="node/80711">Terms of Use</a> </li> </ul> </div> </div> </div> <div class="footer__bottom"> <div class="footer__core footer__core--bottom"> <ul class="footer__social"> <li> <a href="https://www.instagram.com/hammer_museum/" class="footer__social-icon" target="_blank"> <svg aria-labelledby="instagram-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <title id="instagram-icon">Instagram</title> <path fill="currentcolor" d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077" /> </svg> </a> </li> <li> <a href="https://www.threads.net/@hammer_museum" class="footer__social-icon" target="_blank"> <svg aria-labelledby="threads-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <title id="threads-icon">Threads</title> <path fill="currentcolor" d="M12.186 24h-.007c-3.581-.024-6.334-1.205-8.184-3.509C2.35 18.44 1.5 15.586 1.472 12.01v-.017c.03-3.579.879-6.43 2.525-8.482C5.845 1.205 8.6.024 12.18 0h.014c2.746.02 5.043.725 6.826 2.098 1.677 1.29 2.858 3.13 3.509 5.467l-2.04.569c-1.104-3.96-3.898-5.984-8.304-6.015-2.91.022-5.11.936-6.54 2.717C4.307 6.504 3.616 8.914 3.589 12c.027 3.086.718 5.496 2.057 7.164 1.43 1.783 3.631 2.698 6.54 2.717 2.623-.02 4.358-.631 5.8-2.045 1.647-1.613 1.618-3.593 1.09-4.798-.31-.71-.873-1.3-1.634-1.75-.192 1.352-.622 2.446-1.284 3.272-.886 1.102-2.14 1.704-3.73 1.79-1.202.065-2.361-.218-3.259-.801-1.063-.689-1.685-1.74-1.752-2.964-.065-1.19.408-2.285 1.33-3.082.88-.76 2.119-1.207 3.583-1.291a13.853 13.853 0 0 1 3.02.142c-.126-.742-.375-1.332-.75-1.757-.513-.586-1.308-.883-2.359-.89h-.029c-.844 0-1.992.232-2.721 1.32L7.734 7.847c.98-1.454 2.568-2.256 4.478-2.256h.044c3.194.02 5.097 1.975 5.287 5.388.108.046.216.094.321.142 1.49.7 2.58 1.761 3.154 3.07.797 1.82.871 4.79-1.548 7.158-1.85 1.81-4.094 2.628-7.277 2.65Zm1.003-11.69c-.242 0-.487.007-.739.021-1.836.103-2.98.946-2.916 2.143.067 1.256 1.452 1.839 2.784 1.767 1.224-.065 2.818-.543 3.086-3.71a10.5 10.5 0 0 0-2.215-.221z" /> </svg> </a> </li> <li> <a href="https://www.facebook.com/HammerMuseum/" class="footer__social-icon" target="_blank"> <svg aria-labelledby="facebook-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <title id="facebook-icon">Facebook</title> <path fill="currentcolor" d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z" /> </svg> </a> </li> <li> <a href="https://bsky.app/profile/hammermuseum.bsky.social" class="footer__social-icon" target="_blank"> <svg aria-labelledby="bluesky-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <title id="bluesky-icon">Bluesky</title> <path fill="currentcolor" d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z" /> </svg> </a> </li> <li> <a href="https://www.youtube.com/user/hammermuseum" class="footer__social-icon" target="_blank"> <svg aria-labelledby="youtube-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <title id="youtube-icon">YouTube</title> <path fill="currentcolor" d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" /> </svg> </a> </li> </ul> <div class="footer__subscribe"> <a class="footer__subscribe__link" href="https://hammer.ucla.edu/sign-up-for-email-from-the-hammer/"> <svg class="footer__subscribe-icon icon"> <use xlink:href="/themes/custom/hammer/images/sprite.svg#circle-envelope"/> </svg> <label for="sign-up-form--footer" class="icon-text">Sign up for email</label> </a> <form class="footer__subscribe__form" action="https://hammer.ucla.edu/sign-up-for-email-from-the-hammer/" method="get"> <input id="sign-up-form--footer" class="footer__subscribe__input" type="email" name="signUpEmail" placeholder="Subscribe for news" /> <button class="footer__subscribe__submit visually-hidden">Subscribe</button> </form> </div> <div class="footer__copy"> © Hammer Museum 2025 </div> </div> </div> </div> </footer> <div class="share-flyout"> </div> </div> </div> <script src="/sites/default/files/js/js_KeAuGaZhrPpOdWzpaCAyht9w49dtw1eXnq7crcZ_v8E.js?scope=footer&delta=0&language=en&theme=hammer&include=eJxdjkEOwyAMBD9Ew5OQAddAQKYGKvr70gOK0tvMarVaSDBNZvAoGi4-ehC2FkU9waFlPk2NE7O-q0qvgfIxIxoPHWt059q5UAUoZSXtTXM0VMRMGU0H0tTLXYH-_fgd2hMBwQtzSW0nlNlCfjQnsfamZBUKC-oNX98bVWI"></script> <script src="/modules/contrib/google_tag/js/gtm.js?sriyk9"></script> <script src="/modules/contrib/google_tag/js/gtag.js?sriyk9"></script> <script src="/sites/default/files/js/js_VVdgZZSdO5-hVSGzIupJaEp-pPVY9EOWvKKzXszmP38.js?scope=footer&delta=3&language=en&theme=hammer&include=eJxdjkEOwyAMBD9Ew5OQAddAQKYGKvr70gOK0tvMarVaSDBNZvAoGi4-ehC2FkU9waFlPk2NE7O-q0qvgfIxIxoPHWt059q5UAUoZSXtTXM0VMRMGU0H0tTLXYH-_fgd2hMBwQtzSW0nlNlCfjQnsfamZBUKC-oNX98bVWI"></script> </body> </html>