PageSourceSearch

https://hnoc.org/about

html hnoc.org collected 2026-10-01 10:26:20 UTC 212,728 bytes, 2,208 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
5<head>
6    <meta charset="utf-8"/>
7    <link rel="home" href="https://hnoc.org/"/>
8    <meta name="viewport" content="width=device-width, initial-scale=1.0,  maximum-scale=5.0">
9    <meta http-equiv="X-UA-Compatible" content="IE=edge">
10    <meta name="referrer" content="no-referrer-when-downgrade">
11
12    <link rel="home" href="https://hnoc.org/">
13<link rel="canonical" href="https://hnoc.org/about">
14<meta property="og:url" content="https://hnoc.org/about"><meta name="twitter:url" content="https://hnoc.org/about"><meta property="og:locale" content="en-US">
15<title>About | Historic New Orleans Collection</title>
16    <meta name="description" content="Proud stewards of New Orleans and Gulf South history, we are a museum, research center, and publisher in the heart of the French Quarter.">
17    <meta name="image" content="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&gravity%5Bx%5D=0.5265&gravity%5By%5D=0.7396&format=baseline-jpeg&height=675&width=1200&s=q4l2uVhLy2zYw3-GsqEA3P_ZhjcnKf0Xhad8rDLByAE">
18    <meta property="og:title" content="About">
19    <meta property="og:description" content="Proud stewards of New Orleans and Gulf South history, we are a museum, research center, and publisher in the heart of the French Quarter.">
20    <meta property="og:image" content="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&gravity%5Bx%5D=0.5265&gravity%5By%5D=0.7396&format=baseline-jpeg&height=630&width=1200&s=0pPE76epDPineBVg91qs4JZ01SYp1TGxD9hAhdgmouQ">
21    <meta name="twitter:title" content="About">
22    <meta name="twitter:description" content="Proud stewards of New Orleans and Gulf South history, we are a museum, research center, and publisher in the heart of the French Quarter.">
23    <meta name="twitter:image" content="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&gravity%5Bx%5D=0.5265&gravity%5By%5D=0.7396&format=baseline-jpeg&height=600&width=1200&s=3hYJczkL0xtGf4GGxtAO0LhL8s9y2NZt2hne1cg_6Z0">
24    <meta property="og:image:type" content="image/jpeg">
25    <meta property="og:image:width" content="1200">
26    <meta property="og:image:height" content="630">
27    
28    <link rel="alternate" href="https://hnoc.org/about" hreflang="en-us">
29        <link rel="preconnect" href="https://fonts.googleapis.com">
30    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
31
32
33    <link rel="icon" type="image/png" href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/favicon-48x48.png" sizes="48x48"/>
34    <link rel="icon" type="image/svg+xml" href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/favicon.svg"/>
35    <link rel="shortcut icon" href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/favicon.ico"/>
36    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/apple-touch-icon.png"/>
37    <link rel="manifest" href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/site.webmanifest"/>
38
39    <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;
391,400..800&display=swap" rel="stylesheet">
40        <link rel="stylesheet" href="https://use.typekit.net/dgw6yir.css">
41    
41<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
vendor: 2 bytes, line 41
41
42<script type="module" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/dist/assets/app.40352cdb.js" crossorigin onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;resources/js/app.js&#039;}});document.dispatchEvent(e);"></script>
42
43<link href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/dist/assets/app.30fa4851.css" rel="stylesheet">
44
45
46    
47        
48    
49
50    <!-- Facebook Pixel Code -->
51
52<script nonce="gXWlwCqH">
vendor: 421 bytes, lines 52-64
52
53
54  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
55
56    n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
57
58    n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
59
60    t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
61
62    document,'script','https://connect.facebook.net/en_US/fbevents.js');
63
64  fbq('init', '
64996537248022195
vendor: 7 bytes, lines 64-66
64');
65
66  
66fbq('set','agent','tmgoogletagmanager', '996537248022195');
67
68  fbq('track', "PageView");
69
70</script>
70
71
72
73
74<!-- End Facebook Pixel Code -->
75
76
77<!-- Google Tag Manager -->
78
79<script>
vendor: 347 bytes, lines 79-87
79(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
80
81      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
82
83    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
84
85    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
86
87  })(window,document,'script','dataLayer','
87GTM-MRSG298
vendor: 3 bytes, line 87
87');
87</script>
87
88
89<!-- End Google Tag Manager -->
90
91
92
93
94
95    
96</head>
97<body class="">
98<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 98-100
98
99
100<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
100GTM-MRSG298
vendor: 103 bytes, lines 100-103
100"
101
102                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
103
104<!-- End Google Tag Manager (noscript) -->
105
106<noscript><img height="1" width="1" style="display:none"
107
108               src="https://www.facebook.com/tr?id=996537248022195&ev=PageView&noscript=1"
109
110    /></noscript><div class="site-wrapper">
111    <a href="#swup" class="absolute z-40 font-satoshi font-medium border-green border bg-white top-0 border-t-0 left-2 rounded-sm px-4 py-2 transform focus:translate-y-0 transition -translate-y-full">Skip to content</a>
112
113<div g-component="Header">
114    <header class="fixed w-full bg-white z-30 shadow-sm left-0">
115        <div class=" relative z-30 bg-white">
116            <div class="g--wrapper flex justify-between items-center xl:items-end">
117                <a href="https://hnoc.org/" class="py-3 xl:py-[19px] flex-shrink-0">
118                    <img src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/thnoc-logo.svg" alt="The Historic New Orleans Collection" class="w-[360px] hidden xl:block">
119                    <img src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/thnoc-logo--mobile.svg" alt="The Historic New Orleans Collection" class="w-[120px] lg:w-[160px] xl:hidden">
120                </a>
121                <div class="hidden lg:flex flex-col justify-between flex-grow">
122                    <div class="pt-3 md:pt-[14px] font-satoshi font-medium text-green/90 text-[15px] flex justify-end">
123                        <div g-component="OpeningWidget">
124
125                        </div>
126                                                    <div class="ml-4">
127                                <a class="hover:underline" href="https://hnoc.org/events/calendar" aria-label="">Calendar</a>
128                            </div>
129                                                    <div class="ml-4">
130                                <a class="hover:underline" href="https://hnoc.org/publishing/first-draft" aria-label="">Blog</a>
131                            </div>
132                                                    <div class="ml-4">
133                                <a class="hover:underline" href="https://catalog.hnoc.org/web/arena" rel="noopener noreferrer" target="_blank" aria-label="Catalog (Opens in a new tab)">Catalog</a>
134                            </div>
135                                                    <div class="ml-4">
136                                <a class="hover:underline" href="https://shophnoc.com/" rel="noopener noreferrer" target="_blank" aria-label="Shop (Opens in a new tab)">Shop</a>
137                            </div>
138                                                    <div class="ml-4">
139                                <a class="tag--prenav-tickets hover:underline" href="https://my.hnoc.org/events" aria-label="">Tickets</a>
140                            </div>
141                                                <div g-component="SearchBar" class="ml-3 ">
142                            <button aria-label="Search" g-ref="open" class="ml-3 group">
143                                <svg class="fill-green/50 group-hover:fill-green" width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
144    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.0154 17.7796L15.4438 13.208C16.2528 12.1367 16.7326 10.8029 16.7326 9.35701C16.7326 5.82455 13.8689 2.96094 10.3365 2.96094C6.80405 2.96094 3.94043 5.82455 3.94043 9.35701C3.94043 12.8895 6.80405 15.7531 10.3365 15.7531C11.7824 15.7531 13.1162 15.2733 14.1875 14.4643L18.7591 19.0359L20.0154 17.7796ZM14.9559 9.357C14.9559 11.9082 12.8878 13.9764 10.3365 13.9764C7.78533 13.9764 5.71717 11.9082 5.71717 9.357C5.71717 6.80579 7.78533 4.73762 10.3365 4.73762C12.8878 4.73762 14.9559 6.80579 14.9559 9.357Z"/>
145</svg>
146
147                            </button>
148                            <div id="searchBar" class="hidden shadow  text-green z-30 fixed top-[4px] right-0 w-full h-full bg-black/80">
149                                <div id="component-lidgku" class="sprig-component" data-hx-target="this" data-hx-include="this" data-hx-trigger="refresh" data-hx-get="https://hnoc.org/actions/sprig-core/components/render" data-hx-vals="{&quot;sprig:config&quot;:&quot;2c286091a23b241215586fbecad43e74b2501f5cb0f7e2c537a1b07c9161a001{\u0022id\u0022:\u0022component-lidgku\u0022,\u0022siteId\u0022:1,\u0022template\u0022:\u0022components\\\/_c--search-bar--sprig\u0022}&quot;}">
150
151<div g-ref="searchInner" class="w-full h-full flex relative bg-white justify-center top-0 left-0">
152    <div class="g--wrapper g--wrapper--small flex-grow max-h-screen flex flex-col">
153        <div>
154            <label class="mt-5 mb-2 font-satoshi font-medium block text-[16px]" for="searchBarInput">Search</label>
155            <input type="text" id="searchBarInput" class="w-full px-4 h-[53px] border-b-2 border-green/20 py-2 px-0 focus:outline-none focus:border-green font-satoshi font-medium text-body-fluid tracking-[-0.04px] text-green" name="querySearchBar" value sprig placeholder="Type to search" s-trigger="keyup changed delay:300ms" s-replace="#results" data-hx-get="https://hnoc.org/actions/sprig-core/components/render" data-hx-trigger="keyup changed delay:300ms" data-hx-select="#results" data-hx-target="#results" data-hx-swap="outerHTML" data-sprig-parsed>
156        </div>
157        <div id="results" class="mt-6 flex-grow h-full overflow-y-auto">
158                    </div>
159    </div>
160</div></div>
161                                <button g-ref="close" class="z-20 absolute top-2 right-4">
162                                    <img src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/close--green.svg" alt="Close" class="w-10 h-10">
163                                </button>
164                            </div>
165                        </div>
166                        <a class="ml-3 group" aria-label="Login" href="https://my.hnoc.org/account/login" target="_blank">
167                            <svg class="fill-green/50 group-hover:fill-green" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
168    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.0875 2.46973C13.661 2.46973 15.7598 4.56855 15.7598 7.14203C15.7598 9.71552 13.661 11.8143 11.0875 11.8143C8.51404 11.8143 6.41522 9.71552 6.41522 7.14203C6.41522 4.56855 8.51404 2.46973 11.0875 2.46973ZM11.0875 11.725C15.3602 11.725 18.8449 15.2097 18.8002 19.5271L17.213 19.4824C17.213 16.
1680906 14.4793 13.3569 11.0875 13.3569C7.69564 13.3569 4.96193 16.0906 4.91728 19.5271L3.33008 19.4824C3.33008 15.2097 6.81478 11.725 11.0875 11.725ZM11.0875 4.10158C9.40092 4.10158 8.04707 5.45542 8.04707 7.14203C8.04707 8.82864 9.40092 10.1825 11.0875 10.1825C12.7741 10.1825 14.128 8.82864 14.128 7.14203C14.128 5.45542 12.7741 4.10158 11.0875 4.10158Z"/>
169</svg>
170
171                        </a>
172                        <a aria-label="Shop" class="ml-3 group" href="https://shophnoc.com/" target="_blank">
173                            <svg class="stroke-green/50 group-hover:stroke-green" width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
174    <path d="M2.63184 1.78467H3.79831C4.01802 1.78467 4.12788 1.78467 4.21628 1.82507C4.29419 1.86067 4.36021 1.91793 4.40647 1.99002C4.45897 2.07182 4.47451 2.18058 4.50558 2.39807L4.92826 5.35689M4.92826 5.35689L5.86766 12.2615C5.98687 13.1377 6.04648 13.5758 6.25594 13.9055C6.44052 14.1961 6.70514 14.4272 7.01795 14.5709C7.37295 14.734 7.81508 14.734 8.69935 14.734H16.342C17.1838 14.734 17.6046 14.734 17.9486 14.5825C18.2519 14.449 18.512 14.2337 18.6999 13.9608C18.9131 13.6512 18.9918 13.2378 19.1493 12.4109L20.3314 6.20502C20.3868 5.91398 20.4146 5.76847 20.3744 5.65472C20.3391 5.55494 20.2696 5.47092 20.1782 5.41763C20.074 5.35689 19.9258 5.35689 19.6296 5.35689H4.92826ZM9.77628 18.7527C9.77628 19.2459 9.37645 19.6458 8.88322 19.6458C8.39 19.6458 7.99017 19.2459 7.99017 18.7527C7.99017 18.2595 8.39 17.8597 8.88322 17.8597C9.37645 17.8597 9.77628 18.2595 9.77628 18.7527ZM16.9207 18.7527C16.9207 19.2459 16.5209 19.6458 16.0277 19.6458C15.5344 19.6458 15.1346 19.2459 15.1346 18.7527C15.1346 18.2595 15.5344 17.8597 16.0277 17.8597C16.5209 17.8597 16.9207 18.2595 16.9207 18.7527Z"  stroke-width="1.78611" stroke-linecap="round" stroke-linejoin="round"/>
175</svg>
176
177                        </a>
178
179                    </div>
180
181                                                                                                                                                                                                                            <div class=" flex justify-end">
182                                                    <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group ">
183                                <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/visit">Visit</a>
184                                                                    <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm">
185                                        <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5">
186                                            <div class="col-span-3 font-title text-carousel-quote flex items-center  uppercase ">
187                                                                                                    <a class="hover:underline" href="https://hnoc.org/visit">Visit</a>
188                                                                                            </div>
189                                            <div class="col-span-3 border-r border-pink-blush">
190                                                                                                    <div class="mb-1">
191                                                        <a class="tag--nav-tickets font-satoshi font-medium hover:underline text-[16px]" href="https://my.hnoc.org/events" rel="noopener noreferrer" target="_blank">Get Tickets</a>
192                                                    </div>
193                                                                                                    <div class="mb-1">
194                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/getting-here">Directions & Parking</a>
195                                                    </div>
196                                                                                                    <div class="mb-1">
197                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/tours">Tours & Daily Programs</a>
198                                                    </div>
199                                                                                                    <div class="mb-1">
200                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/groups">Group Experiences</a>
201                                                    </div>
202                                                                                                    <div class="mb-1">
203                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://shophnoc.com/" rel="noopener noreferrer" target="_blank">Shop at the Collection</a>
204                                                    </div>
205                                                                                                    <div class="mb-1">
206                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/our-campu
206s/the-cafe-at-the-collection">Café at the Collection</a>
207                                                    </div>
208                                                                                                    <div class="mb-1">
209                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/accessibility">Accessibility</a>
210                                                    </div>
211                                                                                            </div>
212                                            <div class="col-span-3">
213                                                                                                    <div class="font-satoshi font-medium text-carousel-title-small">
214                                                        <a class="hover:underline" href="https://hnoc.org/visit">New Orleans History Lives Here</a>
215                                                    </div>
216                                                    <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]">
217                                                        <p>Enjoy free admission every day. Visit the museum, shop, and café, or resesarch our collections at the Williams Research Center.</p>
218                                                    </div>
219                                                                                            </div>
220                                            <div class="col-span-3">
221                                                                                                    <a href="https://hnoc.org/visit" target="">
222                                                        
223
224        
225        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
226                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A courtyard with mustard-colored walls and dark green accents. Two people stand by a central fountain, and others browse a decorative shop with arched windows. Potted plants and wrought iron furniture complete the setting." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-515_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5817&amp;gravity%5By%5D=0.8124&amp;width=260&amp;s=0ANkhsthAF6tDy82sLPpW7s7W7DvyHD2sx5OVrXBoBo" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-515_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5817&amp;gravity%5By%5D=0.8124&amp;format=webp&amp;height=172&amp;width=260&amp;s=8Zcicn33-cWNmZu1di5xqiUWnSMG5_8qugrKo4lciDo 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-515_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5817&amp;gravity%5By%5D=0.8124&amp;format=webp&amp;height=344&amp;width=520&amp;s=BvCh24Hm0i-jlw1sUIn5YuL5e4utxM-qr3Cm4K8VXXw 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-515_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5817&amp;gravity%5By%5D=0.8124&amp;format=webp&amp;height=688&amp;width=1040&amp;s=wnzo7ytPIP74_PwPzB9TOVlbUaOgnnrd1nwxjU2CRYw 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-515_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5817&amp;gravity%5By%5D=0.8124&amp;format=webp&amp;height=993&amp;width=1500&amp;s=qeyLyXPFzUP8Oe4eWM5bjQOJK3nCXIsWd5eAF_br3Jc 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-515_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5817&amp;gravity%5By%5D=0.8124&amp;format=webp&amp;height=1376&amp;width=2080&amp;s=f3HTKZCmchaUfkEUPU6xxiXV4iqTTIrI8-7ACOk_mxo 2080w" style="object-position: 58.17% 81.24%;">
227    </div>
228                                                    </a>
229                                                                                            </div>
230                                        </div>
231                                    </div>
232                                                            </div>
233                                                    <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group ">
234                                <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/exhibitions">Exhibitions</a>
235                                                                    <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm">
236                                        <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5">
237                                            <div class="col-span-3 font-title text-carousel-quote flex items-center  uppercase ">
238                                                                                                    <a class="hover:underline" href="https://hnoc.org/exhibitions">Exhibitions</a>
239                                                                                            </div>
240                                            <div class="col-span-3 border-r border-pink-blush">
241                                                                                                    <div class="mb-1">
242                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/exhibitions">On View</a>
243                                                    </div>
244                                                                                                    <div class="mb-1">
245                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/exhibitions#vizy-block-AA86ZW9nVq">Upcoming</a>
246                                                    </div>
247                                                                                                    <div class="mb-1">
248                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/exhibitions/virtual-exhibitions">Virtual</a>
249                                                    </div>
250                                                                                                    <div class="mb-1">
251                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/exhibitions#vizy-block-APYEQHT1MY">Traveling</a>
252                                                    </div>
253                                                                                                    <div class="mb-1">
254                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/exhibitions/past-ex
254hibitions">Past Exhibitions</a>
255                                                    </div>
256                                                                                                    <div class="mb-1">
257                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://my.hnoc.org/events?promo=exhibitnav">Get Tickets</a>
258                                                    </div>
259                                                                                            </div>
260                                            <div class="col-span-3">
261                                                                                                    <div class="font-satoshi font-medium text-carousel-title-small">
262                                                        <a class="hover:underline" href="https://hnoc.org/exhibitions/bunny-matthews">Bunny Matthews: His Life, Art, and Obsessions</a>
263                                                    </div>
264                                                    <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]">
265                                                        <p>Explore the world of the legendary New Orleans artist and his iconic characters, Vic and Nat’ly. On view until May 9, 2027.</p>
266                                                    </div>
267                                                                                            </div>
268                                            <div class="col-span-3">
269                                                                                                    <a href="https://hnoc.org/exhibitions/bunny-matthews" target="">
270                                                        
271
272        
273        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
274                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Poster for Chihuahua: King Of New Orleans Dogs, 1981, by Bunny Matthews." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&amp;gravity%5Bx%5D=0.811&amp;gravity%5By%5D=0.3443&amp;width=260&amp;s=tW5pVT0Dbb-PMQWzz8aWsi0nqlsDOwLC-k61tMBsoEU" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&amp;gravity%5Bx%5D=0.811&amp;gravity%5By%5D=0.3443&amp;format=webp&amp;height=172&amp;width=260&amp;s=-tQpGhwXGVH8TKVrnYtrD8I_lpAXWupUOvlIaqLmeIE 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&amp;gravity%5Bx%5D=0.811&amp;gravity%5By%5D=0.3443&amp;format=webp&amp;height=344&amp;width=520&amp;s=6SrfIz9m35GHq1UpRhR7oUUptvboSQHivNm_pnpwBHY 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&amp;gravity%5Bx%5D=0.811&amp;gravity%5By%5D=0.3443&amp;format=webp&amp;height=688&amp;width=1040&amp;s=2obl-tSG72J_kv42iw4zD01iD40usHVk61Hd9AQVfeA 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&amp;gravity%5Bx%5D=0.811&amp;gravity%5By%5D=0.3443&amp;format=webp&amp;height=993&amp;width=1500&amp;s=jq1WvgMq0J26UyFtBn_HW99tFwP3z6IAohsvQ96QH7Y 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&amp;gravity%5Bx%5D=0.811&amp;gravity%5By%5D=0.3443&amp;format=webp&amp;height=1376&amp;width=2080&amp;s=T11RrQgnQxif1gKoS8zquMrhttqy9cf9R1VkeS80KQE 2080w" style="object-position: 81.1% 34.43%;">
275    </div>
276                                                    </a>
277                                                                                            </div>
278                                        </div>
279                                    </div>
280                                                            </div>
281                                                    <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group ">
282                                <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/events">Events</a>
283                                                                    <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm">
284                                        <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5">
285                                            <div class="col-span-3 font-title text-carousel-quote flex items-center  uppercase ">
286                                                                                                    <a class="hover:underline" href="https://hnoc.org/events">Events</a>
287                                                                                            </div>
288                                            <div class="col-span-3 border-r border-pink-blush">
289                                                                                                    <div class="mb-1">
290                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/events/calendar">Calendar</a>
291                                                    </div>
292                                                                                                    <div class="mb-1">
293                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/events/french-quarter-fridays">French Quarter Fridays</a>
294                                                    </div>
295                                                                                                    <div class="mb-1">
296                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/events/signature-programs">Signature Programs</a>
297                                                    </div>
298                                                                                                    <div class="mb-1">
299                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/events/past-events">Past Events</a>
300                                                    </div>
301                                                                                                    <div class="mb-1">
302                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://my.hnoc.org/events">Get Tickets</a>
303                                                    </div>
304                                                                                            </div>
305                                            <div class="col-span-3">
306                                                                                                    <div class="font-satoshi font-medium text-carousel-title-small">
307                                                        <a class="hover:underline" href="https://hnoc.org/events/remaking-revolution-history-in-popular-culture">Remaking Revolution: History in Popular Culture</a>
308                                                    </div>
309                                                    <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]">
310                                                        <p>On October 10, explore how film, music, video games, and media continually reshape our modern understanding of revolutionary ideas, hosted in conjunction with <i>American Revolution: The Augmented Exhibition</i>.</p>
311                                                    </div>
312                                                                                            </div>
313                                            <div class="col-span-3">
314                                                                                                    <a href="https://hnoc.org/events/remaking-revolution-history-in-popular-culture" target="">
315                                                        
316
317        
318        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
319                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Screenshot from &quot;Assassin&#039;s Creed IV: Black Flag.&quot;" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Assassins-Creed-Liberation-screenshot.jpg?fit=cover&amp;width=260&amp;s=NmURoGoUx02Z1Donb_z9ku3MkIh8Maol_9V5TVyHE6I" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Assassins-Creed-Liberation-screenshot.jpg?fit=cover&amp;format=webp&amp;height=172&amp;width=260&amp;s=zmoESTNkd8FiUmq43IhEMdZDxz-T-qoE3QzX1AdbVeM 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Assassins-Creed-Liberation-screenshot.jpg?fit=cover&amp;format=webp&amp;height=344&amp;width=520&amp;s=cmF2anGbQDy2m54axoDNM_Sdxiqy1Pu5uNGJnD5bHxw 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Assassins-Creed-Liberation-screenshot.jpg?fit=cover&amp;format=webp&amp;height=688&amp;width=1040&amp;s=xjCCvhBolO5pvkwj-MdcunG_s2-DqzOGq2n1Zd_OMu0 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Assassins-Creed-Liberation-screenshot.jpg?fit=cover&amp;format=webp&amp;height=993&amp;width=1500&amp;s=t4aUYHzk-i9AgR1dfK13C0L9W54SmyqTD8XLbC8iZbs 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Assassins-Creed-Liberation-screenshot.jpg?fit=cover&amp;format=webp&amp;height=1376&amp;width=2080&amp;s=rUYvs2ElX626gznypl0ubmX38KzJqAe6pQi5NIIqwyM 2080w" style="object-position: 50% 50%;">
320    </div>
321                                                    </a>
322                                                                                            </div>
323                                        </div>
324                                    </div>
325                                                            </div>
326                                                    <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group ">
327                                <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/research-collections">Research & Collections</a>
328                                                                    <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm">
329                                        <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5">
330                                            <div class="col-span-3 font-title text-carousel-quote flex items-center  uppercase ">
331                                                                                                    <a class="hover:underline" href="https://hnoc.org/research-collections">Research & Collections</a>
332                                                                                            </div>
333                                            <div class="col-span-3 border-r border-pink-blush">
334                                                                                                    <div class="mb-1">
335                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/research-collections/williams-research-center">Williams Research Center</a>
336                                                    </div>
337                                                                                                    <div class="mb-1">
338                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/research-collections/collection-highlights">Collection Highlights</a>
339                                                    </div>
340                                                                                                    <div class="mb-1">
341                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/research-collections/research-tools">Research Tools</a>
342                                                    </div>
343                                                                                                    <div class="mb-1">
344                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/research-collections/prizes-fellowships">Prizes & Fellowships</a>
345                                                    </div>
346                                                                                                    <div class="mb-1">
347                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/research-collections/our-buildings">Our Buildings</a>
348                                                    </div>
349                                                                                                    <div class="mb-1">
350                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://catalog.hnoc.org">Online Catalog</a>
351                                                    </div>
352                                                                                            </div>
353                                            <div class="col-span-3">
354                                                                                                    <div class="font-satoshi font-medium text-carousel-title-small">
355                                                        <a class="hover:underline" href="https://hnoc.org/research-collections/collection-highlights">Collection Highlights</a>
356                                                    </div>
357                                                    <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]">
358                                                        <p>Dive into the Collection’s holdings with image-rich previews of treasures from New Orleans history.</p>
359                                                    </div>
360                                                                                            </div>
361                                            <div class="col-span-3">
362                                                                                                    <a href="https://hnoc.org/research-collections/collection-highlights" target="">
363                                                        
364
365        
366        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
367                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="An antique Remington Portable typewriter with round keys and a black body, displayed on a plain background." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&amp;width=260&amp;s=gxN1kyFoQLoEZkIZLwAXJ5zWCAoJ4Os1TBrhXzBMtZc" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&amp;format=webp&amp;height=172&amp;width=260&amp;s=xDSoEIs8JtPjQwpyT-blv1qs9jSZ1nLtPjmQ0BvGDrQ 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&amp;format=webp&amp;height=344&amp;width=520&amp;s=mbUe83CMmrlnPebQYvTtHOIcjMEruLIGFsmmbGNJiro 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&amp;format=webp&amp;height=688&amp;width=1040&amp;s=8-8K5GArp_q1YzDKTP28-rtB0MhK5zTIL2IzRAeZNWs 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&amp;format=webp&amp;height=993&amp;width=1500&amp;s=-g70Aie14BpXynBqicUO3bynk0E1qHurToQBUHWkNm0 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_
367005_web.jpg?fit=cover&amp;format=webp&amp;height=1376&amp;width=2080&amp;s=vLtGV2NhzvsIFj1sI_sdU18gpFhBBnCQucbT-VeESiw 2080w" style="object-position: 50% 50%;">
368    </div>
369                                                    </a>
370                                                                                            </div>
371                                        </div>
372                                    </div>
373                                                            </div>
374                                                    <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group ">
375                                <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/learn-explore">Learn & Explore</a>
376                                                                    <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm">
377                                        <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5">
378                                            <div class="col-span-3 font-title text-carousel-quote flex items-center  uppercase ">
379                                                                                                    <a class="hover:underline" href="https://hnoc.org/learn-explore">Learn & Explore</a>
380                                                                                            </div>
381                                            <div class="col-span-3 border-r border-pink-blush">
382                                                                                                    <div class="mb-1">
383                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/learn-explore/students-families">Students & Families</a>
384                                                    </div>
385                                                                                                    <div class="mb-1">
386                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/learn-explore/educators">For Educators</a>
387                                                    </div>
388                                                                                                    <div class="mb-1">
389                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/explore">Explore Our Content</a>
390                                                    </div>
391                                                                                                    <div class="mb-1">
392                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/learn-explore/watch-listen">Watch & Listen</a>
393                                                    </div>
394                                                                                                    <div class="mb-1">
395                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/learn-explore/community-projects-resources">Community Projects & Resources</a>
396                                                    </div>
397                                                                                                    <div class="mb-1">
398                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/news">News & Press</a>
399                                                    </div>
400                                                                                            </div>
401                                            <div class="col-span-3">
402                                                                                                    <div class="font-satoshi font-medium text-carousel-title-small">
403                                                        <a class="hover:underline" href="https://hnoc.org/events/educator-workshop-american-revolution">Educator Workshop: “American Revolution”</a>
404                                                    </div>
405                                                    <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]">
406                                                        <p>On October 17, educators are invited to a free workshop, hosted in conjunction with <i>American Revolution: The Augmented Exhibition</i>, to help deepen student understanding of the American Revolution in Louisiana.</p>
407                                                    </div>
408                                                                                            </div>
409                                            <div class="col-span-3">
410                                                                                                    <a href="https://hnoc.org/events/educator-workshop-american-revolution" target="">
411                                                        
412
413        
414        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
415                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A museum visitor explores &quot;American Revolution: The Augmented Exhibition&quot; at the Historic New Orleans Collection" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.5386&amp;gravity%5By%5D=0.1939&amp;width=260&amp;s=3ISrZycXWk1-xVmPkqoShn8T1Fs66LQTNt1rSGB67N0" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.5386&amp;gravity%5By%5D=0.1939&amp;format=webp&amp;height=172&amp;width=260&amp;
415s=bWeQ9c4pPTK4zM3B5rgsHnYJwlMU6S_L5E9RuN4QOyE 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.5386&amp;gravity%5By%5D=0.1939&amp;format=webp&amp;height=344&amp;width=520&amp;s=9QeQpUurKC3nBqRgu_Y0Q31AwglZv7pKMwSIiErtPKE 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.5386&amp;gravity%5By%5D=0.1939&amp;format=webp&amp;height=688&amp;width=1040&amp;s=B_Ye2mDEzxPiSHMlKvZTgY5Ln75wNH2J_bJFYw2_PPU 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.5386&amp;gravity%5By%5D=0.1939&amp;format=webp&amp;height=993&amp;width=1500&amp;s=LCbj2vqJiwfYUHDgouQH6F9Gd9va5LaFBFuTlHYT9Mo 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.5386&amp;gravity%5By%5D=0.1939&amp;format=webp&amp;height=1376&amp;width=2080&amp;s=BGSSGWgYPGzvI1E_npZrylo-FySFaOzE0R1mNqGWYow 2080w" style="object-position: 53.86% 19.39%;">
416    </div>
417                                                    </a>
418                                                                                            </div>
419                                        </div>
420                                    </div>
421                                                            </div>
422                                                    <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group ">
423                                <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/publishing">Publishing</a>
424                                                                    <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm">
425                                        <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5">
426                                            <div class="col-span-3 font-title text-carousel-quote flex items-center  uppercase ">
427                                                                                                    <a class="hover:underline" href="https://hnoc.org/publishing">Publishing</a>
428                                                                                            </div>
429                                            <div class="col-span-3 border-r border-pink-blush">
430                                                                                                    <div class="mb-1">
431                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/publishing/books">Books</a>
432                                                    </div>
433                                                                                                    <div class="mb-1">
434                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/publishing/first-draft">First Draft Blog</a>
435                                                    </div>
436                                                                                                    <div class="mb-1">
437                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/publishing/quarterly">HNOC Quarterly</a>
438                                                    </div>
439                                                                                                    <div class="mb-1">
440                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/publishing/tennessee-williams-annual-review">Tennessee Williams Annual Review</a>
441                                                    </div>
442                                                                                            </div>
443                                            <div class="col-span-3">
444                                                                                                    <div class="font-satoshi font-medium text-carousel-title-small">
445                                                        <a class="hover:underline" href="https://hnoc.org/publishing/books/bunny-matthews-
445his-life-art-and-obsessions">Preorder Bunny Matthews: His Life, Art, and Obssessions</a>
446                                                    </div>
447                                                    <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]">
448                                                        <p>The bold personality of New Orleans’s legendary cartoonist and writer springs from the page in this first monograph of his work by Alison Fensterstock and Michael Tisserand. Preorders now available!</p>
449                                                    </div>
450                                                                                            </div>
451                                            <div class="col-span-3">
452                                                                                                    <a href="https://hnoc.org/publishing/books/bunny-matthews-his-life-art-and-obsessions" target="">
453                                                        
454
455        
456        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
457                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Book cover for &quot;Bunny Matthews: His Life, Art, and Obsessions.&quot;" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&amp;gravity%5Bx%5D=0.5245&amp;gravity%5By%5D=0.1599&amp;width=260&amp;s=TaVzPOKQ_LMazcYaPWqRupIUtGKwNkb_DmBE0BTJxsk" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&amp;gravity%5Bx%5D=0.5245&amp;gravity%5By%5D=0.1599&amp;format=webp&amp;height=172&amp;width=260&amp;s=IN21ritHhanh2fas6mXyxl-XZUi95BzVNLk8Kl7FL28 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&amp;gravity%5Bx%5D=0.5245&amp;gravity%5By%5D=0.1599&amp;format=webp&amp;height=344&amp;width=520&amp;s=Q4W23zHfaRmzgZl0ghWabTc8hwfswWe2QFpFUatW4ZI 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&amp;gravity%5Bx%5D=0.5245&amp;gravity%5By%5D=0.1599&amp;format=webp&amp;height=688&amp;width=1040&amp;s=JHZG9TgGmViUl1ChTV7nGHMySVDoWdSrC2CsXRojm3I 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&amp;gravity%5Bx%5D=0.5245&amp;gravity%5By%5D=0.1599&amp;format=webp&amp;height=993&amp;width=1500&amp;s=qjnD94_6aFMJbRg59ut1EqUjj3L7yoKwdIfTVPHS7pQ 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&amp;gravity%5Bx%5D=0.5245&amp;gravity%5By%5D=0.1599&amp;format=webp&amp;height=1376&amp;width=2080&amp;s=A01__fc88v_XoW8y5sodUWqAgyP10HOIwVGqyAibIYo 2080w" style="object-position: 52.45% 15.99%;">
458    </div>
459                                                    </a>
460                                                                                            </div>
461                                        </div>
462                                    </div>
463                                                            </div>
464                                                    <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group pr-0">
465                                <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/support">Support</a>
466                                                                    <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm">
467                                        <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5">
468                                            <div class="col-span-3 font-title text-carousel-quote flex items-center  uppercase ">
469                                                                                                    <a class="hover:underline" href="https://hnoc.org/support">Support</a>
470                                                                                            </div>
471                                            <div class="col-span-3 border-r border-pink-blush">
472                                                                                                    <div class="mb-1">
473                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/support/membership">Membership</a>
474                                                    </div>
475                                                                                                    <div class="mb-1">
476                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/support/donate">Donate</a>
477                                                    </div>
478                                                                                                    <div class="mb-1">
479                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/support/sponsorships">Sponsorship</a>
480                                                    </div>
481                                                                                                    <div class="mb-1">
482                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/support/hnoc-travel">HNOC Travel</a>
483                                                    </div>
484                                                                                                    <div class="mb-1">
485                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/about">About</a>
486                                                    </div>
487                                                                                            </div>
488                                            <div class="col-span-3">
489                                                                                                    <div class="font-satoshi font-medium text-carousel-title-small">
490                                                        <a class="hover:underline" href="https://hnoc.org/events/cheers-to-60-years">Cheers to 60 Years of HNOC!</a>
491                                                    </div>
492                                                    <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]">
493                                                        <p>On October 29, join us in celebrating six decades of preserving, collecting, and making history. Save the date for music, memories, and more at what is sure to be a fantastic night out in the French Quarter.</p>
494                                                    </div>
495                                                                                            </div>
496                                            <div class="col-span-3">
497                                                                                                    <a href="https://hnoc.org/events/cheers-to-60-years" target="">
498                                                        
499
500        
501        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
502                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="An illustration of a pageant design entitled &quot;Twelfth Night Revelers.&quot; Dancing champagne bottles, cakes, teacups and more are depicted." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&amp;gravity%5Bx%5D=0.5914&amp;gravity%5By%5D=0.5258&amp;width=260&amp;s=MGAYxB_p38ajsYBZq49MDf1tVpoUcE6h6PtMOJMdQKw" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&amp;gravity%5Bx%5D=0.5914&amp;gravity%5By%5D=0.5258&amp;format=webp&amp;height=172&amp;width=260&amp;s=7Nf5gzrEN49E1t0pLUW2s90qvBddAwPhAPIjLHcSe60 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&amp;gravity%5Bx%5D=0.5914&amp;gravity%5By%5D=0.5258&amp;format=webp&amp;height=344&amp;width=520&amp;s=8Tb-OPf0zoABmCvoAFtDoaxYGi_D-h_wNQtcuvTfbDo 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&amp;gravity%5Bx%5D=0.5914&amp;gravity%5By%5D=0.5258&amp;format=webp&amp;height=688&amp;width=1040&amp;s=pgYjGW5MLnfGrzh6nE3sZLGGIZ-xHq5SNBSd14aUVs8 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&amp;gravity%5Bx%5D=0.5914&amp;gravity%5By%5D=0.5258&amp;format=webp&amp;height=993&amp;width=1500&amp;s=DfPif03eO8a2GKohFGUYFHxLY8_MMXKnD5jfQ0LTsyM 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&amp;gravity%5Bx%5D=0.5914&amp;gravity%5By%5D=0.5258&amp;format=webp&amp;height=1376&amp;width=2080&amp;s=UON7wbObs3fzavu_J0L8dAGCj8631q4wCeXUvSYS_IU 2080w" style="object-position: 59.14% 52.58%;">
503    </div>
504                                                    </a>
505                                                                                            </div>
506                                        </div>
507                                    </div>
508                                                            </div>
509                                            </div>
510                </div>
511                <div class="lg:hidden flex items-center">
512                    <div class="mr-5 font-satoshi font-medium text-[18px] sm:text-[18px] flex justify-end">
513                                                    <div class="ml-4">
514                                <a class="hover:underline" href="https://hnoc.org/visit">Visit</a>
515                            </div>
516                                                    <div class="ml-4">
517                                <a class="hover:underline" href="https://hnoc.org/events/calendar">Calendar</a>
518                            </div>
519                                            </div>
520                    <div>
521                        <button g-ref="buttonOpenMenu" class="block w-6"><img class="h-5" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/menu.svg" alt="Open menu"/></button>
522                        <button g-ref="buttonCloseMenu" class="block hidden w-6"><img class="h-5" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/close-menu.svg" alt="Close menu"/></button>
523                    </div>
524                </div>
525            </div>
526        </div>
527        <div g-component="AnnouncementBar">
528
529        </div>
530                <div g-ref="mobileMenu"
531     class="overflow-y-auto hidden g--wrapper transform -translate-y-full fixed top-[72px] w-full bg-white h-[calc(100%-72px)] lg:top-[98px] md:h-[calc(100%-98px)] z-20 font-satoshi font-medium text-[18px] border-t-2 border-[#d4dbde] pt-5">
532    <div class="pb-4 border-b border-pink-blush text-[14px] flex justify-between items-center">
533        <div class="text-[18px]">
534            <div g-component="OpeningWidget">
535
536            </div>
537        </div>
538                    <div class="flex-shrink-0">
539                
540
541
542
543<a
544
545                target=""
546        class=" relative group overflow-hidden
547
548   border border-transparent
549   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
550        flex-shrink-0 inline-block  text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://my.hnoc.org/">
551    <span class="relative z-10 flex justify-center items-center">Tickets
552        </span>
553
554    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
555flex justify-center items-center transition-all duration-500
556      text-[--buttonBg]
557   bg-[--buttonText]
558   stroke-[--buttonBg]
559">
560        Tickets
561            </span>
562
563</a>            </div>
564            </div>
565    <div g-component="SmallFaqs">
566                    <div class="py-4 border-b border-pink-blush">
567                <div class="flex w-full items-center justify-between">
568                    <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/visit" target="">Visit</a>
569                    <button g-ref="questions" class="flex-grow flex justify-end items-center">
570                        <img class="w-4" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/plus.svg" alt="arrow">
571                    </button>
572                </div>
573                <div g-ref="answers" class="max-h-0 overflow-hidden  ">
574                    <div>
575                        <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2">
576                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/visit/tours" target="">Tours &amp; Daily Programs</a></div>
577                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/visit/getting-here" target="">Getting Here</a></div>
578                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/visit/groups" target="">Group Experiences</a></div>
579                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/visit/accessibility" target="">Accessibility</a></div>
580                                                    </div>
581                    </div>
582                </div>
583            </div>
584                    <div class="py-4 border-b border-pink-blush">
585                <div class="flex w-full items-center justify-between">
586                    <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/exhibitions" target="">Exhibitions</a>
587                    <button g-ref="questions" class="flex-grow flex justify-end items-center">
588                        <img class="w-4" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/plus.svg" alt="arrow">
589                    </button>
590                </div>
591                <div g-ref="answers" class="max-h-0 overflow-hidden  ">
592                    <div>
593                        <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2">
594                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/exhibitions" target="">Current &amp; Upcoming</a></div>
595                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/exhibitions/virtual-exhibitions" target="">Virtual</a></div>
596                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/exhibitions#vizy-block-APYEQHT1MY" target="">Traveling</a></div>
597                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/exhibitions/past-ex
597hibitions" target="">Past Exhibitions</a></div>
598                                                    </div>
599                    </div>
600                </div>
601            </div>
602                    <div class="py-4 border-b border-pink-blush">
603                <div class="flex w-full items-center justify-between">
604                    <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/events" target="">Events</a>
605                    <button g-ref="questions" class="flex-grow flex justify-end items-center">
606                        <img class="w-4" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/plus.svg" alt="arrow">
607                    </button>
608                </div>
609                <div g-ref="answers" class="max-h-0 overflow-hidden  ">
610                    <div>
611                        <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2">
612                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/events/calendar" target="">Calendar</a></div>
613                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/events" target="">Current &amp; Upcoming</a></div>
614                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/events/signature-programs" target="">Signature Programs</a></div>
615                                                    </div>
616                    </div>
617                </div>
618            </div>
619                    <div class="py-4 border-b border-pink-blush">
620                <div class="flex w-full items-center justify-between">
621                    <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/research-collections" target="">Research &amp; Collections</a>
622                    <button g-ref="questions" class="flex-grow flex justify-end items-center">
623                        <img class="w-4" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/plus.svg" alt="arrow">
624                    </button>
625                </div>
626                <div g-ref="answers" class="max-h-0 overflow-hidden  ">
627                    <div>
628                        <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2">
629                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/research-collections/williams-research-center" target="">Williams Research Center</a></div>
630                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/research-collections/collection-highlights" target="">Collection Highlights</a></div>
631                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/research-collections/research-tools" target="">Research Tools</a></div>
632                                                            <div class="text-[16px]"><a class="hover:underline" href="https://catalog.hnoc.org" target="">Online Catalog</a></div>
633                                                    </div>
634                    </div>
635                </div>
636            </div>
637                    <div class="py-4 border-b border-pink-blush">
638                <div class="flex w-full items-center justify-between">
639                    <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/learn-explore" target="">Learn &amp; Explore</a>
640                    <button g-ref="questions" class="flex-grow flex justify-end items-center">
641                        <img class="w-4" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/plus.svg" alt="arrow">
642                    </button>
643                </div>
644                <div g-ref="answers" class="max-h-0 overflow-hidden  ">
645                    <div>
646                        <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2">
647                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/learn-explore/students-families" target="">Students &amp; Families</a></div>
648                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/learn-explore/watch-listen" target="">Watch &amp; Listen</a></div>
649                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/learn-explore/educators" target="">For Educators</a></div>
650                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/learn-explore/community-projects-resources" target="">Community Projects &amp; Resources</a></div>
651                                                    </div>
652                    </div>
653                </div>
654            </div>
655                    <div class="py-4 border-b border-pink-blush">
656                <div class="flex w-full items-center justify-between">
657                    <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/publishing" target="">Publishing</a>
658                    <button g-ref="questions" class="flex-grow flex justify-end items-center">
659                        <img class="w-4" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/plus.svg" alt="arrow">
660                    </button>
661                </div>
662                <div g-ref="answers" class="max-h-0 overflow-hidden  ">
663                    <div>
664                        <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2">
665                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/publishing/first-draft" target="">First Draft Blog</a></div>
666                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/publishing/books" target="">Books</a></div>
667                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/publishing/quarterly" target="">HNOC Quarterly</a></div>
668                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/publishing/tennessee-williams-annual-review" target="">Tennessee Williams Annual Review</a></div>
669                                                    </div>
670                    </div>
671                </div>
672            </div>
673                    <div class="py-4 border-b border-pink-blush">
674                <div class="flex w-full items-center justify-between">
675                    <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/support" target="">Support</a>
676                    <button g-ref="questions" class="flex-grow flex justify-end items-center">
677                        <img class="w-4" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/plus.svg" alt="arrow">
678                    </button>
679                </div>
680                <div g-ref="answers" class="max-h-0 overflow-hidden  ">
681                    <div>
682                        <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2">
683                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/support/membership" target="">Membership</a></div>
684                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/support/donate" target="">Donate</a></div>
685                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/support/sponsorships" target="">Sponsorship</a></div>
686                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/support/hnoc-travel" target="">HNOC Travel</a></div>
687                                                    </div>
688                    </div>
689                </div>
690            </div>
691            </div>
692    <div class="text-[15px] mt-4">
693        <div class="grid grid-cols-2">
694            <div class="col-span-1">
695                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/events/calendar" target="">Calendar</a></div>
696                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/publishing/first-draft" target="">Blog</a></div>
697                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="https://shophnoc.com/" target="">Shop</a></div>
698                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="https://catalog.hnoc.org/" target="">Catalog</a></div>
699                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/news" target="">News &amp; Press</a></div>
700                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="" target=""></a></div>
701                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/careers" target="">Jobs &amp; Internships</a></div>
702                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/about" target="">About</a></div>
703                            </div>
704            <div class="col-span-1">
705                <a class="mb-3 flex items-center relative " href="/explore">
706                    <svg class="fill-green absolute" width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
707    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.0154 17.7796L15.4438 13.208C16.2528 12.1367 16.7326 10.8029 16.7326 9.35701C16.7326 5.82455 13.8689 2.96094 10.3365 2.96094C6.80405 2.96094 3.94043 5.82455 3.94043 9.35701C3.94043 12.8895 6.80405 15.7531 10.3365 15.7531C11.7824 15.7531 13.1162 15.2733 14.1875 14.4643L18.7591 19.0359L20.0154 17.7796ZM14.9559 9.357C14.9559 11.9082 12.8878 13.9764 10.3365 13.9764C7.78533 13.9764 5.71717 11.9082 5.71717 9.357C5.71717 6.80579 7.78533 4.73762 10.3365 4.73762C12.8878 4.73762 14.9559 6.80579 14.9559 9.357Z"/>
708</svg>
709
710                    <span class="ml-8">Search</span>
711                </a>
712                <a class="flex items-center" href="https://my.hnoc.org/account/login" target="_blank" aria-label="Login (Opens in a new tab)">
713                    <img class="absolute" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/login--green.svg" alt="Person icon"/>
714                    <span class="ml-8">Login</span>
715                </a>
716            </div>
717        </div>
718    </div>
719    <div class="text-[15px] py-2 pb-4 border-t border-pink-blush mt-4">
720        Connect with us
721        <div class="flex gap-x-4 mt-4">
722                            <a aria-label="instagram (opens in a new tab)" href="https://www.instagram.com/visit_hnoc" target="_blank">
723                    <svg class="w-[24px] h-[24px] fill-green" width="30" height="30" alt="instagram" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
724    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.01849 0.286937C10.5646 0.216394 11.0582 0.199707 14.995 0.199707C18.9317 0.199707 19.4253 0.216394 20.9714 0.286937C22.5143 0.357308 23.568 0.60237 24.49 0.960727C25.4432 1.33111 26.2516 1.82676 27.0575 2.6326C27.8633 3.4385 28.359 4.24688 28.7294 5.20008C29.0877 6.12209 29.3328 7.17582 29.4031 8.71869C29.4737 10.2648 29.4904 10.7584 29.4904 14.6952C29.4904 18.6319 29.4737 19.1255 29.4031 20.6716C29.3328 22.2144 29.0877 23.2682 28.7294 24.1902C28.359 25.1434 27.8633 25.9518 27.0575 26.7577C26.2516 27.5635 25.4432 28.0592 24.49 28.4296C23.568 28.7879 22.5143 29.033 20.9714 29.1033C19.4253 29.1739 18.9317 29.1906 14.995 29.1906C11.0582 29.1906 10.5646 29.1739 9.01849 29.1033C7.47562 29.033 6.4219 28.7879 5.49988 28.4296C4.54668 28.0592 3.73831 27.5635 2.9324 26.7577C2.12656 25.9518 1.63091 25.1434 1.26053 24.1902C0.902174 23.2682 0.657113 22.2144 0.586742 20.6716C0.516198 19.1255 0.499512 18.6319 0.499512 14.6952C0.499512 10.7584 0.516198 10.2648 0.586742 8.71869C0.657113 7.17582 0.902174 6.12209 1.26053 5.20008C1.63091 4.24688 2.12656 3.4385 2.9324 2.6326C3.73831 1.82676 4.54668 1.33111 5.49988 0.960727C6.4219 0.60237 7.47562 0.357308 9.01849 0.286937ZM23.5439 3.39512C23.0331 3.1966 22.2656 2.96046 20.8523 2.89602C19.3238 2.82628 18.8654 2.81149 14.995 2.81149C11.1245 2.81149 10.666 2.82628 9.13754 2.89602C7.72425 2.96046 6.95673 3.1966 6.44595 3.39512C5.76934 3.65807 5.28647 3.97218 4.77926 4.47945C4.27199 4.98666 3.95788 5.46954 3.69492 6.14615C3.49641 6.65693 3.26027 7.42445 3.19582 8.83774C3.12608 10.3662 3.1113 10.8247 3.1113 14.6952C3.1113 18.5656 3.12608 19.024 3.19582 20.5525C3.26027 21.9658 3.49641 22.7333 3.69492 23.2441C3.95788 23.9207 4.27204 24.4036 4.77926 24.9108C5.28647 25.4181 5.76934 25.7322 6.44595 25.9951C6.95673 26.1937 7.72425 26.4298 9.13754 26.4942C10.6659 26.564 11.1242 26.5788 14.995 26.5788C18.8657 26.5788 19.3241 26.564 20.8523 26.4942C22.2656 26.4298 23.0331 26.1937 23.5439 25.9951C24.2205 25.7322 24.7034 25.4181 25.2106 24.9108C25.7179 24.4036 26.032 23.9207 26.295 23.2441C26.4935 22.7333 26.7296 21.9658 26.7941 20.5525C26.8638 19.024 26.8786 18.5656 26.8786 14.6952C26.8786 10.8247 26.8638 10.3662 26.7941 8.83774C26.7296 7.42445 26.4935 6.65693 26.295 6.14615C26.032 5.46954 25.7179 4.98666 25.2106 4.47945C24.7034 3.97218 24.2205 3.65807 23.5439 3.39512ZM14.995 7.25154C10.8839 7.25154 7.55134 10.5841 7.55134 14.6952C7.55134 18.8061 10.8839 22.1387 14.995 22.1387C19.1059 22.1387 22.4385 18.8061 22.4385 14.6952C22.4385 10.5841 19.1059 7.25154 14.995 7.25154ZM10.1631 14.6952C10.1631 17.3637 12.3264 19.5269 14.995 19.5269C17.6635 19.5269 19.8267 17.3637 19.8267 14.6952C19.8267 12.0266 17.6635 9.86332 14.995 9.86332C12.3264 9.86332 10.1631 12.0266 10.1631 14.6952ZM22.7326 8.69688C23.6933 8.69688 24.4721 7.91814 24.4721 6.95745C24.4721 5.99677 23.6933 5.21797 22.7326 5.21797C21.772 5.21797 20.9932 5.99677 20.9932 6.95745C20.9932 7.91814 21.772 8.69688 22.7326 8.69688Z"/>
725</svg>
726
727                </a>
728                            <a aria-label="facebook (opens in a new tab)" href="https://www.facebook.com/THNOC/" target="_blank">
729                    <svg class="w-[24px] h-[24px] fill-green" width="26" height="26" alt="facebook" viewB
729ox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
730    <path fill-rule="evenodd" clip-rule="evenodd" d="M24.5739 0.140137H2.22577C1.46035 0.140137 0.839844 0.760639 0.839844 1.52607V23.8742C0.839844 24.6396 1.46035 25.2601 2.22577 25.2601H14.2661V15.5456H10.9961V11.743H14.2661V8.94513C14.2661 5.70119 16.2497 3.93412 19.1428 3.93412C20.1177 3.932 21.0921 3.98115 22.0619 4.08138V7.47258H20.0696C18.4931 7.47258 18.1856 8.21752 18.1856 9.3176V11.7386H21.9536L21.4642 15.5413H18.164V25.2601H24.5739C25.3393 25.2601 25.9598 24.6396 25.9598 23.8742V1.52607C25.9598 0.760639 25.3393 0.140137 24.5739 0.140137Z"/>
731</svg>
732
733                </a>
734                            <a aria-label="linkedin (opens in a new tab)" href="https://www.linkedin.com/company/the-historic-new-orleans-collection/" target="_blank">
735                    <svg class="w-[24px] h-[24px] fill-green" width="24" height="24" alt="linkedin" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
736    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4518 20.4507H16.8929V14.88C16.8929 13.552 16.8689 11.844 15.0422 11.844C13.1914 11.844 12.9087 13.292 12.9087 14.7853V20.4507H9.35252V8.99733H12.7634V10.5627H12.8127C13.2887 9.66267 14.4488 8.71333 16.1809 8.71333C19.7864 8.71333 20.4518 11.084 20.4518 14.1693V20.4507ZM5.33896 7.43333C4.1949 7.43333 3.27218 6.508 3.27218 5.368C3.27218 4.22933 4.1949 3.304 5.33896 3.304C6.47636 3.304 7.40174 4.22933 7.40174 5.368C7.40174 6.508 6.47636 7.43333 5.33896 7.43333ZM3.55486 20.4507H7.11906V8.99733H3.55486V20.4507ZM22.2239 0H1.76943C0.793377 0 0 0.774667 0 1.73067V22.268C0 23.224 0.793377 24 1.76943 24H22.2239C23.2026 24 24 23.224 24 22.268V1.73067C24 0.774667 23.2026 0 22.2239 0Z"/>
737</svg>
738
739                </a>
740                            <a aria-label="emailPlatform (opens in a new tab)" href="mailto:[email protected]" target="_blank">
741                    <svg class="w-[24px] h-[24px] fill-green" width="27" height="26" alt="emailPlatform" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg">
742    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19971 3.24902V4.9068L3.71171 6.44479L13.7597 12.5944L23.8077 6.48792L26.3197 4.9595V3.24902H1.19971ZM1.19973 7.80312V22.874H26.3197V7.84863L13.7622 15.3781L1.19973 7.80312Z"/>
743</svg>
744
745                </a>
746                            <a aria-label="youtube (opens in a new tab)" href="https://www.youtube.com/@visit_hnoc" target="_blank">
747                    <svg class="w-[24px] h-[24px] fill-green" width="24" height="24" alt="youtube" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg>
748                </a>
749                    </div>
750    </div>
751</div>    </header>
752
753
754</div>    <main id="swup" class="pt-[72px] lg:pt-[98px] z-10 relative">
755                    <div class="relative">
756                                        <div class="md:hidden relative">
757                    
758
759        
760        <div class="overflow-hidden relative" style="padding-top:60%">
761                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A courtyard with three people standing in the center. The building has an upper balcony with green railings and large arched windows. There are several round tables with chairs, plants, and a staircase in the background." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5265&amp;gravity%5By%5D=0.7396&amp;width=260&amp;s=5Od0UMhRmTV7w9Mbv6URDVUC-BkxpjBdeRrK0h2zlMI" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5265&amp;gravity%5By%5D=0.7396&amp;format=webp&amp;height=156&amp;width=260&amp;s=LzcZED1mysKKS075UGDon99X1Qp-SKqlhGqE9-nuFtE 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5265&amp;gravity%5By%5D=0.7396&amp;format=webp&amp;height=312&amp;width=520&amp;s=r7DCQY7QBUzDoxJCH2dj7vFRKqdtMHPkARojOWzNX8E 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5265&amp;gravity%5By%5D=0.7396&amp;format=webp&amp;height=624&amp;width=1040&amp;s=e2fGJUHNj9XVNBIz5ox7xV0wmPgHyg3mwChqdT1bCqQ 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5265&amp;gravity%5By%5D=0.7396&amp;format=webp&amp;height=900&amp;width=1500&amp;s=_kmVuM2leruQe_MOopiBF1eUe3K3SnbSdrfqVFMh38g 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5265&amp;gravity%5By%5D=0.7396&amp;format=webp&amp;height=1248&amp;width=2080&amp;s=5xxJntRWz00I1YMjcnttvf2Sa7GnCKiLksN4DXY4KtI 2080w" style="object-position: 52.65% 73.96%;">
762    </div>
763                </div>
764                <div class="hidden md:block relative">
765                    
766
767        
768        <div class="overflow-hidden relative" style="padding-top:36.153846153846%">
769                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A courtyard with three people standing in the center. The building has an upper balcony with green railings and large arched windows. There are several round tables with chairs, plants, and a staircase in the background." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5265&amp;gravity%5By%5D=0.7396&amp;width=260&amp;s=5Od0UMhRmTV7w9Mbv6URDVUC-BkxpjBdeRrK0h2zlMI" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5265&amp;gravity%5By%5D=0.7396&amp;format=webp&amp;height=94&amp;width=260&amp;s=rA1BcNw5tAXPEK1JlQz5dxp_zMlXAi0c5bREWfZ2ZC4 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5265&amp;gravity%5By%5D=0.7396&amp;format=webp&amp;height=188&amp;width=520&amp;
769s=mjTpeG9EilG1yYz45Y67Tv6-SeOjgxVSG9B3sPIUJXU 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5265&amp;gravity%5By%5D=0.7396&amp;format=webp&amp;height=376&amp;width=1040&amp;s=MG3Psp7miWNDwDkCOj8J_eNZfaAZtX2M0NqmFuPDIM0 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5265&amp;gravity%5By%5D=0.7396&amp;format=webp&amp;height=543&amp;width=1500&amp;s=k7hDa5XeNV7Nrxj3Nue90ql4R56nPprkZcp11KVlx8M 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-514_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5265&amp;gravity%5By%5D=0.7396&amp;format=webp&amp;height=752&amp;width=2080&amp;s=kfZabN9b08-mdGrjVaJLZYKo9bRoHWroNAyU4Ysd-jw 2080w" style="object-position: 52.65% 73.96%;">
770    </div>
771                </div>
772                    <div g-component="ImageInfo" class="absolute right-5 flex flex-col  bottom-5 max-w-[300px]">
773        <div g-ref="info" class=" opacity-0 bg-eigengrau text-[12px] leading-[1.6] text-white text-left font-satoshi font-medium py-2 px-4">
774            
775        <figcaption class=" text-[12px] leading-[1.33] g--highlight-link font-satoshi">
776         <span class="opacity-80">© Jeff Goldberg/Esto</span>
777    </figcaption>
778        </div>
779        <div g-ref="button" class="cursor-pointer mt-2 text-white font-satoshi tracking-[0.1px] text-[16px] font-medium inline-flex items-center justify-end">
780            <svg class="mr-2 stroke-white" width="24" height="24" alt="Info" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
781    <path d="M12 16V12M12 8H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
782          stroke="" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
783</svg>
784
785        </div>
786    </div>
787                        
788                                                            </div>
789        
790                                    <nav aria-label="Breadcrumb" class="g--wrapper g--wrapper--small py-5">
791        <ul  class="flex font-satoshi font-medium text-[14px]">
792                            <li class="mr-5 sm:mr-10                hidden sm:block                relative
793                after:bg-[url('https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/current/artifacts/img/breadcrumb-arrow.svg')]
794after:content-['']
795after:absolute
796after:right-[-20px] sm:after:right-[-28px]
797after:flex
798after:bg-center
799after:top-0
800after:w-5
801after:h-5
802after:bg-no-repeat
803">
804                                            <a class="text-green/100 hover:text-green transition" href="/">Home</a>
805                                    </li>
806                            <li class="                                relative
807                ">
808                                            About
809                                    </li>
810                    </ul>
811    </nav>
812        <div class="g--wrapper g--wrapper--small c--node">
813            
814<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 pt-10 md:pt-12 pb-8 lg:pb-12  font-title ">
815            <div class="col-span-12 md:col-span-4">
816                                                            <h1 class="text-title-page uppercase">About</h1>
817                    </div>
818                <div class="col-span-12 md:col-span-8 text-header-page">
819            <p>Proud stewards of New Orleans and Gulf South history, we are a museum, research center, and publisher in the heart of the French Quarter.</p>
820                    </div>
821    </div>        </div>
822    
823    
824
825    
826    <div class="">
827                            
828
829    <div class="pt-10         bg-terra 
830 ">
831        <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4">
832            <div class="w-full flex-grow md:w-auto">
833                <h2 class="text-subtitle-page uppercase font-title">
834    Our History
835</h2>
836                            </div>
837                    </div>
838    </div>
839                    
840    <div class="mb-12 c--node         bg-terra 
841 pt-12 c--remove-previous-border">
842        <div class="c--node g--wrapper g--wrapper--small">
843            <div class="pb-12 ">
844                                                            <div class="">
845                            
846
847
848
849<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
850    <div class="col-span-12
851    md:col-span-5 md:order-2 md:col-start-8">
852
853        
854
855
856
857<div>
858                <h3 class="text-title-halfintro mb-6">
859                            <a class="" href="https://hnoc.org/about/our-history">Who We Are</a>
860                    </h3>
861                    <div class="mb-6 text-[16px] sm:text-[18px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium g--section-intro--copy g--highlight-link">
862            <p><span>Established in 1966, HNOC builds on the collection and vision of our founders, Kemper and Leila Williams. </span>We produce award-winning exhibitions, public programs, and books and multimedia. In keeping with our founders’ wish to make New Orleans and Gulf South history accessible to the public, admission is free. Researchers and history lovers can explore our million-
862plus holdings onsite, for free, at the Williams Research Center (WRC).</p>
863        </div>
864    
865    <div class="flex items-center">
866                    
867
868
869
870<a
871
872                target=""
873        class=" relative group overflow-hidden
874
875   border border-transparent
876   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
877        flex-shrink-0 inline-block  text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/about/our-history">
878    <span class="relative z-10 flex justify-center items-center">Read More
879                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
880    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
881</svg>
882
883        </span>
884
885    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
886flex justify-center items-center transition-all duration-500
887      text-[--buttonBg]
888   bg-[--buttonText]
889   stroke-[--buttonBg]
890">
891        Read More
892                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
893    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
894</svg>
895
896            </span>
897
898</a>                            </div>
899</div>    </div>
900
901    
902                    <div class="col-span-12 md:col-span-6 ">
903                                                                                                                                                        <a class="block cursor-pointer group" href="https://hnoc.org/about/our-history">                    
904
905        
906        <div class="overflow-hidden relative" style="padding-top:68.461538461538%">
907                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Illustration of a charming courtyard with potted plants and trees. The scene features two-story buildings with balconies, shuttered windows, and a stone-paved ground, creating a serene and inviting atmosphere." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1993.38.5_crop_web_2024-08-14-163647_cfri.jpg?fit=cover&amp;width=260&amp;s=AMSG8_WrzDEqVhyf6kWi089uNYqZWrjb8zmla-5y8AA" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1993.38.5_crop_web_2024-08-14-163647_cfri.jpg?fit=cover&amp;format=webp&amp;height=178&amp;width=260&amp;s=K4En56Odr84anAaJhuIR2xg2HhTe_0f_h8y5WArhXlY 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1993.38.5_crop_web_2024-08-14-163647_cfri.jpg?fit=cover&amp;format=webp&amp;height=356&amp;width=520&amp;s=o_TRPOHf_FbrfuIg8soYf5uz9d_bsUpzsIvsQtywU04 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1993.38.5_crop_web_2024-08-14-163647_cfri.jpg?fit=cover&amp;format=webp&amp;height=712&amp;width=1040&amp;s=0l6axaUEKDHz39z_6AwRbOVolDDSdWmsXd4AaFABRhI 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1993.38.5_crop_web_2024-08-14-163647_cfri.jpg?fit=cover&amp;format=webp&amp;height=1027&amp;width=1500&amp;s=F6NiPLlfH2rSU0rf9FpXixtxgYI7VkdoOnuzFC7GgJw 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1993.38.5_crop_web_2024-08-14-163647_cfri.jpg?fit=cover&amp;format=webp&amp;height=1424&amp;width=2080&amp;s=uMn_AVtof20tG633vqu0wIGjn_GfcMu0WbdFVd96-ss 2080w" style="object-position: 50% 50%;">
908    </div>
909                </a>            </div>
910            </div>
911                        </div>
912                                                </div>
913        </div>
914    </div>
915                    <div class="my-12">
916    <div class="g--wrapper g--wrapper--small">
917        <div class="border-b border-pink  pb-8">
918                            <div class="text-content-h2 font-title uppercase py-3 border-b border-gray/30 flex justify-between items-center">
919                    <a class="flex-grow" href="https://hnoc.org/about/mission-vision" target="">
920                        Mission &amp; Vision
921                                            </a>
922                                        <svg class="w-3 flex-shrink-0 stroke-green" width="7" height="10" viewB
922ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
923    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
924</svg>
925
926                </div>
927                            <div class="text-content-h2 font-title uppercase py-3 border-b border-gray/30 flex justify-between items-center">
928                    <a class="flex-grow" href="https://hnoc.org/about/idea" target="">
929                        DEI Information
930                                            </a>
931                                        <svg class="w-3 flex-shrink-0 stroke-green" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
932    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
933</svg>
934
935                </div>
936                            <div class="text-content-h2 font-title uppercase py-3 border-b border-gray/30 flex justify-between items-center">
937                    <a class="flex-grow" href="https://hnoc.org/careers" target="">
938                        Careers
939                                            </a>
940                                        <svg class="w-3 flex-shrink-0 stroke-green" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
941    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
942</svg>
943
944                </div>
945                            <div class="text-content-h2 font-title uppercase py-3 border-b border-gray/30 flex justify-between items-center">
946                    <a class="flex-grow" href="https://hnoc.org/about/internships" target="">
947                        Internships
948                                            </a>
949                                        <svg class="w-3 flex-shrink-0 stroke-green" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
950    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
951</svg>
952
953                </div>
954                            <div class="text-content-h2 font-title uppercase py-3 border-b border-gray/30 flex justify-between items-center">
955                    <a class="flex-grow" href="https://hnoc.org/about/leadership" target="">
956                        Leadership
957                                            </a>
958                                        <svg class="w-3 flex-shrink-0 stroke-green" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
959    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
960</svg>
961
962                </div>
963                            <div class="text-content-h2 font-title uppercase py-3 border-b border-gray/30 flex justify-between items-center">
964                    <a class="flex-grow" href="https://hnoc.org/about/staff" target="">
965                        Our Staff
966                                            </a>
967                                        <svg class="w-3 flex-shrink-0 stroke-green" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
968    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
969</svg>
970
971                </div>
972                            <div class="text-content-h2 font-title uppercase py-3  flex justify-between items-center">
973                    <a class="flex-grow" href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/pdfs/2024-2025-HNOC-Annual-Report.pdf" target="">
974                        2024-2025 Annual Report
975                                            </a>
976                                        <svg class="w-3 flex-shrink-0 stroke-green" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
977    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
978</svg>
979
980                </div>
981                    </div>
982    </div>
983</div>                    
984    <div class="mb-12 c--node         bg-white
985 mt-12">
986        <div class="c--node g--wrapper g--wrapper--small">
987            <div class="pb-12  border-b border-pink">
988                                    <div class="grid md:grid-cols-2 gap-7.5">
989                                                    
990
991
992<div class="">
993            <div class="">
994                        <a href="https://hnoc.org/research-collections/our-buildings" class="block group ">
995                                    
996
997        
998        <div class="overflow-hidden relative" style="padding-top:84.615384615385%">
999                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A detailed black and white sketch of a historical building with a balcony in an urban setting. The structure features shuttered windows, ar
999ches, and decorative ironwork. A lamp post stands on the sidewalk in front." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Image322.jpg?fit=cover&amp;width=260&amp;s=DiOnd08vwD9-Jn0HOpYsPbUaIZl6GmgS1MA2COCyH-Y" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Image322.jpg?fit=cover&amp;format=webp&amp;height=220&amp;width=260&amp;s=UxhBPxWAKSM-QxdTrBD6pSUjrbmlB0bqovNc05RYhrI 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Image322.jpg?fit=cover&amp;format=webp&amp;height=440&amp;width=520&amp;s=4D56-JS_QJVRjWbkZcH1A5ufS-SaswdknI6SQwhr_-M 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Image322.jpg?fit=cover&amp;format=webp&amp;height=880&amp;width=1040&amp;s=kLPFaZOXry53Knj4N21wZDSq5CNa9ypqd4Bi_zwRskY 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Image322.jpg?fit=cover&amp;format=webp&amp;height=1270&amp;width=1500&amp;s=nl1OhhbwjL542f6xY_bYhxTJJkjyhTBk4UhiyyEM1Hg 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Image322.jpg?fit=cover&amp;format=webp&amp;height=1760&amp;width=2080&amp;s=oCQ0uGnuUAjBe2OPzkIucXu2izyYIOFwVKPZADobfWs 2080w" style="object-position: 50% 50%;">
1000    </div>
1001                            </a>
1002        </div>
1003        <div class="px-7 py-6 relative
1004       after:hidden sm:after:block after:border-l after:border-muted after:absolute after:h-[50%] after:top-1/2 after:transform after:-translate-y-1/2 after:-right-4 after:content-['']
1005">
1006        
1007<div class="text-center">
1008    <div class="text-[16px] tracking-[2px] leading-[1.125] uppercase mb-2 font-title">
1009        About
1010    </div>
1011            <h3 class="tracking-[0px]  text-subtitle-page leading-[1.1875] mb-4">
1012            <a  class="" href="https://hnoc.org/research-collections/our-buildings">Our Historic Properties</a>
1013        </h3>
1014                <div class="mx-auto xl:w-3/4  mb-6
1015                text-[16px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium
1016                g--highlight-link
1017"><p><span>The 14 French Quarter buildings under our care are important parts of our collection. Each one has a story of its own.</span></p></div>
1018        <div class="flex justify-center items-center">
1019                    
1020
1021
1022
1023<a
1024
1025                target=""
1026        class=" relative group overflow-hidden
1027
1028   border border-transparent
1029   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
1030        flex-shrink-0 inline-block  text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/research-collections/our-buildings">
1031    <span class="relative z-10 flex justify-center items-center">Read More
1032                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1033    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1034</svg>
1035
1036        </span>
1037
1038    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1039flex justify-center items-center transition-all duration-500
1040      text-[--buttonBg]
1041   bg-[--buttonText]
1042   stroke-[--buttonBg]
1043">
1044        Read More
1045                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1046    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1047</svg>
1048
1049            </span>
1050
1051</a>                    </div>
1052
1053</div>    </div>
1054</div>                                                    
1055
1056
1057<div class="">
1058            <div class="">
1059                        <a href="https://hnoc.org/about/meet-our-founders" class="block group ">
1060                                    
1061
1062        
1063        <div class="overflow-hidden relative" style="padding-top:84.615384615385%">
1064                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A man in a tuxedo stands next to a seated woman in a dress who is laughing and covering her face with her hands. They are in a room with ornate furnishings and a cabinet in the background." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0497.17_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.3695&amp;gravity%5By%5D=0.4835&amp;width=260&amp;s=pg68uhF7EcbZc03ZEP5lI-W3cMW4chQoXsXih9wM_aQ" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0497.17_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.3695&amp;gravity%5By%5D=0.4835&amp;format=webp&amp;height=220&amp;width=260&amp;s=MfjTL-SJvP2E6WOR0-4fWy3HkNBiTpZlbeEhc5CMXL8 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0497.17_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.3695&amp;gravity%5By%5D=0.4835&amp;format=webp&amp;height=440&amp;width=520&amp;s=kSxmp1fZUE9zMg87cYHd2DdnorzCl9VOJkVNlpRmD6E 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0497.17_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.3695&amp;gravity%5By%5D=0.4835&amp;format=webp&amp;height=880&amp;width=1040&amp;s=V8Po4MOFRrTUF4jWkIoHEKgIKW8sjIWFd7fqcm32rfY 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0497.17_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.3695&amp;gravity%5By%5D=0.4835&amp;format=webp&amp;height=1270&amp;width=1500&amp;s=HqQHJpkfoeqQeRCImsiiqxQOml2tiJcttYfvaPX7ZEE 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0497.17_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.3695&amp;gravity%5By%5D=0.4835&amp;format=webp&amp;height=1760&amp;width=2080&amp;s=EJfhqzqrZZTiydOWZOIwt6OANImahBWUlzulqv5lmHc 2080w" style="object-position: 36.95% 48.35%;">
1065    </div>
1066                            </a>
1067        </div>
1068        <div class="px-7 py-6 relative
1069    ">
1070        
1071<div class="text-center">
1072    <div class="text-[16px] tracking-[2px] leading-[1.125] uppercase mb-2 font-title">
1073        About
1074    </div>
1075            <h3 class="tracking-[0px]  text-subtitle-page leading-[1.1875] mb-4">
1076            <a  class="" href="https://hnoc.org/about/meet-our-founders">Meet Our Founders</a>
1077        </h3>
1078                <div class="mx-auto xl:w-3/4  mb-6
1079                text-[16px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium
1080                g--highlight-link
1081"><p><span>Kemper and Leila Williams moved to the French Quarter in 1946 with a mission to preserve its architectural splendor.</span></p></div>
1082        <div class="flex justify-center items-center">
1083                    
1084
1085
1086
1087<a
1088
1089                target=""
1090        class=" relative group overflow-hidden
1091
1092   border border-transparent
1093   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
1094        flex-shrink-0 inline-block  text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/about/meet-our-founders">
1095    <span class="relative z-10 flex justify-center items-center">Read More
1096                    <svg class="ml-2" width="7" height="10" viewB
1096ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1097    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1098</svg>
1099
1100        </span>
1101
1102    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1103flex justify-center items-center transition-all duration-500
1104      text-[--buttonBg]
1105   bg-[--buttonText]
1106   stroke-[--buttonBg]
1107">
1108        Read More
1109                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1110    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1111</svg>
1112
1113            </span>
1114
1115</a>                    </div>
1116
1117</div>    </div>
1118</div>                                            </div>
1119                            </div>
1120        </div>
1121    </div>
1122                    
1123
1124    <div class="mt-10 mb-10          bg-white
1125 ">
1126        <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4">
1127            <div class="w-full flex-grow md:w-auto">
1128                <h2 class="text-subtitle-page uppercase font-title">
1129    Our Campus
1130</h2>
1131                            </div>
1132                    </div>
1133    </div>
1134                    
1135    <div class="mb-12 c--node         bg-white
1136 mt-12">
1137        <div class="c--node g--wrapper g--wrapper--small">
1138            <div class="pb-12  border-b border-pink">
1139                                                            <div class="mb-10 lg:mb-20">
1140                            
1141
1142
1143
1144<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
1145    <div class="col-span-12
1146    md:col-span-5 ">
1147
1148        
1149
1150
1151
1152<div>
1153        <div class="
1154        uppercase font-title
1155    tracking-[2px] leading-[1.125]
1156            text-[14px] sm:text-[16px]  mb-2 ">
1157        520 Royal Street
1158    </div>
1159            <h3 class="text-title-halfintro mb-6">
1160                            <a class="" href="https://hnoc.org/visit">Visit the Museum</a>
1161                    </h3>
1162                    <div class="mb-6 text-[16px] sm:text-[18px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium g--section-intro--copy g--highlight-link">
1163            <p><span>See rotating and permanent exhibitions, explore the historic Brulatour Courtyard, and stop by our award-winning shop.</span></p>
1164        </div>
1165    
1166    <div class="flex items-center">
1167                    
1168
1169
1170
1171<a
1172
1173                target=""
1174        class=" relative group overflow-hidden
1175
1176   border border-transparent
1177   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
1178        flex-shrink-0 inline-block  text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/visit">
1179    <span class="relative z-10 flex justify-center items-center">Learn More
1180                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1181    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1182</svg>
1183
1184        </span>
1185
1186    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1187flex justify-center items-center transition-all duration-500
1188      text-[--buttonBg]
1189   bg-[--buttonText]
1190   stroke-[--buttonBg]
1191">
1192        Learn More
1193                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1194    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1195</svg>
1196
1197            </span>
1198
1199</a>                            </div>
1200</div>    </div>
1201
1202    
1203                    <div class="col-span-12 md:col-span-6 md:col-start-7 ">
1204                                                                                                                                                        <a class="block cursor-pointer group" href="https://hnoc.org/visit">                    
1205
1206        
1207        <div class="overflow-hidden relative" style="padding-top:68.461538461538%">
1208                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A street scene in the French Quarter of New Orleans, with people walking along a narrow road lined with buildings that have iron balconies. Theres a parked car and flags including the American and Louisiana state flag hanging above the sidew
1208alk." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-501_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.4189&amp;gravity%5By%5D=0.6947&amp;width=260&amp;s=L8FODt_LIIqdjFKEZW-O7imSnbmEJ202TgmSa6gu9aE" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-501_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.4189&amp;gravity%5By%5D=0.6947&amp;format=webp&amp;height=178&amp;width=260&amp;s=NW2kZXQPC_VyT_VTTVek1-kP0QauD11A4DOtK_kYT5k 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-501_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.4189&amp;gravity%5By%5D=0.6947&amp;format=webp&amp;height=356&amp;width=520&amp;s=O8HUkJoHWPZvlhRxzaea-_YVJbHGWh7qgsm_4aGl8VU 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-501_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.4189&amp;gravity%5By%5D=0.6947&amp;format=webp&amp;height=712&amp;width=1040&amp;s=g0TgYTcfZegYPYh2tUQnCkDs_u3u2PsynArIvlbpLyY 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-501_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.4189&amp;gravity%5By%5D=0.6947&amp;format=webp&amp;height=1027&amp;width=1500&amp;s=CWCcpc2eqYXkiE1M01AxpupQ1EE667DCjb2tHR7QzUs 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-501_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.4189&amp;gravity%5By%5D=0.6947&amp;format=webp&amp;height=1424&amp;width=2080&amp;s=tbVbYy4bYjZcgACbz06brcRPtMbngNhMsCGJAohJS54 2080w" style="object-position: 41.89% 69.47%;">
1209    </div>
1210                </a>            </div>
1211            </div>
1212                        </div>
1213                                            <div class="mb-10 lg:mb-20">
1214                            
1215
1216
1217
1218<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
1219    <div class="col-span-12
1220    md:col-span-5 md:order-2 md:col-start-8">
1221
1222        
1223
1224
1225
1226<div>
1227        <div class="
1228        uppercase font-title
1229    tracking-[2px] leading-[1.125]
1230            text-[14px] sm:text-[16px]  mb-2 ">
1231        410 Chartres Street
1232    </div>
1233            <h3 class="text-title-halfintro mb-6">
1234                            <a class="" href="https://hnoc.org/research-collections/williams-research-center">Visit the Williams Research Center</a>
1235                    </h3>
1236                    <div class="mb-6 text-[16px] sm:text-[18px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium g--section-intro--copy g--highlight-link">
1237            <p>Explore centuries of Gulf South culture with unparalleled access to rare documents, art, and historic treasures.<span> Stop in or browse our online catalog.</span></p>
1238        </div>
1239    
1240    <div class="flex items-center">
1241                    
1242
1243
1244
1245<a
1246
1247                target=""
1248        class=" relative group overflow-hidden
1249
1250   border border-transparent
1251   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
1252        flex-shrink-0 inline-block  text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/research-collections/williams-research-center">
1253    <span class="relative z-10 flex justify-center items-center">Visit
1254                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1255    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1256</svg>
1257
1258        </span>
1259
1260    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1261flex justify-center items-center transition-all duration-500
1262      text-[--buttonBg]
1263   bg-[--buttonText]
1264   stroke-[--buttonBg]
1265">
1266        Visit
1267                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1268    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1269</svg>
1270
1271            </span>
1272
1273</a>                            <div class="ml-7.5 flex">
1274                <a target="" class="hover:underline text-[16px] leading-[1.5] tracking-[0.1px] text-green rounded-[1.25rem] font-satoshi font-medium" href="https://catalog.hnoc.org/web/arena">
1275    Online Catalog
1276</a>            </div>
1277                    </div>
1278</div>    </div>
1279
1280    
1281                    <div class="col-span-12 md:col-span-6 ">
1282                                                                                                                                                        <a class="block cursor-pointer group" href="https://hnoc.org/research-collections/williams-research-center">                    
1283
1284        
1285        <div class="overflow-hidden relative" style="padding-top:68.461538461538%">
1286                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A historic brick building with tall, arched windows and ornate stone details. The facade features a central sign with engraved text. Large doors and lantern-style lights flank the entrance. The structure is framed by neighboring buildings." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024-03-01_WRC-Exterior_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.4943&amp;gravity%5By%5D=0.825&amp;width=260&amp;s=q2-QsMkMNx8LCOgICZf-WZBKGu6pxMGQodgQYdLUeAI" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024-03-01_WRC-Exterior_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.4943&amp;gravity%5By%5D=0.825&amp;format=webp&amp;height=178&amp;width=260&amp;s=LhEX2yB9IVOlUc69yNtqXM1Dp1Dvv2fP6jJXFzuMQyo 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024-03-01_WRC-Exterior_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.4943&amp;gravity%5By%5D=0.825&amp;format=webp&amp;height=356&amp;width=520&amp;s=l2HJsi2s90xGEIY75s7l2-ueiAVTm4X8st2COARJWcI 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024-03-01_WRC-Exterior_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.4943&amp;gravity%5By%5D=0.825&amp;format=webp&amp;height=712&amp;width=1040&amp;s=UWCAvzDvSMg71xtvdXpGKOjvpX5zg2mh3PkFPeDCDqk 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024-03-01_WRC-Exterior_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.4943&amp;gravity%5By%5D=0.825&amp;format=webp&amp;height=1027&amp;width=1500&amp;s=tGMWRB0xd6ZQ6y8UVTVcitq7-Vns7x8L0XPKrKMv9-Y 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024-03-01_WRC-Exterior_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.4943&amp;gravity%5By%5D=0.825&amp;format=webp&amp;height=1424&amp;width=2080&amp;s=9xxLwdZJeGN76ZdRT5r97GtOv4X00nAB7aSJmVfB5bU 2080w" style="object-position: 49.43% 82.5%;">
1287    </div>
1288                </a>            </div>
1289            </div>
1290                        </div>
1291                                            <div class="mb-10 lg:mb-20">
1292                            
1293
1294
1295
1296<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
1297    <div class="col-span-12
1298    md:col-span-5 ">
1299
1300        
1301
1302
1303
1304<div>
1305        <div class="
1306        uppercase font-title
1307    tracking-[2px] leading-[1.125]
1308            text-[14px] sm:text-[16px]  mb-2 ">
1309        533 Royal Street
1310    </div>
1311            <h3 class="text-title-halfintro mb-6">
1312                            <a class="" href="https://hnoc.org/visit/our-campus/533-royal-street-renovation">Preserving our Flagship Location</a>
1313                    </h3>
1314                    <div class="mb-6 text-[16px] sm:text-[18px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium g--section-intro--copy g--highlight-link">
1315            <p><span>In 2023, we closed our historic Merieult House and adjacent properties to the public. Now comes a years-long effort to preserve and reenvision this part of our campus.</span></p>
1316        </div>
1317    
1318    <div class="flex items-center">
1319                    
1320
1321
1322
1323<a
1324
1325                target=""
1326        class=" relative group overflow-hidden
1327
1328   border border-transparent
1329   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
1330        flex-shrink-0 inline-block  text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/visit/our-campus/533-royal-street-renovation">
1331    <span class="relative z-10 flex justify-center items-center">Learn More
1332                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1333    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1334</svg>
1335
1336        </span>
1337
1338    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1339flex justify-center items-center transition-all duration-500
1340      text-[--buttonBg]
1341   bg-[--buttonText]
1342   stroke-[--buttonBg]
1343">
1344        Learn More
1345                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1346    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1347</svg>
1348
1349            </span>
1350
1351</a>                            </div>
1352</div>    </div>
1353
1354    
1355                    <div class="col-span-12 md:col-span-6 md:col-start-7 ">
1356                                                                                                                                                        <a class="block cursor-pointer group" href="https://hnoc.org/visit/our-campus/533-royal-street-renovation">                    
1357
1358        
1359        <div class="overflow-hidden relative" style="padding-top:68.461538461538%">
1360                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A historic two-story building with pink walls and green shutters, adorned with red and blue banners. The architectural style is classic, with arched windows and a balcony. The street is cobblestone, adding to the vintage atmosphere." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20050825_MerieultHouse_adj_web.jpg?fit=cover&amp;width=260&amp;s=GCbdDSq0iTifh-iSeJAL-dk4b4EqhANgoojozzcay1o" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20050825_MerieultHouse_adj_web.jpg?fit=cover&amp;format=webp&amp;height=178&amp;width=260&amp;s=iztDL5QGmmQ0Q7syZCFj1_xL-nuZA-efitzGkXCqIUw 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20050825_MerieultHouse_adj_web.jpg?fit=cover&amp;format=webp&amp;height=356&amp;width=520&amp;s=4hx-w5X3djRUHRajb0U3kpfn-c813aOeA2rhJkm0Lqc 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20050825_MerieultHouse_adj_web.jpg?fit=cover&amp;format=webp&amp;height=712&amp;width=1040&amp;s=ipfk-p25fbUer_pjGQzYG2amQrF4aBmeGByXt4Ed4q0 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20050825_MerieultHouse_adj_web.jpg?fit=cover&amp;format=webp&amp;height=1027&amp;width=1500&amp;s=j2Evt1OIlPjWee4vBCdf5kQkOpccqkUu9WrhOv18JHQ 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20050825_MerieultHouse_adj_web.jpg?fit=cover&amp;format=webp&amp;height=1424&amp;width=2080&amp;s=0CGs7aEQuhlsc0n6QfbLJE0pB9aKFzqCbMokQn4O55k 2080w" style="object-position: 50% 50%;">
1361    </div>
1362                </a>            </div>
1363            </div>
1364                        </div>
1365                                            <div class="">
1366                            
1367
1368
1369
1370<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
1371    <div class="col-span-12
1372    md:col-span-5 md:order-2 md:col-start-8">
1373
1374        
1375
1376
1377
1378<div>
1379        <div class="
1380        uppercase font-title
1381    tracking-[2px] leading-[1.125]
1382            text-[14px] sm:text-[16px]  mb-2 ">
1383        Research
1384    </div>
1385            <h3 class="text-title-halfintro mb-6">
1386                            <a class="" href="https://hnoc.org/research-collections/our-buildings">Our Buildings</a>
1387                    </h3>
1388                    <div class="mb-6 text-[16px] sm:text-[18px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium g--section-intro--copy g--highlight-link">
1389            <p>HNOC’s 14 historic buildings, spread over three blocks of the French Quarter, are foundational parts of our collection. Explore illustrated timelines of their architectural histories here.</p>
1390        </div>
1391    
1392    <div class="flex items-center">
1393                    
1394
1395
1396
1397<a
1398
1399                target=""
1400        class=" relative group overflow-hidden
1401
1402   border border-transparent
1403   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
1404        flex-shrink-0 inline-block  text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/research-collections/our-buildings">
1405    <span class="relative z-10 flex justify-center items-center">View
1406                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1407    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1408</svg>
1409
1410        </span>
1411
1412    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1413flex justify-center items-center transition-all duration-500
1414      text-[--buttonBg]
1415   bg-[--buttonText]
1416   stroke-[--buttonBg]
1417">
1418        View
1419                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1420    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1421</svg>
1422
1423            </span>
1424
1425</a>                            </div>
1426</div>    </div>
1427
1428    
1429                    <div class="col-span-12 md:col-span-6 ">
1430                                                                                                                                                        <a class="block cursor-pointer group" href="https://hnoc.org/research-collections/our-buildings">                    
1431
1432        
1433        <div class="overflow-hidden relative" style="padding-top:68.461538461538%">
1434                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Illustration of a picturesque courtyard with plants and a lamppost surrounded by two-story buildings featuring balconies and shutters. The area is paved, giving it a quaint, serene atmosphere." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1993.38.5_crop_web_2024-08-22-211103_wevk.jpg?fit=cover&amp;gravity%5Bx%5D=0.4426&amp;gravity%5By%5D=0.5902&amp;width=260&amp;s=t7awGj9tl3EY2NjI4U-STETaTuU5St8ZGeNWf90OLUc" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1993.38.5_crop_web_2024-08-22-211103_wevk.jpg?fit=cover&amp;gravity%5Bx%5D=0.4426&amp;gravity%5By%5D=0.5902&amp;format=webp&amp;height=178&amp;width=260&amp;s=UupzGak7rA31jlfU8FP9Y3FMuZY-tPeXxFDz3nG1IyQ 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1993.38.5_crop_web_2024-08-22-211103_wevk.jpg?fit=cover&amp;gravity%5Bx%5D=0.4426&amp;gravity%5By%5D=0.5902&amp;format=webp&amp;height=356&amp;width=520&amp;s=1f9nTABAGAv8P9jqrvy2vttKBlomCIicaiIfOWnCfe0 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1993.38.5_crop_web_2024-08-22-211103_wevk.jpg?fit=cover&amp;gravity%5Bx%5D=0.4426&amp;gravity%5By%5D=0.5902&amp;format=webp&amp;height=712&amp;width=1040&amp;s=xXJw53Kzpf24mFVvngtQ7HWzqj0rriaJPHW_CodDmRE 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1993.38.5_crop_web_2024-08-22-211103_wevk.jpg?fit=cover&amp;gravity%5Bx%5D=0.4426&amp;gravity%5By%5D=0.5902&amp;format=webp&amp;height=1027&amp;width=1500&amp;s=QGai_neXFwGvkqwkSMjU-BmimCmIGCO3f_5FKxYVMeg 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1993.38.5_crop_web_2024-08-22-211103_wevk.jpg?fit=cover&amp;gravity%5Bx%5D=0.4426&amp;gravity%5By%5D=0.5902&amp;format=webp&amp;height=1424&amp;width=2080&amp;s=Ves3dTQp5ng1SwEL411zdS-z2EeKhIdmfxwbf8-q_Wo 2080w" style="object-position: 44.26% 59.02%;">
1435    </div>
1436                </a>            </div>
1437            </div>
1438                        </div>
1439                                                </div>
1440        </div>
1441    </div>
1442                    
1443
1444    <div class="mt-10 mb-10          bg-white
1445 ">
1446        <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4">
1447            <div class="w-full flex-grow md:w-auto">
1448                <h2 class="text-subtitle-page uppercase font-title">
1449    News &amp; Press
1450</h2>
1451                            </div>
1452                            <a class="relative group overflow-hidden flex-shrink-0 stroke-green text-green border-green border text-[18px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 px-5 font-satoshi font-medium flex items-center justify-center" href="https://hnoc.org/news">
1453    View More
1454    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1455    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1456</svg>
1457
1458    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1459flex justify-center items-center transition-all duration-500
1460stroke-white
1461   bg-green
1462   text-white
1463">
1464        View More
1465        <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1466    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1467</svg>
1468
1469    </span>
1470
1471</a>                    </div>
1472    </div>
1473                        <div class="g--wrapper g--wrapper--small my-16">
1474        <div >
1475            <div class="text-center w-full grid grid-cols-12 gap-x-4 sm:gap-x-7.5 items-center">
1476                            <div class="col-span-12 md:col-span-4 mb-8 md:mb-0">
1477                    
1478
1479        
1480        <div class="overflow-hidden w-full relative" style="padding-top:145.38461538462%">
1481                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A view from a shaded balcony looking out at a courtyard surrounded by multi-story buildings with yellow walls and large windows. Shadows from the railing create patterns on the wooden floor. A few trees and tables are visible below." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-535_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.506&amp;gravity%5By%5D=0.5945&amp;width=260&amp;s=kxOZ0BsWs_V5THlbugkCyZMhbawshdzc_hey_-1Jd5U" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-535_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.506&amp;gravity%5By%5D=0.5945&amp;format=webp&amp;width=260&amp;s=96dGV29pU4qfhpQogEJCnEC1-kwpJCT9eq96JB76whI 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-535_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.506&amp;gravity%5By%5D=0.5945&amp;format=webp&amp;width=520&amp;s=IFlDMs6Y8sfQQXkLVTQ-HsVpCN_iYoN6htnf6K7cqlw 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-535_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.506&amp;gravity%5By%5D=0.5945&amp;format=webp&amp;width=1040&amp;s=dqIWd2tPSaRL78vsDepIAkSJLNIeTe-9PBlOXvUhAOw 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-535_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.506&amp;gravity%5By%5D=0.5945&amp;format=webp&amp;width=1500&amp;s=IEh_5BfJ5B27XgWaCtGr9uISEySUAhPyu_Ly5vTbQ34 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-535_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.506&amp;gravity%5By%5D=0.5945&amp;format=webp&amp;width=2080&amp;s=Qo-lAjh3-07Oi1EICVQQVInNp6gNR8_uo8n5sc8kzF0 2080w" style="object-position: 50.6% 59.45%;">
1482    </div>
1483                </div>
1484                        <div class="col-span-12 md:col-span-8 max-w-[632px] mx-auto">
1485                                    <img src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/logos/New-York-Times-logo-1.png" alt="New York Times logo 1" class="w-full mx-auto mb-6 max-w-[250px]"/>
1486                                <div class="text-[17px] sm:text-carousel-quote px-10 md:px-0 g--highlight-link">
1487                    “In the French Quarter, the city’s colonial heart, gimmicky ghost tours are as common as cockroaches. A better way to commune with the spirits is to visit the Historic New Orleans Collection’s museum on Royal Street.”
1488                </div>
1489                <div class="mt-6 font-satoshi font-medium text-[16px] tracking-[0.1px] g--highlight-link">
1490                    <p>Richard Fausset, correspondent, <i>The New York Times</i></p>
1491                </div>
1492                            </div>
1493        </div>
1494    </div>    </div>
1495                    <div class="g--wrapper g--wrapper--small my-12 " g-component="SprigPagination">
1496                        <div id="component-wvlvvk" class="sprig-component" data-hx-target="this" data-hx-include="this" data-hx-trigger="refresh" data-hx-get="https://hnoc.org/actions/sprig-core/components/render" data-hx-vals="{&quot;sprig:config&quot;:&quot;9d2a6a2f2ffc2c958a65ba330f7e239cf44d2cd3ec23564ddcfd24ed23534877{\u0022id\u0022:\u0022component-wvlvvk\u0022,\u0022siteId\u0022:1,\u0022template\u0022:\u0022components\\\/_c--news--sprig\u0022,\u0022variables\u0022:{\u0022limit\u0022:12,\u0022overrideIds\u0022:[],\u0022overrideCategoryId\u0022:[27492,22602,22604,19098],\u0022entryId\u0022:50528}}&quot;}">
1497
1498
1499                
1500                    
1501
1502
1503
1504
1505
1506
1507
1508
1509<div id="results">
1510            <div class=" my-12 c--node">
1511            <div class="border-b border-pink pb-12 grid grid-cols-1 sm:grid-cols-3 gap-7.5">
1512                                    
1513    
1514
1515<div class="c--square-section-dropshadow">
1516        <a  aria-label="HNOC Hosts Her Majesty Queen Sofía of Spain for America&amp;Spain250 Symposium" class="block group"
1517       href="https://hnoc.org/news/hnoc-hosts-her-majesty-queen-sofia-of-spain-for-america-spain250-symposium-september-24-26">
1518                        <div class="">
1519        
1520
1521        
1522        <div class="overflow-hidden relative" style="padding-top:118.46153846154%">
1523                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="HNOC CEO and President Daniel Hammer greets Her Majesty Queen Sofía of Spain outside the Williams Research Center." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&amp;width=260&amp;s=CyLs7CPvb81R6f8y6gwMcJ7Z_4wf5uu0XudYXuxBV8c" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&amp;format=webp&amp;height=308&amp;width=260&amp;s=ai6258RW5MitI-xIuAsEN3Rc2VRd-6o3WcMxs0Sn8Es 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&amp;format=webp&amp;height=616&amp;width=520&amp;s=F3lTzP5BNSN2vQoOo2naq8GwvVxu-7ygj7JMBQx0f7U 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&amp;format=webp&amp;height=1232&amp;width=1040&amp;s=eQ4O3uaQbcPpaMB9hyHDOwJeoFgthTUUC9FwgxdtXQ0 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&amp;format=webp&amp;height=1777&amp;width=1500&amp;s=vDvVLauaDETfC36Bhzm0MzF8ntXhExjplqtWh1agWoM 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&amp;format=webp&amp;height=2464&amp;width=2080&amp;s=l6hj3BjhnWgyNKpd-6J1u8qy4uv3HO5OZx6uklY0Yw8 2080w" style="object-position: 50% 50%;">
1524    </div>
1525    </div>
1526            </a>
1527    <div class="px-7 py-6">
1528                        <div class="
1529        font-satoshi font-medium
1530            text-[14px] sm:text-[16px]  mb-2 ">
1531        Announcement
1532    </div>
1533                <h2 class="text-sub-firstdraft font-title uppercase">
1534            <a                href="https://hnoc.org/news/hnoc-hosts-her-majesty-queen-sofia-of-spain-for-america-spain250-symposium-september-24-26">HNOC Hosts Her Majesty Queen Sofía of Spain for America&amp;Spain250 Symposium</a>
1535        </h2>
1536                                                            <div class="mt-2.5 text-[16px]  leading-[1.42] font-satoshi font-medium">
1537                September 28, 2026
1538            </div>
1539                        <div class="mt-2.5 text-[16px] leading-[1.42]  font-satoshi font-medium">
1540            Presented September 24–26, the symposium offered an engaging exploration of Spanish Louisiana’s strategic, social, and cultural role during the American Revolution.
1541        </div>
1542        <div class="mt-4 flex items-center flex-wrap gap-x-4 gap-y-2">
1543            
1544<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/hnoc-hosts-her-majesty-queen-sofia-of-spain-for-america-spain250-symposium-september-24-26">
1545    Read More
1546    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1547    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1548</svg>
1549
1550</a>                    </div>
1551    </div>
1552</div>
1553                                    
1554    
1555
1556<div class="c--square-section-dropshadow">
1557        <a  aria-label="Gambit Weekly Spotlights Upcoming Bunny Matthews Book and Exhibition" class="block group"
1558       href="https://hnoc.org/news/gambit-weekly-spotlights-bunny-matthews-book-and-exhibition">
1559                        <div class="">
1560        
1561
1562        
1563        <div class="overflow-hidden relative" style="padding-top:118.46153846154%">
1564                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Bunny Matthews, photographed at his home/studio in Abita Springs in 1990." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&amp;gravity%5Bx%5D=0.7037&amp;gravity%5By%5D=0.5531&amp;width=260&amp;s=QLSb9GSBNZMRb7zrmEo_NlYoEUx6BKGA2pvMtRaDJZw" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&amp;gravity%5Bx%5D=0.7037&amp;gravity%5By%5D=0.5531&amp;format=webp&amp;height=308&amp;width=260&amp;s=oY97FGngW2_ICxOAr-2h4pU0jioJ4Q0Vhhjo753uubE 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&amp;gravity%5Bx%5D=0.7037&amp;gravity%5By%5D=0.5531&amp;format=webp&amp;height=616&amp;width=520&amp;s=abPkJ1ZXonbz3Cg3f3fI5yTRPAQWXPKKbl6-6JyVKYM 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&amp;gravity%5Bx%5D=0.7037&amp;gravity%5By%5D=0.5531&amp;format=webp&amp;height=1232&amp;width=1040&amp;s=dQyh5KejLqSYQJ-ieTBeWOl-b1UucPXVscKVzkS6cbk 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&amp;gravity%5Bx%5D=0.7037&amp;gravity%5By%5D=0.5531&amp;format=webp&amp;height=1777&amp;width=1500&amp;s=CKcEcyt85t5R9VI7jz8cymgBWBRMpnEUBIx-uqV-1do 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&amp;gravity%5Bx%5D=0.7037&amp;gravity%5By%5D=0.5531&amp;format=webp&amp;height=2464&amp;width=2080&amp;s=Eb2h3UV8B-4AxK7S6RjItxD6njLTz2RfiL8Evn59Tb4 2080w" style="object-position: 70.37% 55.31%;">
1565    </div>
1566    </div>
1567            </a>
1568    <div class="px-7 py-6">
1569                        <div class="
1570        font-satoshi font-medium
1571            text-[14px] sm:text-[16px]  mb-2 ">
1572        HNOC in the News
1573    </div>
1574                <h2 class="text-sub-firstdraft font-title uppercase">
1575            <a                href="https://hnoc.org/news/gambit-weekly-spotlights-bunny-matthews-book-and-exhibition">Gambit Weekly Spotlights Upcoming Bunny Matthews Book and Exhibition</a>
1576        </h2>
1577                                                            <div class="mt-2.5 text-[16px]  leading-[1.42] font-satoshi font-medium">
1578                September 15, 2026
1579            </div>
1580                        <div class="mt-2.5 text-[16px] leading-[1.42]  font-satoshi font-medium">
1581            The article and podcast episode preview HNOC’s exhibition and book, “Bunny Matthews: His Life, Art, and Obsessions,” launching September 18.
1582        </div>
1583        <div class="mt-4 flex items-center flex-wrap gap-x-4 gap-y-2">
1584            
1585<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/gambit-weekly-spotlights-bunny-matthews-book-and-exhibition">
1586    Read More
1587    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1588    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1589</svg>
1590
1591</a>                    </div>
1592    </div>
1593</div>
1594                                    
1595    
1596
1597<div class="c--square-section-dropshadow">
1598        <a  aria-label="WWL-TV Previews Bunny Matthews Exhibition Opening September 18" class="block group"
1599       href="https://hnoc.org/news/wwl-tv-previews-bunny-matthews-exhibition-opening-september-18">
1600                        <div class="">
1601        
1602
1603        
1604        <div class="overflow-hidden relative" style="padding-top:118.46153846154%">
1605                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="HNOC Curatorial Cataloger Emily Perkins speaks on WWL-TV New Orleans." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&amp;gravity%5Bx%5D=0.4628&amp;gravity%5By%5D=0.3384&amp;width=260&amp;s=FXVy3xPfRSha4O2LZxWK8Qr-1XLhL_nqR1cukLtApPs" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&amp;gravity%5Bx%5D=0.4628&amp;gravity%5By%5D=0.3384&amp;format=webp&amp;height=308&amp;width=260&amp;s=ikZq7voYdvMXaXytCBy6tmDbK8XepuZS9axjUTuKH18 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&amp;gravity%5Bx%5D=0.4628&amp;gravity%5By%5D=0.3384&amp;format=webp&amp;height=616&amp;width=520&amp;s=oHr5-IyHkC-2oy54JiOtBjays3n3WLKJIzX-tgeEYvc 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&amp;gravity%5Bx%5D=0.4628&amp;gravity%5By%5D=0.3384&amp;format=webp&amp;height=1232&amp;width=1040&amp;s=E7mtSjrNHDPOQbwzx6CSoNu5LEPJdoA6utrX-ePlRBg 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&amp;gravity%5Bx%5D=0.4628&amp;gravity%5By%5D=0.3384&amp;format=webp&amp;height=1777&amp;width=1500&amp;s=Ng47Ag9Qox605PaZaA8jl7GZcSD0V8pDObgr5s1qhh0 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&amp;gravity%5Bx%5D=0.4628&amp;gravity%5By%5D=0.3384&amp;format=webp&amp;height=2464&amp;width=2080&amp;s=mTzy6o0prMV3FgI3NkopDL8jgcGIxRew6LFwOAixhzA 2080w" style="object-position: 46.28% 33.84%;">
1606    </div>
1607    </div>
1608            </a>
1609    <div class="px-7 py-6">
1610                        <div class="
1611        font-satoshi font-medium
1612            text-[14px] sm:text-[16px]  mb-2 ">
1613        HNOC in the News
1614    </div>
1615                <h2 class="text-sub-firstdraft font-title uppercase">
1616            <a                href="https://hnoc.org/news/wwl-tv-previews-bunny-matthews-exhibition-opening-september-18">WWL-TV Previews Bunny Matthews Exhibition Opening September 18</a>
1617        </h2>
1618                                                            <div class="mt-2.5 text-[16px]  leading-[1.42] font-satoshi font-medium">
1619                September 14, 2026
1620            </div>
1621                        <div class="mt-2.5 text-[16px] leading-[1.42]  font-satoshi font-medium">
1622            Curatorial Cataloger Emily Perkins discusses how “Bunny Matthews: His Life, Art, and Obsessions” will bring the New Orleans artist’s work to life.
1623        </div>
1624        <div class="mt-4 flex items-center flex-wrap gap-x-4 gap-y-2">
1625            
1626<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/wwl-tv-previews-bunny-matthews-exhibition-opening-september-18">
1627    Read More
1628    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1629    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1630</svg>
1631
1632</a>                    </div>
1633    </div>
1634</div>
1635                                    
1636    
1637
1638<div class="c--square-section-dropshadow">
1639        <a  aria-label="September Issue of ANTIGRAVITY Magazine Explores Life of Bunny Matthews" class="block group"
1640       href="https://hnoc.org/news/september-issue-of-antigravity-magazine-explores-life-of-bunny-matthews">
1641                        <div class="">
1642        
1643
1644        
1645        <div class="overflow-hidden relative" style="padding-top:118.46153846154%">
1646                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A black and white photo of authors Michael Tisserand and Allison Fensterstock sitting at a table talking to Jude Matthews. A copy of the book &quot;Bunny Matthews: His Life, Art, and Obsessions&quot; is on the table." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&amp;gravity%5Bx%5D=0.4036&amp;gravity%5By%5D=0.2973&amp;width=260&amp;s=xsAvrSlT1HGBIa6bhRWslcDspTAnd_nOTUjzmZlr-2c" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&amp;gravity%5Bx%5D=0.4036&amp;gravity%5By%5D=0.2973&amp;format=webp&amp;height=308&amp;width=260&amp;s=pfsI-ZNaA1PmY1hXQJqfdFWzLwMtl5M2v6SXVDPwIcE 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&amp;gravity%5Bx%5D=0.4036&amp;gravity%5By%5D=0.2973&amp;format=webp&amp;height=616&amp;width=520&amp;s=9Xi-wEsyLKfdcWPEAY9XPIu7rW3XrM-eyPzASqjvSSI 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&amp;gravity%5Bx%5D=0.4036&amp;gravity%5By%5D=0.2973&amp;format=webp&amp;height=1232&amp;width=1040&amp;s=wayydEHxELzz9Ji2jMSoHzsEKTRlSY-NqRLKzVaQV1A 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&amp;gravity%5Bx%5D=0.4036&amp;gravity%5By%5D=0.2973&amp;format=webp&amp;height=1777&amp;width=1500&amp;s=CIZvKGUJIBZYzSnV5UaC_UWx1Jw5HWxgDGpObcRu3Gg 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&amp;gravity%5Bx%5D=0.4036&amp;gravity%5By%5D=0.2973&amp;format=webp&amp;height=2464&amp;width=2080&amp;s=-BTL8yM74oJC7UpEzX6g7vHeWPkoUZwJuwAdytszNmw 2080w" style="object-position: 40.36% 29.73%;">
1647    </div>
1648    </div>
1649            </a>
1650    <div class="px-7 py-6">
1651                        <div class="
1652        font-satoshi font-medium
1653            text-[14px] sm:text-[16px]  mb-2 ">
1654        HNOC in the News
1655    </div>
1656                <h2 class="text-sub-firstdraft font-title uppercase">
1657            <a                href="https://hnoc.org/news/september-issue-of-antigravity-magazine-explores-life-of-bunny-matthews">September Issue of ANTIGRAVITY Magazine Explores Life of Bunny Matthews</a>
1658        </h2>
1659                                                            <div class="mt-2.5 text-[16px]  leading-[1.42] font-satoshi font-medium">
1660                September 8, 2026
1661            </div>
1662                        <div class="mt-2.5 text-[16px] leading-[1.42]  font-satoshi font-medium">
1663            Authors Michael Tisserand and Alison Fensterstock, joined by son Jude Matthews, discuss the complicated subject of “Bunny Matthews: His Life, Art, and Obsessions.”
1664        </div>
1665        <div class="mt-4 flex items-center flex-wrap gap-x-4 gap-y-2">
1666            
1667<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/september-issue-of-antigravity-magazine-explores-life-of-bunny-matthews">
1668    Read More
1669    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1670    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1671</svg>
1672
1673</a>                    </div>
1674    </div>
1675</div>
1676                                    
1677    
1678
1679<div class="c--square-section-dropshadow">
1680        <a  aria-label="Mark Your Calendar for These Upcoming Bunny Matthews Book Events" class="block group"
1681       href="https://hnoc.org/news/bunny-matthews-book-events">
1682                        <div class="">
1683        
1684
1685        
1686        <div class="overflow-hidden relative" style="padding-top:118.46153846154%">
1687                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Authors Michael Tisserand and Allison Fensterstock sit at a table signing copies of their book &quot;Bunny Matthews: His Life, Art, and Obsessions.&quot;" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.2677&amp;width=260&amp;s=6Z7Ga07mT_a4kSVifbvLqFVESPq1RYAd32t4Hc6sHrA" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.2677&amp;format=webp&amp;height=308&amp;width=260&amp;s=e967Qj2HUOO64vQnU6tKgK6mNJvnmbh6vNaCzD5WzTA 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.2677&amp;format=webp&amp;height=616&amp;width=520&amp;s=DQL4GuaqGOnb5Iy7QFUF5jZhoyu05GtSrRlKHMVoQnY 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.2677&amp;format=webp&amp;height=1232&amp;width=1040&amp;s=IPh51BtTfs4BrZ6Lez4w5qw82q6EQF5pIOaDC8YdsHs 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.2677&amp;format=webp&amp;height=1777&amp;width=1500&amp;s=zO7a4a_3C_945-lW2ycx_sVQHoyapZ6-6i41IEVlVaY 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.2677&amp;format=webp&amp;height=2464&amp;width=2080&amp;s=zFA2beVesxFzIjnHf88oF3lzvOWL5fENvs5TXU3wwBM 2080w" style="object-position: 50.11% 26.77%;">
1688    </div>
1689    </div>
1690            </a>
1691    <div class="px-7 py-6">
1692                        <div class="
1693        font-satoshi font-medium
1694            text-[14px] sm:text-[16px]  mb-2 ">
1695        Announcement
1696    </div>
1697                <h2 class="text-sub-firstdraft font-title uppercase">
1698            <a                href="https://hnoc.org/news/bunny-matthews-book-events">Mark Your Calendar for These Upcoming Bunny Matthews Book Events</a>
1699        </h2>
1700                                                            <div class="mt-2.5 text-[16px]  leading-[1.42] font-satoshi font-medium">
1701                September 2, 2026
1702            </div>
1703                        <div class="mt-2.5 text-[16px] leading-[1.42]  font-satoshi font-medium">
1704            Join us for New Orleans-area events and book signings celebrating the release of HNOC’s publication “Bunny Matthews: His Life, Art, and Obsessions.”
1705        </div>
1706        <div class="mt-4 flex items-center flex-wrap gap-x-4 gap-y-2">
1707            
1708<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/bunny-matthews-book-events">
1709    Read More
1710    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1711    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1712</svg>
1713
1714</a>                    </div>
1715    </div>
1716</div>
1717                                    
1718    
1719
1720<div class="c--square-section-dropshadow">
1721        <a  aria-label="WWNO’s “The Reading Life” Features Authors of HNOC’s Upcoming Bunny Matthews Book" class="block group"
1722       href="https://hnoc.org/news/wwno-the-reading-life-features-authors-of-hnocs-upcoming-bunny-matthews-book">
1723                        <div class="">
1724        
1725
1726        
1727        <div class="overflow-hidden relative" style="padding-top:118.46153846154%">
1728                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Bunny Matthews painting the set of Da Vic and Nat’ly Show, April 1985, photograph by Andrew Boyd." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2015.0437.2520.4_O10.jpg?fit=cover&amp;width=260&amp;s=HoerI9o9G4BThJPOwhXcyrXTN-MdYxuXqfZdppSHRlM" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2015.0437.2520.4_O10.jpg?fit=cover&amp;format=webp&amp;height=308&amp;width=260&amp;s=56Sv8x9D19vI8lY089vUol5Ynxexb4e5pCV2gQTR3Co 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2015.0437.2520.4_O10.jpg?fit=cover&amp;format=webp&amp;height=616&amp;width=520&amp;s=WUnjxC08DSya3BPAFkoVuJuel0D28mbTWfUN_fOAGsI 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2015.0437.2520.4_O10.jpg?fit=cover&amp;format=webp&amp;height=1232&amp;width=1040&amp;s=WgkbvmUqAUN6TMVcpYUl9rZCaZQKyko3_UGV5FlUMRc 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2015.0437.2520.4_O10.jpg?fit=cover&amp;format=webp&amp;height=1777&amp;width=1500&amp;s=uN7roacsHbRUlfb84QWFG24xd_TyqdgrTcWl9BkuMe4 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2015.0437.2520.4_O10.jpg?fit=cover&amp;format=webp&amp;height=2464&amp;width=2080&amp;s=F2_e7dMYMMqTOZh4zXQZ96Qwr-0gbU8w8otDgN9lrBQ 2080w" style="object-position: 50% 50%;">
1729    </div>
1730    </div>
1731            </a>
1732    <div class="px-7 py-6">
1733                        <div class="
1734        font-satoshi font-medium
1735            text-[14px] sm:text-[16px]  mb-2 ">
1736        HNOC in the News
1737    </div>
1738                <h2 class="text-sub-firstdraft font-title uppercase">
1739            <a                href="https://hnoc.org/news/wwno-the-reading-life-features-authors-of-hnocs-upcoming-bunny-matthews-book">WWNO’s “The Reading Life” Features Authors of HNOC’s Upcoming Bunny Matthews Book</a>
1740        </h2>
1741                                                            <div class="mt-2.5 text-[16px]  leading-[1.42] font-satoshi font-medium">
1742                August 27, 2026
1743            </div>
1744                        <div class="mt-2.5 text-[16px] leading-[1.42]  font-satoshi font-medium">
1745            Host Susan Larson interviews authors Alison Fensterstock and Michael Tisserand about the legendary artist and their book “Bunny Mathews: His Life, Art, and Obsessions.”
1746        </div>
1747        <div class="mt-4 flex items-center flex-wrap gap-x-4 gap-y-2">
1748            
1749<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/wwno-the-reading-life-features-authors-of-hnocs-upcoming-bunny-matthews-book">
1750    Read More
1751    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1752    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1753</svg>
1754
1755</a>                    </div>
1756    </div>
1757</div>
1758                                    
1759    
1760
1761<div class="c--square-section-dropshadow">
1762        <a  aria-label="Country Roads Magazine Examines the Clarence John Laughlin Archive at HNOC" class="block group"
1763       href="https://hnoc.org/news/country-roads-magazine-examines-the-clarence-john-laughlin-archive-at-hnoc">
1764                        <div class="">
1765        
1766
1767        
1768        <div class="overflow-hidden relative" style="padding-top:118.46153846154%">
1769                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A black and white double exposure image featuring a landscape with trees and a person standing on a path, pointing. The overlay includes a classical building with columns. Moss hangs from the trees, creating an atmospheric effect." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.247.1.888_web_2026-08-26-162234_qhlq.jpg?fit=cover&amp;width=260&amp;
1769s=YzasQyoUSNROoDERaBChd4UFq3DHax56Jpa5fEfeAlA" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.247.1.888_web_2026-08-26-162234_qhlq.jpg?fit=cover&amp;format=webp&amp;height=308&amp;width=260&amp;s=5iN-UNlvGVCBbrO8okCqi_W7BoJb-960asAQt3OHnRo 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.247.1.888_web_2026-08-26-162234_qhlq.jpg?fit=cover&amp;format=webp&amp;height=616&amp;width=520&amp;s=J5h381ovbOIu26tlI8wYaBXiFmzsI7MnTCm4AoY-qWY 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.247.1.888_web_2026-08-26-162234_qhlq.jpg?fit=cover&amp;format=webp&amp;height=1232&amp;width=1040&amp;s=AmxjgFkxke2S68ckKUwVxTXyIjtogo36GomTp0OnbZI 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.247.1.888_web_2026-08-26-162234_qhlq.jpg?fit=cover&amp;format=webp&amp;height=1777&amp;width=1500&amp;s=4b1p5iU838dUv8rM_PtHZxz5HwwX2QTFiQsJ31bHYs0 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.247.1.888_web_2026-08-26-162234_qhlq.jpg?fit=cover&amp;format=webp&amp;height=2464&amp;width=2080&amp;s=uuvKWqvi2hz3ioa4Vr3TutwDzCyxq_fIbnFeenkIIrA 2080w" style="object-position: 50% 50%;">
1770    </div>
1771    </div>
1772            </a>
1773    <div class="px-7 py-6">
1774                        <div class="
1775        font-satoshi font-medium
1776            text-[14px] sm:text-[16px]  mb-2 ">
1777        HNOC in the News
1778    </div>
1779                <h2 class="text-sub-firstdraft font-title uppercase">
1780            <a                href="https://hnoc.org/news/country-roads-magazine-examines-the-clarence-john-laughlin-archive-at-hnoc">Country Roads Magazine Examines the Clarence John Laughlin Archive at HNOC</a>
1781        </h2>
1782                                                            <div class="mt-2.5 text-[16px]  leading-[1.42] font-satoshi font-medium">
1783                August 26, 2026
1784            </div>
1785                        <div class="mt-2.5 text-[16px] leading-[1.42]  font-satoshi font-medium">
1786            The article explores the surrealist photographer’s archive as viewed as an architectural survey of the Gothic south.
1787        </div>
1788        <div class="mt-4 flex items-center flex-wrap gap-x-4 gap-y-2">
1789            
1790<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/country-roads-magazine-examines-the-clarence-john-laughlin-archive-at-hnoc">
1791    Read More
1792    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1793    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1794</svg>
1795
1796</a>                    </div>
1797    </div>
1798</div>
1799                                    
1800    
1801
1802<div class="c--square-section-dropshadow">
1803        <a  aria-label="WVUE Feature Explores HNOC’s Restored Aeolian Pipe Organ" class="block group"
1804       href="https://hnoc.org/news/wvue-explores-hnocs-restored-aeolian-pipe-organ">
1805                        <div class="">
1806        
1807
1808        
1809        <div class="overflow-hidden relative" style="padding-top:118.46153846154%">
1810                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A musician plays an Aeolian Organ at the Historic New Orleans Collection." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Heart-of-Louisiana_-Aeolian-Organ-2.jpg?fit=cover&amp;width=260&amp;s=YkkRAF45iPpQD3gLdZQN01ZFyS6VaZvqHJYMslOTYaQ" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Heart-of-Louisiana_-Aeolian-Organ-2.jpg?fit=cover&amp;format=webp&amp;height=308&amp;width=260&amp;s=YUJ99g-HP8OcgCQaCntTvWjPBr0VqiID29u0bPNl5cQ 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Heart-of-Louisiana_-Aeolian-Organ-2.jpg?fit=cover&amp;format=webp&amp;height=616&amp;width=520&amp;s=7KaO9BLnicsRBIBjEGPBKyMBoDtLDZPOVp7HDHWfUhU 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Heart-of-Louisiana_-Aeolian-Organ-2.jpg?fit=cover&amp;format=webp&amp;height=1232&amp;width=1040&amp;s=MAvGYMRPJQeiMEwGhC1DrqdGT42nc6wyjldJcvW13Sg 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Heart-of-Louisiana_-Aeolian-Organ-2.jpg?fit=cover&amp;format=webp&amp;height=1777&amp;width=1500&amp;s=ybFSqnBR6jWsb64G59Ra9GqpdWkg2Iosq-SMzRaFWpk 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Heart-of-Louisiana_-Aeolian-Organ-2.jpg?fit=cover&amp;format=webp&amp;height=2464&amp;width=2080&amp;s=904ICTsk0b97Txdeyem0GGAUoCrqyfp2gcBWawZraXQ 2080w" style="object-position: 50% 50%;">
1811    </div>
1812    </div>
1813            </a>
1814    <div class="px-7 py-6">
1815                        <div class="
1816        font-satoshi font-medium
1817            text-[14px] sm:text-[16px]  mb-2 ">
1818        HNOC in the News
1819    </div>
1820                <h2 class="text-sub-firstdraft font-title uppercase">
1821            <a                href="https://hnoc.org/news/wvue-explores-hnocs-restored-aeolian-pipe-organ">WVUE Feature Explores HNOC’s Restored Aeolian Pipe Organ</a>
1822        </h2>
1823                                                            <div class="mt-2.5 text-[16px]  leading-[1.42] font-satoshi font-medium">
1824                August 25, 2026
1825            </div>
1826                        <div class="mt-2.5 text-[16px] leading-[1.42]  font-satoshi font-medium">
1827            In its “Heart of Louisiana” segment, Fox 8’s Dave McNamara examines what makes the cutting-edge piece of 1920s technology so special.
1828        </div>
1829        <div class="mt-4 flex items-center flex-wrap gap-x-4 gap-y-2">
1830            
1831<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/wvue-explores-hnocs-restored-aeolian-pipe-organ">
1832    Read More
1833    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1834    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1835</svg>
1836
1837</a>                    </div>
1838    </div>
1839</div>
1840                                    
1841    
1842
1843<div class="c--square-section-dropshadow">
1844        <a  aria-label="HNOC Book “Captive State” Receives Southeastern Museum Conference Publication Award" class="block group"
1845       href="https://hnoc.org/news/hnoc-book-captive-state-receives-southeastern-museum-conference-publication-award">
1846                        <div class="">
1847        
1848
1849        
1850        <div class="overflow-hidden relative" style="padding-top:118.46153846154%">
1851                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A press photograph of an inmate cell inside Orleans Parish Prison. Three Black men can be seen lying on metal rack beds and another man is partially visible lying on a cot on the ground. Newspapers, empty milk cartons, candy boxes, and cups can be seen on a shelf beneath the window." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0084.10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5535&amp;gravity%5By%5D=0.1561&amp;width=260&amp;s=7MLNC0girhD4r8zJ5OTBX6E0uFO-DJfz1vTbI7C7ZC4" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0084.10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5535&amp;gravity%5By%5D=0.1561&amp;format=webp&amp;height=308&amp;width=260&amp;s=Rdtbg9KpX6GVjQDJOetAH39knVhIC68KmE1cieBVKCI 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0084.10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5535&amp;gravity%5By%5D=0.1561&amp;format=webp&amp;height=616&amp;width=520&amp;s=sk4tfb4cH5O6LX9BuW6deYCL6tcvPx45SfWn6Anrgs4 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0084.10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5535&amp;gravity%5By%5D=0.1561&amp;format=webp&amp;height=1232&amp;width=1040&amp;s=AqDUWU7B1D4ZE5vEttgPkbMqUg7EJ3gqW-Opyoij-SM 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0084.10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5535&amp;gravity%5By%5D=0.1561&amp;format=webp&amp;height=1777&amp;width=1500&amp;s=1s6vFaoRN8WJ77d3sIa_HX8c4UiPe8Oeahxl0gDsc7I 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0084.10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5535&amp;gravity%5By%5D=0.1561&amp;format=webp&amp;height=2464&amp;width=2080&amp;s=BIMHkjpKMyk0GjaX405YVziExRr8tonPMa2GUrukYjY 2080w" style="object-position: 55.35% 15.61%;">
1852    </div>
1853    </div>
1854            </a>
1855    <div class="px-7 py-6">
1856                        <div class="
1857        font-satoshi font-medium
1858            text-[14px] sm:text-[16px]  mb-2 ">
1859        Announcement
1860    </div>
1861                <h2 class="text-sub-firstdraft font-title uppercase">
1862            <a                href="https://hnoc.org/news/hnoc-book-captive-state-receives-southeastern-museum-conference-publication-award">HNOC Book “Captive State” Receives Southeastern Museum Conference Publication Award</a>
1863        </h2>
1864                                                            <div class="mt-2.5 text-[16px]  leading-[1.42] font-satoshi font-medium">
1865                August 12, 2026
1866            </div>
1867                        <div class="mt-2.5 text-[16px] leading-[1.42]  font-satoshi font-medium">
1868            The 2025 publication was awarded Second Place (Silver) by the SEMC Publications Competitions jury.
1869        </div>
1870        <div class="mt-4 flex items-center flex-wrap gap-x-4 gap-y-2">
1871            
1872<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/hnoc-book-captive-state-receives-southeastern-museum-conference-publication-award">
1873    Read More
1874    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1875    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1876</svg>
1877
1878</a>                    </div>
1879    </div>
1880</div>
1881                                    
1882    
1883
1884<div class="c--square-section-dropshadow">
1885        <a  aria-label="NOLA Now: HNOC Offering Free Tours and Special Perks During Museum Month" class="block group"
1886       href="https://hnoc.org/news/hnoc-offering-free-tours-and-special-perks-during-museum-month">
1887                        <div class="">
1888        
1889
1890        
1891        <div class="overflow-hidden relative" style="padding-top:118.46153846154%">
1892                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Amanda McFillen, HNOC Director of Audience Engagement, speaking on NOLA Now about Museum Month activities happening now at the museum." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/NOLA-Now-Museum-Month-Amanda-M.png?fit=cover&amp;gravity%5Bx%5D=0.5458&amp;gravity%5By%5D=0.2981&amp;width=260&amp;s=BS2cu1IGOx6KWJXZfYslJJrS5wFD3YZJs3yP8PqvcEc" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/NOLA-Now-Museum-Month-Amanda-M.png?fit=cover&amp;gravity%5Bx%5D=0.5458&amp;gravity%5By%5D=0.2981&amp;format=webp&amp;height=308&amp;width=260&amp;s=H3Ta_Masm1lvi1lJ2vzn3ZLdng_buCxuDq_DJWyoZyY 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/NOLA-Now-Museum-Month-Amanda-M.png?fit=cover&amp;gravity%5Bx%5D=0.5458&amp;gravity%5By%5D=0.2981&amp;format=webp&amp;height=616&amp;width=520&amp;s=Zy94coYqsKilyfePW4iq1NlDWcKus7cLIPGriHxt0nc 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/NOLA-Now-Museum-Month-Amanda-M.png?fit=cover&amp;gravity%5Bx%5D=0.5458&amp;gravity%5By%5D=0.2981&amp;format=webp&amp;height=1232&amp;width=1040&amp;s=fNMh6xyQqx_NxyrW49skGu0b3rStg3v12lNJCmxbBLc 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/NOLA-Now-Museum-Month-Amanda-M.png?fit=cover&amp;gravity%5Bx%5D=0.5458&amp;gravity%5By%5D=0.2981&amp;format=webp&amp;height=1777&amp;width=1500&amp;s=jzjH-LmP5v6nteNBNK5QmuSHNfO0ANJ0KLq5buH80gY 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/NOLA-Now-Museum-Month-Amanda-M.png?fit=cover&amp;gravity%5Bx%5D=0.5458&amp;gravity%5By%5D=0.2981&amp;format=webp&amp;height=2464&amp;width=2080&amp;s=iQQXUJQqEt2_r_fwIkjPPMJxfHrThlshItwoCFQn8Ok 2080w" style="object-position: 54.58% 29.81%;">
1893    </div>
1894    </div>
1895            </a>
1896    <div class="px-7 py-6">
1897                        <div class="
1898        font-satoshi font-medium
1899            text-[14px] sm:text-[16px]  mb-2 ">
1900        HNOC in the News
1901    </div>
1902                <h2 class="text-sub-firstdraft font-title uppercase">
1903            <a                href="https://hnoc.org/news/hnoc-offering-free-tours-and-special-perks-during-museum-month">NOLA Now: HNOC Offering Free Tours and Special Perks During Museum Month</a>
1904        </h2>
1905                                                            <div class="mt-2.5 text-[16px]  leading-[1.42] font-satoshi font-medium">
1906                August 11, 2026
1907            </div>
1908                        <div class="mt-2.5 text-[16px] leading-[1.42]  font-satoshi font-medium">
1909            Organized by New Orleans &amp; Company each August, members of participating local museums receive free access to all other participating institutions throughout the month.
1910        </div>
1911        <div class="mt-4 flex items-center flex-wrap gap-x-4 gap-y-2">
1912            
1913<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/hnoc-offering-free-tours-and-special-perks-during-museum-month">
1914    Read More
1915    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1916    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1917</svg>
1918
1919</a>                    </div>
1920    </div>
1921</div>
1922                                    
1923    
1924
1925<div class="c--square-section-dropshadow">
1926        <a  aria-label="New Orleans CityBusiness: Historic New Orleans Collection Opens Bunny Matthews Retrospective" class="block group"
1927       href="https://hnoc.org/news/historic-new-orleans-collection-opens-bunny-matthews-retrospective">
1928                        <div class="">
1929        
1930
1931        
1932        <div class="overflow-hidden relative" style="padding-top:118.46153846154%">
1933                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Bunny Matthews painting the set of Da Vic and Nat’ly Show, April 1985, photograph by Andrew Boyd." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2015.0437.2520.4_O10.jpg?fit=cover&amp;width=260&amp;s=HoerI9o9G4BThJPOwhXcyrXTN-MdYxuXqfZdppSHRlM" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2015.0437.2520.4_O10.jpg?fit=cover&amp;format=webp&amp;height=308&amp;width=260&amp;s=56Sv8x9D19vI8lY089vUol5Ynxexb4e5pCV2gQTR3Co 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2015.0437.2520.4_O10.jpg?fit=cover&amp;format=webp&amp;height=616&amp;width=520&amp;s=WUnjxC08DSya3BPAFkoVuJuel0D28mbTWfUN_fOAGsI 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2015.0437.2520.4_O10.jpg?fit=cover&amp;format=webp&amp;height=1232&amp;width=1040&amp;s=WgkbvmUqAUN6TMVcpYUl9rZCaZQKyko3_UGV5FlUMRc 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2015.0437.2520.4_O10.jpg?fit=cover&amp;format=webp&amp;height=1777&amp;width=1500&amp;s=uN7roacsHbRUlfb84QWFG24xd_TyqdgrTcWl9BkuMe4 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2015.0437.2520.4_O10.jpg?fit=cover&amp;format=webp&amp;height=2464&amp;width=2080&amp;s=F2_e7dMYMMqTOZh4zXQZ96Qwr-0gbU8w8otDgN9lrBQ 2080w" style="object-position: 50% 50%;">
1934    </div>
1935    </div>
1936            </a>
1937    <div class="px-7 py-6">
1938                        <div class="
1939        font-satoshi font-medium
1940            text-[14px] sm:text-[16px]  mb-2 ">
1941        HNOC in the News
1942    </div>
1943                <h2 class="text-sub-firstdraft font-title uppercase">
1944            <a                href="https://hnoc.org/news/historic-new-orleans-collection-opens-bunny-matthews-retrospective">New Orleans CityBusiness: Historic New Orleans Collection Opens Bunny Matthews Retrospective</a>
1945        </h2>
1946                                                            <div class="mt-2.5 text-[16px]  leading-[1.42] font-satoshi font-medium">
1947                August 6, 2026
1948            </div>
1949                        <div class="mt-2.5 text-[16px] leading-[1.42]  font-satoshi font-medium">
1950            The exhibition “Bunny Matthews: His Art, Life, and Obsessions” and its companion book will debut on September 18, 2026.
1951        </div>
1952        <div class="mt-4 flex items-center flex-wrap gap-x-4 gap-y-2">
1953            
1954<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/historic-new-orleans-collection-opens-bunny-matthews-retrospective">
1955    Read More
1956    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1957    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1958</svg>
1959
1960</a>                    </div>
1961    </div>
1962</div>
1963                                    
1964    
1965
1966<div class="c--square-section-dropshadow">
1967        <a  aria-label="WVUE: HNOC Presents 18th Annual New Orleans Antiques Forum this Weekend" class="block group"
1968       href="https://hnoc.org/news/hnoc-presents-18th-annual-new-orleans-antiques-forum-this-weekend">
1969                        <div class="">
1970        
1971
1972        
1973        <div class="overflow-hidden relative" style="padding-top:118.46153846154%">
1974                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="HNOC Manger of Programs Amy Williams speaks on Fox 8 New Orleans." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Amy-Fox-8-NOAF-2026-2.png?fit=cover&amp;width=260&amp;s=cvgzoA2PtmT3oSPOdCytcckOtLhS4Nkk6kZwSDJfgpw" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Amy-Fox-8-NOAF-2026-2.png?fit=cover&amp;format=webp&amp;height=308&amp;width=260&amp;s=_hZ3byVdpIjsLhfx1tXjLuwFKGQ43ARZdMyvE0ObKiQ 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Amy-Fox-8-NOAF-2026-2.png?fit=cover&amp;format=webp&amp;height=616&amp;width=520&amp;s=ve-84jD8TR8wf82YNF29BT5nhlP256aABAGF9g-fs0M 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Amy-Fox-8-NOAF-2026-2.png?fit=cover&amp;format=webp&amp;height=1232&amp;width=1040&amp;s=kITeJaCymwuhyT4XjYEJIRXtDxWZmzHZC3_gQo8H9Gc 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Amy-Fox-8-NOAF-2026-2.png?fit=cover&amp;format=webp&amp;height=1777&amp;width=1500&amp;s=MPllU7SUFnkG-yXlfu5K47ebwXO18_5N2EcNpa2TmTI 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Amy-Fox-8-NOAF-2026-2.png?fit=cover&amp;format=webp&amp;height=2464&amp;width=2080&amp;s=LSVnWvaKfJmsz14_3jr63OitXfefumxwzpXWIZnabxw 2080w" style="object-position: 50% 50%;">
1975    </div>
1976    </div>
1977            </a>
1978    <div class="px-7 py-6">
1979                        <div class="
1980        font-satoshi font-medium
1981            text-[14px] sm:text-[16px]  mb-2 ">
1982        HNOC in the News
1983    </div>
1984                <h2 class="text-sub-firstdraft font-title uppercase">
1985            <a                href="https://hnoc.org/news/hnoc-presents-18th-annual-new-orleans-antiques-forum-this-weekend">WVUE: HNOC Presents 18th Annual New Orleans Antiques Forum this Weekend</a>
1986        </h2>
1987                                                            <div class="mt-2.5 text-[16px]  leading-[1.42] font-satoshi font-medium">
1988                August 5, 2026
1989            </div>
1990                        <div class="mt-2.5 text-[16px] leading-[1.42]  font-satoshi font-medium">
1991            Manager of Programs Amy Williams explores the objects and themes featured at this year’s forum, taking place August 7–9.
1992        </div>
1993        <div class="mt-4 flex items-center flex-wrap gap-x-4 gap-y-2">
1994            
1995<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/hnoc-presents-18th-annual-new-orleans-antiques-forum-this-weekend">
1996    Read More
1997    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1998    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1999</svg>
2000
2001</a>                    </div>
2002    </div>
2003</div>
2004                            </div>
2005        </div>
2006    
2007                <div class="g--wrapper g--wrapper--small">
2008        <div class="flex items-center justify-between pb-12 mt-12">
2009            <button >
2010                <img  src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/pagination-arrow.svg" alt="Previous" class="w-[18px] sm:w-[25px] mr-5 opacity-10 cursor-not-allowed	">
2011            </button>
2012
2013            <div class="flex items-center justify-center font-satoshi font-bold text-[24px]">
2014                                                                                                                                            <span class="text-green mx-5">1</span>
2015                                                                                                                                                                <a class="mx-5 hover:text-green text-green/30 cursor-pointer" sprig s-val:page="2" s-swap="innerHTML show:.js--node-0:top" data-hx-get="https://hnoc.org/actions/sprig-core/components/render" data-hx-vals="{&quot;page&quot;:&quot;2&quot;}" data-hx-swap="innerHTML show:.js--node-0:top" data-sprig-parsed>2</a>
2016                                                                                                <div class="opacity-70 text-[20px] transform translate-y-px">...</div>
2017                            </div>
2018            <button class="transform -scale-x-100" sprig s-val:page="2" data-hx-get="https://hnoc.org/actions/sprig-core/components/render" data-hx-vals="{&quot;page&quot;:&quot;2&quot;}" data-sprig-parsed>
2019                <img src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/pagination-arrow.svg" alt="Previous" class="w-[18px] sm:w-[25px] mr-5 ">
2020            </button>
2021        </div>
2022    </div>
2023    </div></div>
2024</div>                    <div class="my-12 g--wrapper g--wrapper--small">
2025    <div class=" grid grid-cols-12 gap-x-4 sm:gap-x-7.5 items-center">
2026                                        <div class="col-span-12 md:col-span-5">
2027
2028                    <div class="
2029        uppercase font-title
2030    tracking-[2px] leading-[1.125]
2031            text-[14px] sm:text-[16px]  mb-2 ">
2032        Get in Touch
2033    </div>
2034                                    <h3 class="text-title-halfintro mb-10">Contact Us</h3>
2035                
2036                                    <div class="mb-6 text-[16px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium">
2037                        <p><span>Use the form to the right to contact us for more information about the Historic New Orleans Collection, or call us at </span>(504)<span> </span>523-4662.</p>
2038                    </div>
2039                
2040            </div>
2041                <div class="col-span-12 md:col-span-6 md:col-start-7">
2042            <div class="c--formie">
2043                <div class="fui-i"><form id="fui-contact-bcmbaz" class="fui-form fui-labels-above-input" method="post" enctype="multipart/form-data" accept-charset="utf-8" data-fui-form="{&quot;formHashId&quot;:&quot;fui-contact-bcmbaz&quot;,&quot;formId&quot;:18286,&quot;formHandle&quot;:&quot;contact&quot;,&quot;registeredJs&quot;:[{&quot;src&quot;:&quot;https:\/\/cdn.craft.cloud\/97cd51c5-b816-4a93-aea9-fd7e2c5e47da\/builds\/a27bdea1-be8a-40c4-b35a-adfb97888f37\/cpresources\/vendor-verbb-formie-src-web-assets-frontend-dist\/js\/captchas\/recaptcha-v3.js?v=1771445336&quot;,&quot;module&quot;:&quot;FormieRecaptchaV3&quot;,&quot;settings&quot;:{&quot;siteKey&quot;:&quot;6Ld1SrkqAAAAAK9JoeaEws2caX-8RGYmgYna2KtN&quot;,&quot;formId&quot;:&quot;fui-contact-bcmbaz&quot;,&quot;theme&quot;:&quot;light&quot;,&quot;size&quot;:&quot;normal&quot;,&quot;badge&quot;:&quot;bottomright&quot;,&quot;language&quot;:&quot;en&quot;,&quot;submitMethod&quot;:&quot;ajax&quot;,&quot;hasMultiplePages&quot;:false,&quot;loadingMethod&quot;:&quot;asyncDefer&quot;,&quot;enterpriseType&quot;:&quot;score&quot;}}],&quot;settings&quot;:{&quot;submitMethod&quot;:&quot;ajax&quot;,&quot;submitActionMessage&quot;:&quot;&lt;p&gt;
2043Thank you.&lt;\/p&gt;&quot;,&quot;submitActionMessageTimeout&quot;:null,&quot;submitActionMessagePosition&quot;:&quot;top-form&quot;,&quot;submitActionFormHide&quot;:true,&quot;submitAction&quot;:&quot;message&quot;,&quot;submitActionTab&quot;:null,&quot;errorMessage&quot;:&quot;&lt;p&gt;Couldn’t save submission due to errors.&lt;\/p&gt;&quot;,&quot;errorMessagePosition&quot;:&quot;top-form&quot;,&quot;loadingIndicator&quot;:null,&quot;loadingIndicatorText&quot;:null,&quot;validationOnSubmit&quot;:false,&quot;validationOnFocus&quot;:false,&quot;scrollToTop&quot;:true,&quot;hasMultiplePages&quot;:false,&quot;pages&quot;:[{&quot;id&quot;:3,&quot;label&quot;:&quot;Page 1&quot;,&quot;settings&quot;:{&quot;submitButtonLabel&quot;:&quot;Send&quot;,&quot;backButtonLabel&quot;:&quot;Back&quot;,&quot;showBackButton&quot;:false,&quot;saveButtonLabel&quot;:&quot;Save&quot;,&quot;showSaveButton&quot;:false,&quot;saveButtonStyle&quot;:&quot;link&quot;,&quot;buttonsPosition&quot;:&quot;left&quot;,&quot;cssClasses&quot;:null,&quot;containerAttributes&quot;:null,&quot;inputAttributes&quot;:null,&quot;enableNextButtonConditions&quot;:false,&quot;nextButtonConditions&quot;:[],&quot;enablePageConditions&quot;:false,&quot;pageConditions&quot;:[],&quot;enableJsEvents&quot;:false,&quot;jsGtmEventOptions&quot;:[]}}],&quot;themeConfig&quot;:{&quot;loading&quot;:{&quot;class&quot;:&quot;fui-loading&quot;},&quot;errorMessage&quot;:{&quot;class&quot;:&quot;fui-error-message&quot;},&quot;disabled&quot;:{&quot;class&quot;:&quot;fui-disabled&quot;},&quot;tabError&quot;:{&quot;class&quot;:&quot;fui-tab-error&quot;},&quot;tabActive&quot;:{&quot;class&quot;:&quot;fui-tab-active&quot;},&quot;tabComplete&quot;:{&quot;class&quot;:&quot;fui-tab-complete&quot;},&quot;successMessage&quot;:{&quot;class&quot;:&quot;fui-success-message&quot;},&quot;alert&quot;:{&quot;class&quot;:&quot;fui-alert&quot;},&quot;alertError&quot;:{&quot;class&quot;:&quot;fui-alert fui-alert-error fui-alert-top-form&quot;,&quot;role&quot;:&quot;alert&quot;,&quot;data-fui-alert&quot;:true,&quot;data-fui-alert-error&quot;:true},&quot;alertSuccess&quot;:{&quot;class&quot;:&quot;fui-alert fui-alert-success fui-alert-top-form&quot;,&quot;role&quot;:&quot;alert&quot;,&quot;data-fui-alert&quot;:true,&quot;data-fui-alert-success&quot;:true},&quot;page&quot;:{&quot;id&quot;:&quot;fui-contact-bcmbaz-p-3&quot;,&quot;class&quot;:&quot;fui-page&quot;,&quot;data-index&quot;:&quot;0&quot;,&quot;data-id&quot;:&quot;3&quot;,&quot;data-fui-page&quot;:true},&quot;progress&quot;:{&quot;class&quot;:&quot;fui-progress&quot;,&quot;data-fui-progress&quot;:true},&quot;tab&quot;:{&quot;class&quot;:&quot;fui-tab&quot;},&quot;success&quot;:{&quot;class&quot;:&quot;fui-success&quot;},&quot;error&quot;:{&quot;class&quot;:&quot;fui-error-message&quot;},&quot;fieldContainerError&quot;:{&quot;class&quot;:&quot;fui-error&quot;},&quot;fieldInputError&quot;:{&quot;class&quot;:&quot;fui-error&quot;},&quot;fieldErrors&quot;:{&quot;class&quot;:&quot;fui-errors&quot;,&quot;data-field-error-messages&quot;:true},&quot;fieldError&quot;:{&quot;class&quot;:&quot;fui-error-message&quot;,&quot;data-field-error-message&quot;:true}},&quot;redirectUrl&quot;:&quot;&quot;,&quot;currentPageId&quot;:3,&quot;outputJsTheme&quot;:true,&quot;enableUnloadWarning&quot;:false,&quot;enableBackSubmission&quot;:false,&quot;ajaxTimeout&quot;:10,&quot;outputConsoleMessages&quot;:true,&quot;baseActionUrl&quot;:&quot;https:\/\/hnoc.org\/actions&quot;,&quot;refreshTokenUrl&quot;:&quot;https:\/\/hnoc.org\/actions\/formie\/forms\/refresh-tokens?form=FORM_PLACEHOLDER&quot;,&quot;scriptAttributes&quot;:[]}}" data-form-handle="contact" data-form-submit-method="ajax" data-form-submit-action="message"><craft-csrf-input></craft-csrf-input><input type="hidden" name="action" value="formie/submissions/submit"><input type="hidden" name="submitAction" value="submit"><input type="hidden" name="handle" value="contact"><input type="hidden" name="siteId" value="1"><div class="fui-form-container"><h2 class="fui-title">Contact Us</h2><div id="fui-contact-bcmbaz-p-3" class="fui-page" data-index="0" data-id="3" data-fui-page><div class="fui-page-container"><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-name fui-label-above-input fui-subfield-label-above-input fui-instru
2043ctions-above-input fui-field-required fui-page-field" data-field-handle="name1" data-field-type="name" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-contact-bcmbaz-fields-name1" data-field-label>Name&nbsp;<span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="text" id="fui-contact-bcmbaz-fields-name1" class="fui-input" name="fields[name1]" value="" placeholder="Name" autocomplete="name" required data-fui-id="contact-name1"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-email fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="emailAddress" data-field-type="email" data-validation="required|email"><div class="fui-field-container"><label class="fui-label" for="fui-contact-bcmbaz-fields-emailAddress" data-field-label>Email address&nbsp;<span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="email" id="fui-contact-bcmbaz-fields-emailAddress" class="fui-input" name="fields[emailAddress]" value="" placeholder="Email" autocomplete="email" required data-fui-id="contact-emailAddress"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-multi-line-text fui-label-above-input fui-subfield-label-above-input fui-instru
2043ctions-above-input fui-field-required fui-page-field" data-field-handle="message" data-field-type="multi-line-text" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-contact-bcmbaz-fields-message" data-field-label>Message&nbsp;<span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><textarea id="fui-contact-bcmbaz-fields-message" class="fui-input" name="fields[message]" rows="5" required data-fui-id="contact-message"></textarea></div></div></div></div></div><div class="fui-captcha formie-recaptcha-placeholder" data-recaptcha-placeholder></div><div class="fui-btn-wrapper fui-btn-left"><button type="submit" class="fui-btn fui-submit" data-submit-action="submit">Send</button></div></div></div></form></div>
2044            </div>
2045            <div class="mt-3 font-satoshi font-medium text-[14px] text-black/30">
2046                This site is protected by reCAPTCHA and the Google
2047                <a class="underline" href="https://policies.google.com/privacy">Privacy Policy</a> and
2048                <a class="underline"  href="https://policies.google.com/terms">Terms of Service</a> apply.
2049            </div>
2050
2051                                                        </div>
2052
2053    </div>
2054
2055</div>                        
2056
2057    <div class="c--remove-previous-border lg:mt-12 relative py-20 flex items-center justify-center flex-col c--remove-previous-border text-center
2058after:absolute         after:bg-purple
2059  after:top-0 after:left-0 after:h-full after:w-full after:content-[''] after:bg-opacity-80
2060">
2061        <div class="g--wrapper relative z-10">
2062                <div class="
2063        uppercase font-title
2064    tracking-[2px] leading-[1.125]
2065            text-[14px] sm:text-[16px]  mb-2 ">
2066        Stay Connected
2067    </div>
2068            <h3 class="text-title-halfintro mt-6 font-serif"><p>Subscribe to Our Newsletter</p></h3>
2069            <div class="mt-8">
2070                <form method="GET" action="https://pages.wordfly.com/historicneworleanscollection/pages/Subscribe/" target="_blank" class="flex flex-col sm:flex-row justify-center">
2071    <div class="flex flex-wrap sm:flex-nowrap items-end">
2072        <div class="flex flex-col  justify-start w-full sm:w-auto">
2073            <label class=" font-satoshi font-medium uppercase  mb-1 text-left text-[16px]" for="email40053">Email address</label>
2074            <input id="email40053" name="email" placeholder="Type your email here" class="font-satoshi font-medium  text-[18px] sm:text-[20px]  leading-[1.5] rounded-[20px] py-3 px-4 md:w-[438px]" type="email">
2075        </div>
2076        <button class="w-full mt-2 sm:mt-0 sm:ml-4 bg-green text-white font-satoshi font-medium text-[18px] sm:text-[20px] leading-[1.5] py-3 px-8 rounded-[20px]">Subscribe</button>
2077    </div>
2078</form>            </div>
2079        </div>
2080                    <div class="absolute top-0 left-0 w-full h-full z-0 object-cover">
2081                                <img class="lazyload top-0 left-0 h-full w-full absolute object-cover" alt="Esto 2019 JG23 544 o6" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-544_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.4923&amp;gravity%5By%5D=0.7106&amp;width=260&amp;s=7mh4-zb0QylF7eQz6HNpXfpPr9aNlwoY8YM915uglEY" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-544_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.4923&amp;gravity%5By%5D=0.7106&amp;width=260&amp;s=7mh4-zb0QylF7eQz6HNpXfpPr9aNlwoY8YM915uglEY 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-544_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.4923&amp;gravity%5By%5D=0.7106&amp;width=520&amp;s=ItBsKKoLj-jQoz-_ma7oipdCAHK_2-WQIRjuHo3D8f8 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-544_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.4923&amp;gravity%5By%5D=0.7106&amp;width=1040&amp;s=cHFwJDmf9QJOvR_4rtaqMeaGupdXVfh-5rO3b1miuFw 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-544_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.4923&amp;gravity%5By%5D=0.7106&amp;width=1500&amp;s=kP4FxuBBFGRECMiwEdXJ7McUMjXyT5qzSLZuHaNDXm0 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-544_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.4923&amp;gravity%5By%5D=0.7106&amp;width=2080&amp;s=QD7RflDNcvmnqzOKRgQebdsIEQruA742FFXh7J52bdU 2080w" style="object-position: 49.23% 71.06%;">
2082            </div>
2083            </div>
2084            </div>
2085
2086    </main>
2087    <footer class="bg-green pt-7">
2088    <div class="g--wrapper g--wrapper--small grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
2089        <div class="col-span-12 lg:col-span-6 font-title text-carousel-title-small tracking-[2px] uppercase text-white">
2090            <div class="flex flex-wrap gap-y-2 gap-x-6">
2091                CONNECT WITH US
2092                <div class="flex items-center gap-x-4">
2093                                            <a class="" aria-label="instagram (opens in a new tab)" href="https://www.instagram.com/visit_hnoc" target="_blank">
2094                            <svg class="w-[24px] h-[24px] fill-white" width="30" height="30" alt="instagram" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
2095    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.01849 0.286937C10.5646 0.216394 11.0582 0.199707 14.995 0.199707C18.9317 0.199707 19.4253 0.216394 20.9714 0.286937C22.5143 0.357308 23.568 0.60237 24.49 0.960727C25.4432 1.33111 26.2516 1.82676 27.0575 2.6326C27.8633 3.4385 28.359 4.24688 28.7294 5.20008C29.0877 6.12209 29.3328 7.17582 29.4031 8.71869C29.4737 10.2648 29.4904 10.7584 29.4904 14.6952C29.4904 18.6319 29.4737 19.1255 29.4031 20.6716C29.3328 22.2144 29.0877 23.2682 28.7294 24.1902C28.359 25.1434 27.8633 25.9518 27.0575 26.7577C26.2516 27.5635 25.4432 28.0592 24.49 28.4296C23.568 28.7879 22.5143 29.033 20.9714 29.1033C19.4253 29.1739 18.9317 29.1906 14.995 29.1906C11.0582 29.1906 10.5646 29.1739 9.01849 29.1033C7.47562 29.033 6.4219 28.7879 5.49988 28.4296C4.54668 28.0592 3.73831 27.5635 2.9324 26.7577C2.12
2095656 25.9518 1.63091 25.1434 1.26053 24.1902C0.902174 23.2682 0.657113 22.2144 0.586742 20.6716C0.516198 19.1255 0.499512 18.6319 0.499512 14.6952C0.499512 10.7584 0.516198 10.2648 0.586742 8.71869C0.657113 7.17582 0.902174 6.12209 1.26053 5.20008C1.63091 4.24688 2.12656 3.4385 2.9324 2.6326C3.73831 1.82676 4.54668 1.33111 5.49988 0.960727C6.4219 0.60237 7.47562 0.357308 9.01849 0.286937ZM23.5439 3.39512C23.0331 3.1966 22.2656 2.96046 20.8523 2.89602C19.3238 2.82628 18.8654 2.81149 14.995 2.81149C11.1245 2.81149 10.666 2.82628 9.13754 2.89602C7.72425 2.96046 6.95673 3.1966 6.44595 3.39512C5.76934 3.65807 5.28647 3.97218 4.77926 4.47945C4.27199 4.98666 3.95788 5.46954 3.69492 6.14615C3.49641 6.65693 3.26027 7.42445 3.19582 8.83774C3.12608 10.3662 3.1113 10.8247 3.1113 14.6952C3.1113 18.5656 3.12608 19.024 3.19582 20.5525C3.26027 21.9658 3.49641 22.7333 3.69492 23.2441C3.95788 23.9207 4.27204 24.4036 4.77926 24.9108C5.28647 25.4181 5.76934 25.7322 6.44595 25.9951C6.95673 26.1937 7.72425 26.4298 9.13754 26.4942C10.6659 26.564 11.1242 26.5788 14.995 26.5788C18.8657 26.5788 19.3241 26.564 20.8523 26.4942C22.2656 26.4298 23.0331 26.1937 23.5439 25.9951C24.2205 25.7322 24.7034 25.4181 25.2106 24.9108C25.7179 24.4036 26.032 23.9207 26.295 23.2441C26.4935 22.7333 26.7296 21.9658 26.7941 20.5525C26.8638 19.024 26.8786 18.5656 26.8786 14.6952C26.8786 10.8247 26.8638 10.3662 26.7941 8.83774C26.7296 7.42445 26.4935 6.65693 26.295 6.14615C26.032 5.46954 25.7179 4.98666 25.2106 4.47945C24.7034 3.97218 24.2205 3.65807 23.5439 3.39512ZM14.995 7.25154C10.8839 7.25154 7.55134 10.5841 7.55134 14.6952C7.55134 18.8061 10.8839 22.1387 14.995 22.1387C19.1059 22.1387 22.4385 18.8061 22.4385 14.6952C22.4385 10.5841 19.1059 7.25154 14.995 7.25154ZM10.1631 14.6952C10.1631 17.3637 12.3264 19.5269 14.995 19.5269C17.6635 19.5269 19.8267 17.3637 19.8267 14.6952C19.8267 12.0266 17.6635 9.86332 14.995 9.86332C12.3264 9.86332 10.1631 12.0266 10.1631 14.6952ZM22.7326 8.69688C23.6933 8.69688 24.4721 7.91814 24.4721 6.95745C24.4721 5.99677 23.6933 5.21797 22.7326 5.21797C21.772 5.21797 20.9932 5.99677 20.9932 6.95745C20.9932 7.91814 21.772 8.69688 22.7326 8.69688Z"/>
2096</svg>
2097
2098                        </a>
2099                                            <a class="" aria-label="facebook (opens in a new tab)" href="https://www.facebook.com/THNOC/" target="_blank">
2100                            <svg class="w-[24px] h-[24px] fill-white" width="26" height="26" alt="facebook" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
2101    <path fill-rule="evenodd" clip-rule="evenodd" d="M24.5739 0.140137H2.22577C1.46035 0.140137 0.839844 0.760639 0.839844 1.52607V23.8742C0.839844 24.6396 1.46035 25.2601 2.22577 25.2601H14.2661V15.5456H10.9961V11.743H14.2661V8.94513C14.2661 5.70119 16.2497 3.93412 19.1428 3.93412C20.1177 3.932 21.0921 3.98115 22.0619 4.08138V7.47258H20.0696C18.4931 7.47258 18.1856 8.21752 18.1856 9.3176V11.7386H21.9536L21.4642 15.5413H18.164V25.2601H24.5739C25.3393 25.2601 25.9598 24.6396 25.9598 23.8742V1.52607C25.9598 0.760639 25.3393 0.140137 24.5739 0.140137Z"/>
2102</svg>
2103
2104                        </a>
2105                                            <a class="" aria-label="linkedin (opens in a new tab)" href="https://www.linkedin.com/company/the-historic-new-orleans-collection/" target="_blank">
2106                            <svg class="w-[24px] h-[24px] fill-white" width="24" height="24" alt="linkedin" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2107    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4518 20.4507H16.8929V14.88C16.8929 13.552 16.8689 11.844 15.0422 11.844C13.1914 11.844 12.9087 13.292 12.9087 14.7853V20.4507H9.35252V8.99733H12.7634V10.5627H12.8127C13.2887 9.66267 14.4488 8.71333 16.1809 8.71333C19.7864 8.71333 20.4518 11.084 20.4518 14.1693V20.4507ZM5.33896 7.43333C4.1949 7.43333 3.27218 6.508 3.27218 5.368C3.27218 4.22933 4.1949 3.304 5.33896 3.304C6.47636 3.304 7.40174 4.22933 7.40174 5.368C7.40174 6.508 6.47636 7.43333 5.33896 7.43333ZM3.55486 20.4507H7.11906V8.99733H3.55486V20.4507ZM22.2239 0H1.76943C0.793377 0 0 0.774667 0 1.73067V22.268C0 23.224 0.793377 24 1.76943 24H22.2239C23.2026 24 24 23.224 24 22.268V1.73067C24 0.774667 23.2026 0 22.2239 0Z"/>
2108</svg>
2109
2110                        </a>
2111                                            <a class="" aria-label="emailPlatform (
2111opens in a new tab)" href="mailto:[email protected]" target="_blank">
2112                            <svg class="w-[24px] h-[24px] fill-white" width="27" height="26" alt="emailPlatform" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg">
2113    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19971 3.24902V4.9068L3.71171 6.44479L13.7597 12.5944L23.8077 6.48792L26.3197 4.9595V3.24902H1.19971ZM1.19973 7.80312V22.874H26.3197V7.84863L13.7622 15.3781L1.19973 7.80312Z"/>
2114</svg>
2115
2116                        </a>
2117                                            <a class="" aria-label="youtube (opens in a new tab)" href="https://www.youtube.com/@visit_hnoc" target="_blank">
2118                            <svg class="w-[24px] h-[24px] fill-white" width="24" height="24" alt="youtube" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg>
2119                        </a>
2120                                    </div>
2121            </div>
2122        </div>
2123        <div class="col-span-12 lg:col-span-6">
2124            <form method="GET" action="https://pages.wordfly.com/historicneworleanscollection/pages/Subscribe/" target="_blank">
2125                <div class="flex flex-wrap sm:flex-nowrap items-end">
2126                    <div class="flex flex-col  justify-start w-full flex-grow">
2127                        <label class=" font-title uppercase  mb-2 text-left text-[14px] text-white" for="emailFooter">Email address</label>
2128                        <input id="emailFooter" name="email" placeholder="Type your email here" class="font-satoshi font-medium  text-[16px]  leading-[1.5] rounded-[20px] py-3 px-4" type="email">
2129                    </div>
2130                    <button class=" mt-2 sm:mt-0 sm:ml-4 bg-green border-white border text-white font-satoshi font-medium text-[16px] leading-[1.5] py-3 px-8 rounded-[20px]">Subscribe</button>
2131                </div>
2132            </form>
2133        </div>
2134    </div>
2135    <div class="mt-10 g--wrapper g--wrapper--small grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 ">
2136        <div class="col-span-12 lg:col-span-6 flex items-center">
2137            <div class="mr-6 sm:mr-10  flex-shrink-0">
2138                <img src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/footer-logo.svg" class="w-[131px]" alt="The Historic New Orleans Collection">
2139            </div>
2140            <div class="font-satoshi text-white text-[16px] g--p-linebreak g--p-linebreak--not-last g--satoshi-strong">
2141                <p><span class="text-[18px]"><strong>Museum &amp; Shop</strong></span><br />520 Royal St., New Orleans, LA 70130<br />Tuesday–Saturday 9:30 a.m.–4:30 p.m.<br />Sunday 10:30 a.m.–4:30 p.m.<br /><strong>(504) 523-4662</strong></p><p><span class="text-[18px]"><strong>Williams Research Center</strong></span><br />410 Chartres St., New Orleans, LA 70130<br />Tuesday–Saturday 9:30 a.m.–4:30 p.m.<br />Closed Sunday and Monday<br /><strong>(504) 598-7171</strong></p>
2142            </div>
2143        </div>
2144        <div class="col-span-12 lg:col-span-6 grid sm:grid-cols-3 gap-x-7.5 gap-y-4 ">
2145                            <div class="font-satoshi text-[18px]  font-medium text-white">
2146                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/about" target="">About Us</a></div>
2147                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/research-collections" target="">Research</a></div>
2148                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/visit/accessibility" target="">Accessibility</a></div>
2149                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/news" target="">News &amp; Press</a></div>
2150                                    </div>
2151                            <div class="font-satoshi text-[18px]  font-medium text-white">
2152                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/support/membership" target="">Membership</a></div>
2153                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/support/donate" target="">Donate</a></div>
2154                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/support/sponsorships" target="">Sponsorship</a></div>
2155                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/contact-us" target="">Contact &amp; Hours</a></div>
2156                                    </div>
2157                            <div class="font-satoshi text-[18px]  font-medium text-white">
2158                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/careers" target="">Careers</a></div>
2159                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/about/internships" target="">Internships</a></div>
2160                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/about/staff" target="">Staff</a></div>
2161                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/about/leadership" target="">Leadership</a></div>
2162                                    </div>
2163                    </div>
2164    </div>
2165    <div class="mt-17.5 g--wrapper g--wrapper--small">
2166        <div class="max-w-[874px] text-white text-header-page leading-[1.125]">
2167            <p>The Historic New Orleans Collection (HNOC) strives to expand our understanding of the past, present, and future through research, stories, objects, documents, and works of art.</p>
2168        </div>
2169    </div>
2170    <div class="g--wrapper g--wrapper--small">
2171        <div class="mt-17.5 border-t border-white/10 py-4 text-[15px] font-satoshi font-medium border-opacity-50 md:flex justify-between">
2172            <div class="sm:flex mb-4 md:mb-0 gap-y-2">
2173                <div class="text-white mb-2 sm:mb-0">&copy; 2026 All rights reserved</div>
2174                <div class="sm:ml-6 sm:flex text-white/100 flex-wrap">
2175                                            <div class="sm:ml-6 mb-1 sm:mb-0"><a class="hover:underline min-h-[24px] inline-block" href="https://hnoc.org/privacy-policy" target="">Privacy Policy</a></div>
2176                                            <div class="sm:ml-6 mb-1 sm:mb-0"><a class="hover:underline min-h-[24px] inline-block" href="https://hnoc.org/terms-of-service" target="">Terms of Service</a></div>
2177                                            <div class="sm:ml-6 mb-1 sm:mb-0"><a class="hover:underline min-h-[24px] inline-block" href="https://hnoc.org/terms-of-service" target="">Copyright Policy</a></div>
2178                                            <div class="sm:ml-6 mb-1 sm:mb-0"><a class="hover:underline min-h-[24px] inline-block" href="https://hnoc.org/disclosure-statement" target="">Disclosure Statement</a></div>
2179                                    </div>
2180            </div>
2181            <a href="https://studiolhooq.com/"  class="hover:underline text-white/100" aria-label="Site by STUDIO LHOOQ (Opens in a new tab)" target="_blank">Site by STUDIO LHOOQ</a>
2182        </div>
2183    </div>
2184</footer>
2185</div>
2186<script type="text/javascript">window.FormieTranslations={"{attribute} cannot be blank.":"{attribute} cannot be blank.","{attribute} is not a valid email address.":"{attribute} is not a valid email address.","{attribute} is not a valid URL.":"{attribute} is not a valid URL.","{attribute} is not a valid number.":"{attribute} is not a valid number.","{attribute} is not a valid format.":"{attribute} is not a valid format.","{name} must match {value}.":"{name} must match {value}.","{attribute} must be between {min} and {max}.":"{attribute} must be between {min} and {max}.","{attribute} must be no less than {min}.":"{attribute} must be no less than {min}.","{attribute} must be no greater than {max}.":"{attribute} must be no greater than {max}.","{attribute} has an invalid value.":"{attribute} has an invalid value.","File {filename} must be smaller than {filesize} MB.":"File {filename} must be smaller than {filesize} MB.","File must be smaller than {filesize} MB.":"File must be smaller than {filesize} MB.","File must be larger than {filesize} MB.":"File must be larger than {filesize} MB.","Choose up to {files} files.":"Choose up to {files} files.","{startTag}{num}{endTag} character left":"{startTag}{num}{endTag} character left","{startTag}{num}{endTag} characters left":"{startTag}{num}{endTag} characters left","{startTag}{num}{endTag} word left":"{startTag}{num}{endTag} word left","{startTag}{num}{endTag} words left":"{startTag}{num}{endTag} words left","{attribute} must be no less than {min} characters.":"{attribute} must be no less than {min} characters.","{attribute} must be no greater than {max} characters.":"{attribute} must be no greater than {max} characters.","{attribute} must be no less than {min} words.":"{attribute} must be no less than {min} words.","{attribute} must be no greater than {max} words.":"{attribute} must be no greater than {max} words.","Unable to parse response `{e}`.":"Unable to parse response `{e}`.","Are you sure you want to leave?":"Are you sure you want to leave?","The request timed out.":"The request timed out.","The request encountered a network error. Please try again.":"The request encountered a network error. Please try again.","Invalid number":"Invalid number","Invalid country code":"Invalid country code","Too short":"Too short","Too long":"Too long","Missing Authorization ID for approval.":"Missing Authorization ID for approval.","Payment authorized. Finalize the form to complete payment.":"Payment authorized. Finalize the form to complete payment.","Unable to authorize payment. Please try again.":"Unable to authorize payment. Please try again.","Invalid amount.":"Invalid amount.","Invalid currency.":"Invalid currency.","Provide a value for “{label}” to proceed.":"Provide a value for “{label}” to proceed."};</script>
vendor: 1 bytes, line 2186
2186
2187<script>
2188  (function() {
2189    fetch('https://hnoc.org/actions/users/session-info', {
2190      headers: {
2191        'Accept': 'application/json',
2192      }
2193    }).then(response => response.json())
2194      .then(data => {
2195        document.querySelectorAll('craft-csrf-input')
2196          .forEach(element => {
2197            const input = document.createElement('input');
2198            input.type = 'hidden';
2199            input.name = data.csrfTokenName;
2200            input.value = data.csrfTokenValue;
2201            element.replaceWith(input);
2202          });
2203      });
2204  })();
2205</script>
vendor: 1 bytes, line 2205
2205
2206<script src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/cpresources/vendor-putyourlightson-craft-sprig-core-src-resources-lib-htmx-2.0.8/htmx.min.js?v=1771370611"></script>
vendor: 1 bytes, line 2206
2206
2207<script type="text/javascript" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/cpresources/vendor-verbb-formie-src-web-assets-frontend-dist/js/formie.js?v=1771445336" defer></script>
2207</body>
2208</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.