PageSourceSearch

https://hnoc.org/

html hnoc.org collected 2026-10-01 10:26:14 UTC 298,168 bytes, 3,596 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/">
14<meta property="og:url" content="https://hnoc.org/"><meta name="twitter:url" content="https://hnoc.org/"><meta property="og:locale" content="en-US">
15<title>Historic New Orleans Collection | Historic New Orleans Collection</title>
16    <meta name="description" content="A free history museum and research center devoted to the people, places, and traditions of New Orleans and the Gulf South.">
17    <meta property="og:title" content="Historic New Orleans Collection">
18    <meta property="og:description" content="A free history museum and research center devoted to the people, places, and traditions of New Orleans and the Gulf South.">
19    <meta name="twitter:title" content="Historic New Orleans Collection">
20    <meta name="twitter:description" content="A free history museum and research center devoted to the people, places, and traditions of New Orleans and the Gulf South.">
21    
22    <link rel="alternate" href="https://hnoc.org/" hreflang="en-us">
23        <link rel="preconnect" href="https://fonts.googleapis.com">
24    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
25
26
27    <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"/>
28    <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"/>
29    <link rel="shortcut icon" href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/favicon.ico"/>
30    <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"/>
31    <link rel="manifest" href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/site.webmanifest"/>
32
33    <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;
331,400..800&display=swap" rel="stylesheet">
34        <link rel="stylesheet" href="https://use.typekit.net/dgw6yir.css">
35    
35<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 35
35
36<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>
36
37<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">
38
39
40    
41        
42    
43
44    <!-- Facebook Pixel Code -->
45
46<script nonce="gXWlwCqH">
vendor: 421 bytes, lines 46-58
46
47
48  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
49
50    n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
51
52    n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
53
54    t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
55
56    document,'script','https://connect.facebook.net/en_US/fbevents.js');
57
58  fbq('init', '
58996537248022195
vendor: 7 bytes, lines 58-60
58');
59
60  
60fbq('set','agent','tmgoogletagmanager', '996537248022195');
61
62  fbq('track', "PageView");
63
64</script>
64
65
66
67
68<!-- End Facebook Pixel Code -->
69
70
71<!-- Google Tag Manager -->
72
73<script>
vendor: 347 bytes, lines 73-81
73(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
74
75      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
76
77    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
78
79    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
80
81  })(window,document,'script','dataLayer','
81GTM-MRSG298
vendor: 3 bytes, line 81
81');
81</script>
81
82
83<!-- End Google Tag Manager -->
84
85
86
87
88
89    
90</head>
91<body class="">
92<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 92-94
92
93
94<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
94GTM-MRSG298
vendor: 103 bytes, lines 94-97
94"
95
96                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
97
98<!-- End Google Tag Manager (noscript) -->
99
100<noscript><img height="1" width="1" style="display:none"
101
102               src="https://www.facebook.com/tr?id=996537248022195&ev=PageView&noscript=1"
103
104    /></noscript><div class="site-wrapper">
105    <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>
106
107<div g-component="Header">
108    <header class="fixed w-full bg-white z-30 shadow-sm left-0">
109        <div class=" relative z-30 bg-white">
110            <div class="g--wrapper flex justify-between items-center xl:items-end">
111                <a href="https://hnoc.org/" class="py-3 xl:py-[19px] flex-shrink-0">
112                    <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">
113                    <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">
114                </a>
115                <div class="hidden lg:flex flex-col justify-between flex-grow">
116                    <div class="pt-3 md:pt-[14px] font-satoshi font-medium text-green/90 text-[15px] flex justify-end">
117                        <div g-component="OpeningWidget">
118
119                        </div>
120                                                    <div class="ml-4">
121                                <a class="hover:underline" href="https://hnoc.org/events/calendar" aria-label="">Calendar</a>
122                            </div>
123                                                    <div class="ml-4">
124                                <a class="hover:underline" href="https://hnoc.org/publishing/first-draft" aria-label="">Blog</a>
125                            </div>
126                                                    <div class="ml-4">
127                                <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>
128                            </div>
129                                                    <div class="ml-4">
130                                <a class="hover:underline" href="https://shophnoc.com/" rel="noopener noreferrer" target="_blank" aria-label="Shop (Opens in a new tab)">Shop</a>
131                            </div>
132                                                    <div class="ml-4">
133                                <a class="tag--prenav-tickets hover:underline" href="https://my.hnoc.org/events" aria-label="">Tickets</a>
134                            </div>
135                                                <div g-component="SearchBar" class="ml-3 ">
136                            <button aria-label="Search" g-ref="open" class="ml-3 group">
137                                <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">
138    <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"/>
139</svg>
140
141                            </button>
142                            <div id="searchBar" class="hidden shadow  text-green z-30 fixed top-[4px] right-0 w-full h-full bg-black/80">
143                                <div id="component-rofplu" 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;0dba6f27e30a7917b9d2a0cb84e2d1affa26fc08fa670cb2fba1e4529d3be6b1{\u0022id\u0022:\u0022component-rofplu\u0022,\u0022siteId\u0022:1,\u0022template\u0022:\u0022components\\\/_c--search-bar--sprig\u0022}&quot;}">
144
145<div g-ref="searchInner" class="w-full h-full flex relative bg-white justify-center top-0 left-0">
146    <div class="g--wrapper g--wrapper--small flex-grow max-h-screen flex flex-col">
147        <div>
148            <label class="mt-5 mb-2 font-satoshi font-medium block text-[16px]" for="searchBarInput">Search</label>
149            <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>
150        </div>
151        <div id="results" class="mt-6 flex-grow h-full overflow-y-auto">
152                    </div>
153    </div>
154</div></div>
155                                <button g-ref="close" class="z-20 absolute top-2 right-4">
156                                    <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">
157                                </button>
158                            </div>
159                        </div>
160                        <a class="ml-3 group" aria-label="Login" href="https://my.hnoc.org/account/login" target="_blank">
161                            <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">
162    <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.
1620906 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"/>
163</svg>
164
165                        </a>
166                        <a aria-label="Shop" class="ml-3 group" href="https://shophnoc.com/" target="_blank">
167                            <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">
168    <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"/>
169</svg>
170
171                        </a>
172
173                    </div>
174
175                                                                                                                                                                                                                            <div class=" flex justify-end">
176                                                    <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group ">
177                                <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/visit">Visit</a>
178                                                                    <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm">
179                                        <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5">
180                                            <div class="col-span-3 font-title text-carousel-quote flex items-center  uppercase ">
181                                                                                                    <a class="hover:underline" href="https://hnoc.org/visit">Visit</a>
182                                                                                            </div>
183                                            <div class="col-span-3 border-r border-pink-blush">
184                                                                                                    <div class="mb-1">
185                                                        <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>
186                                                    </div>
187                                                                                                    <div class="mb-1">
188                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/getting-here">Directions & Parking</a>
189                                                    </div>
190                                                                                                    <div class="mb-1">
191                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/tours">Tours & Daily Programs</a>
192                                                    </div>
193                                                                                                    <div class="mb-1">
194                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/groups">Group Experiences</a>
195                                                    </div>
196                                                                                                    <div class="mb-1">
197                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://shophnoc.com/" rel="noopener noreferrer" target="_blank">Shop at the Collection</a>
198                                                    </div>
199                                                                                                    <div class="mb-1">
200                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/our-campu
200s/the-cafe-at-the-collection">Café at the Collection</a>
201                                                    </div>
202                                                                                                    <div class="mb-1">
203                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/accessibility">Accessibility</a>
204                                                    </div>
205                                                                                            </div>
206                                            <div class="col-span-3">
207                                                                                                    <div class="font-satoshi font-medium text-carousel-title-small">
208                                                        <a class="hover:underline" href="https://hnoc.org/visit">New Orleans History Lives Here</a>
209                                                    </div>
210                                                    <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]">
211                                                        <p>Enjoy free admission every day. Visit the museum, shop, and café, or resesarch our collections at the Williams Research Center.</p>
212                                                    </div>
213                                                                                            </div>
214                                            <div class="col-span-3">
215                                                                                                    <a href="https://hnoc.org/visit" target="">
216                                                        
217
218        
219        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
220                        <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%;">
221    </div>
222                                                    </a>
223                                                                                            </div>
224                                        </div>
225                                    </div>
226                                                            </div>
227                                                    <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group ">
228                                <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/exhibitions">Exhibitions</a>
229                                                                    <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm">
230                                        <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5">
231                                            <div class="col-span-3 font-title text-carousel-quote flex items-center  uppercase ">
232                                                                                                    <a class="hover:underline" href="https://hnoc.org/exhibitions">Exhibitions</a>
233                                                                                            </div>
234                                            <div class="col-span-3 border-r border-pink-blush">
235                                                                                                    <div class="mb-1">
236                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/exhibitions">On View</a>
237                                                    </div>
238                                                                                                    <div class="mb-1">
239                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/exhibitions#vizy-block-AA86ZW9nVq">Upcoming</a>
240                                                    </div>
241                                                                                                    <div class="mb-1">
242                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/exhibitions/virtual-exhibitions">Virtual</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-APYEQHT1MY">Traveling</a>
246                                                    </div>
247                                                                                                    <div class="mb-1">
248                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/exhibitions/past-ex
248hibitions">Past Exhibitions</a>
249                                                    </div>
250                                                                                                    <div class="mb-1">
251                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://my.hnoc.org/events?promo=exhibitnav">Get Tickets</a>
252                                                    </div>
253                                                                                            </div>
254                                            <div class="col-span-3">
255                                                                                                    <div class="font-satoshi font-medium text-carousel-title-small">
256                                                        <a class="hover:underline" href="https://hnoc.org/exhibitions/bunny-matthews">Bunny Matthews: His Life, Art, and Obsessions</a>
257                                                    </div>
258                                                    <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]">
259                                                        <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>
260                                                    </div>
261                                                                                            </div>
262                                            <div class="col-span-3">
263                                                                                                    <a href="https://hnoc.org/exhibitions/bunny-matthews" target="">
264                                                        
265
266        
267        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
268                        <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%;">
269    </div>
270                                                    </a>
271                                                                                            </div>
272                                        </div>
273                                    </div>
274                                                            </div>
275                                                    <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group ">
276                                <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/events">Events</a>
277                                                                    <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm">
278                                        <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5">
279                                            <div class="col-span-3 font-title text-carousel-quote flex items-center  uppercase ">
280                                                                                                    <a class="hover:underline" href="https://hnoc.org/events">Events</a>
281                                                                                            </div>
282                                            <div class="col-span-3 border-r border-pink-blush">
283                                                                                                    <div class="mb-1">
284                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/events/calendar">Calendar</a>
285                                                    </div>
286                                                                                                    <div class="mb-1">
287                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/events/french-quarter-fridays">French Quarter Fridays</a>
288                                                    </div>
289                                                                                                    <div class="mb-1">
290                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/events/signature-programs">Signature Programs</a>
291                                                    </div>
292                                                                                                    <div class="mb-1">
293                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/events/past-events">Past Events</a>
294                                                    </div>
295                                                                                                    <div class="mb-1">
296                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://my.hnoc.org/events">Get Tickets</a>
297                                                    </div>
298                                                                                            </div>
299                                            <div class="col-span-3">
300                                                                                                    <div class="font-satoshi font-medium text-carousel-title-small">
301                                                        <a class="hover:underline" href="https://hnoc.org/events/remaking-revolution-history-in-popular-culture">Remaking Revolution: History in Popular Culture</a>
302                                                    </div>
303                                                    <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]">
304                                                        <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>
305                                                    </div>
306                                                                                            </div>
307                                            <div class="col-span-3">
308                                                                                                    <a href="https://hnoc.org/events/remaking-revolution-history-in-popular-culture" target="">
309                                                        
310
311        
312        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
313                        <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%;">
314    </div>
315                                                    </a>
316                                                                                            </div>
317                                        </div>
318                                    </div>
319                                                            </div>
320                                                    <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group ">
321                                <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>
322                                                                    <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm">
323                                        <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5">
324                                            <div class="col-span-3 font-title text-carousel-quote flex items-center  uppercase ">
325                                                                                                    <a class="hover:underline" href="https://hnoc.org/research-collections">Research & Collections</a>
326                                                                                            </div>
327                                            <div class="col-span-3 border-r border-pink-blush">
328                                                                                                    <div class="mb-1">
329                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/research-collections/williams-research-center">Williams Research Center</a>
330                                                    </div>
331                                                                                                    <div class="mb-1">
332                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/research-collections/collection-highlights">Collection Highlights</a>
333                                                    </div>
334                                                                                                    <div class="mb-1">
335                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/research-collections/research-tools">Research Tools</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/prizes-fellowships">Prizes & Fellowships</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/our-buildings">Our Buildings</a>
342                                                    </div>
343                                                                                                    <div class="mb-1">
344                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://catalog.hnoc.org">Online Catalog</a>
345                                                    </div>
346                                                                                            </div>
347                                            <div class="col-span-3">
348                                                                                                    <div class="font-satoshi font-medium text-carousel-title-small">
349                                                        <a class="hover:underline" href="https://hnoc.org/research-collections/collection-highlights">Collection Highlights</a>
350                                                    </div>
351                                                    <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]">
352                                                        <p>Dive into the Collection’s holdings with image-rich previews of treasures from New Orleans history.</p>
353                                                    </div>
354                                                                                            </div>
355                                            <div class="col-span-3">
356                                                                                                    <a href="https://hnoc.org/research-collections/collection-highlights" target="">
357                                                        
358
359        
360        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
361                        <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_
361005_web.jpg?fit=cover&amp;format=webp&amp;height=1376&amp;width=2080&amp;s=vLtGV2NhzvsIFj1sI_sdU18gpFhBBnCQucbT-VeESiw 2080w" style="object-position: 50% 50%;">
362    </div>
363                                                    </a>
364                                                                                            </div>
365                                        </div>
366                                    </div>
367                                                            </div>
368                                                    <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group ">
369                                <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>
370                                                                    <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm">
371                                        <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5">
372                                            <div class="col-span-3 font-title text-carousel-quote flex items-center  uppercase ">
373                                                                                                    <a class="hover:underline" href="https://hnoc.org/learn-explore">Learn & Explore</a>
374                                                                                            </div>
375                                            <div class="col-span-3 border-r border-pink-blush">
376                                                                                                    <div class="mb-1">
377                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/learn-explore/students-families">Students & Families</a>
378                                                    </div>
379                                                                                                    <div class="mb-1">
380                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/learn-explore/educators">For Educators</a>
381                                                    </div>
382                                                                                                    <div class="mb-1">
383                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/explore">Explore Our Content</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/watch-listen">Watch & Listen</a>
387                                                    </div>
388                                                                                                    <div class="mb-1">
389                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/learn-explore/community-projects-resources">Community Projects & Resources</a>
390                                                    </div>
391                                                                                                    <div class="mb-1">
392                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/news">News & Press</a>
393                                                    </div>
394                                                                                            </div>
395                                            <div class="col-span-3">
396                                                                                                    <div class="font-satoshi font-medium text-carousel-title-small">
397                                                        <a class="hover:underline" href="https://hnoc.org/events/educator-workshop-american-revolution">Educator Workshop: “American Revolution”</a>
398                                                    </div>
399                                                    <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]">
400                                                        <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>
401                                                    </div>
402                                                                                            </div>
403                                            <div class="col-span-3">
404                                                                                                    <a href="https://hnoc.org/events/educator-workshop-american-revolution" target="">
405                                                        
406
407        
408        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
409                        <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;
409s=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%;">
410    </div>
411                                                    </a>
412                                                                                            </div>
413                                        </div>
414                                    </div>
415                                                            </div>
416                                                    <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group ">
417                                <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/publishing">Publishing</a>
418                                                                    <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm">
419                                        <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5">
420                                            <div class="col-span-3 font-title text-carousel-quote flex items-center  uppercase ">
421                                                                                                    <a class="hover:underline" href="https://hnoc.org/publishing">Publishing</a>
422                                                                                            </div>
423                                            <div class="col-span-3 border-r border-pink-blush">
424                                                                                                    <div class="mb-1">
425                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/publishing/books">Books</a>
426                                                    </div>
427                                                                                                    <div class="mb-1">
428                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/publishing/first-draft">First Draft Blog</a>
429                                                    </div>
430                                                                                                    <div class="mb-1">
431                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/publishing/quarterly">HNOC Quarterly</a>
432                                                    </div>
433                                                                                                    <div class="mb-1">
434                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/publishing/tennessee-williams-annual-review">Tennessee Williams Annual Review</a>
435                                                    </div>
436                                                                                            </div>
437                                            <div class="col-span-3">
438                                                                                                    <div class="font-satoshi font-medium text-carousel-title-small">
439                                                        <a class="hover:underline" href="https://hnoc.org/publishing/books/bunny-matthews-
439his-life-art-and-obsessions">Preorder Bunny Matthews: His Life, Art, and Obssessions</a>
440                                                    </div>
441                                                    <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]">
442                                                        <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>
443                                                    </div>
444                                                                                            </div>
445                                            <div class="col-span-3">
446                                                                                                    <a href="https://hnoc.org/publishing/books/bunny-matthews-his-life-art-and-obsessions" target="">
447                                                        
448
449        
450        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
451                        <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%;">
452    </div>
453                                                    </a>
454                                                                                            </div>
455                                        </div>
456                                    </div>
457                                                            </div>
458                                                    <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group pr-0">
459                                <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/support">Support</a>
460                                                                    <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm">
461                                        <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5">
462                                            <div class="col-span-3 font-title text-carousel-quote flex items-center  uppercase ">
463                                                                                                    <a class="hover:underline" href="https://hnoc.org/support">Support</a>
464                                                                                            </div>
465                                            <div class="col-span-3 border-r border-pink-blush">
466                                                                                                    <div class="mb-1">
467                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/support/membership">Membership</a>
468                                                    </div>
469                                                                                                    <div class="mb-1">
470                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/support/donate">Donate</a>
471                                                    </div>
472                                                                                                    <div class="mb-1">
473                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/support/sponsorships">Sponsorship</a>
474                                                    </div>
475                                                                                                    <div class="mb-1">
476                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/support/hnoc-travel">HNOC Travel</a>
477                                                    </div>
478                                                                                                    <div class="mb-1">
479                                                        <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/about">About</a>
480                                                    </div>
481                                                                                            </div>
482                                            <div class="col-span-3">
483                                                                                                    <div class="font-satoshi font-medium text-carousel-title-small">
484                                                        <a class="hover:underline" href="https://hnoc.org/events/cheers-to-60-years">Cheers to 60 Years of HNOC!</a>
485                                                    </div>
486                                                    <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]">
487                                                        <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>
488                                                    </div>
489                                                                                            </div>
490                                            <div class="col-span-3">
491                                                                                                    <a href="https://hnoc.org/events/cheers-to-60-years" target="">
492                                                        
493
494        
495        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
496                        <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%;">
497    </div>
498                                                    </a>
499                                                                                            </div>
500                                        </div>
501                                    </div>
502                                                            </div>
503                                            </div>
504                </div>
505                <div class="lg:hidden flex items-center">
506                    <div class="mr-5 font-satoshi font-medium text-[18px] sm:text-[18px] flex justify-end">
507                                                    <div class="ml-4">
508                                <a class="hover:underline" href="https://hnoc.org/visit">Visit</a>
509                            </div>
510                                                    <div class="ml-4">
511                                <a class="hover:underline" href="https://hnoc.org/events/calendar">Calendar</a>
512                            </div>
513                                            </div>
514                    <div>
515                        <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>
516                        <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>
517                    </div>
518                </div>
519            </div>
520        </div>
521        <div g-component="AnnouncementBar">
522
523        </div>
524                <div g-ref="mobileMenu"
525     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">
526    <div class="pb-4 border-b border-pink-blush text-[14px] flex justify-between items-center">
527        <div class="text-[18px]">
528            <div g-component="OpeningWidget">
529
530            </div>
531        </div>
532                    <div class="flex-shrink-0">
533                
534
535
536
537<a
538
539                target=""
540        class=" relative group overflow-hidden
541
542   border border-transparent
543   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
544        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/">
545    <span class="relative z-10 flex justify-center items-center">Tickets
546        </span>
547
548    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
549flex justify-center items-center transition-all duration-500
550      text-[--buttonBg]
551   bg-[--buttonText]
552   stroke-[--buttonBg]
553">
554        Tickets
555            </span>
556
557</a>            </div>
558            </div>
559    <div g-component="SmallFaqs">
560                    <div class="py-4 border-b border-pink-blush">
561                <div class="flex w-full items-center justify-between">
562                    <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/visit" target="">Visit</a>
563                    <button g-ref="questions" class="flex-grow flex justify-end items-center">
564                        <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">
565                    </button>
566                </div>
567                <div g-ref="answers" class="max-h-0 overflow-hidden  ">
568                    <div>
569                        <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2">
570                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/visit/tours" target="">Tours &amp; Daily Programs</a></div>
571                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/visit/getting-here" target="">Getting Here</a></div>
572                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/visit/groups" target="">Group Experiences</a></div>
573                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/visit/accessibility" target="">Accessibility</a></div>
574                                                    </div>
575                    </div>
576                </div>
577            </div>
578                    <div class="py-4 border-b border-pink-blush">
579                <div class="flex w-full items-center justify-between">
580                    <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/exhibitions" target="">Exhibitions</a>
581                    <button g-ref="questions" class="flex-grow flex justify-end items-center">
582                        <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">
583                    </button>
584                </div>
585                <div g-ref="answers" class="max-h-0 overflow-hidden  ">
586                    <div>
587                        <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2">
588                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/exhibitions" target="">Current &amp; Upcoming</a></div>
589                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/exhibitions/virtual-exhibitions" target="">Virtual</a></div>
590                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/exhibitions#vizy-block-APYEQHT1MY" target="">Traveling</a></div>
591                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/exhibitions/past-ex
591hibitions" target="">Past Exhibitions</a></div>
592                                                    </div>
593                    </div>
594                </div>
595            </div>
596                    <div class="py-4 border-b border-pink-blush">
597                <div class="flex w-full items-center justify-between">
598                    <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/events" target="">Events</a>
599                    <button g-ref="questions" class="flex-grow flex justify-end items-center">
600                        <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">
601                    </button>
602                </div>
603                <div g-ref="answers" class="max-h-0 overflow-hidden  ">
604                    <div>
605                        <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2">
606                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/events/calendar" target="">Calendar</a></div>
607                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/events" target="">Current &amp; Upcoming</a></div>
608                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/events/signature-programs" target="">Signature Programs</a></div>
609                                                    </div>
610                    </div>
611                </div>
612            </div>
613                    <div class="py-4 border-b border-pink-blush">
614                <div class="flex w-full items-center justify-between">
615                    <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/research-collections" target="">Research &amp; Collections</a>
616                    <button g-ref="questions" class="flex-grow flex justify-end items-center">
617                        <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">
618                    </button>
619                </div>
620                <div g-ref="answers" class="max-h-0 overflow-hidden  ">
621                    <div>
622                        <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2">
623                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/research-collections/williams-research-center" target="">Williams Research Center</a></div>
624                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/research-collections/collection-highlights" target="">Collection Highlights</a></div>
625                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/research-collections/research-tools" target="">Research Tools</a></div>
626                                                            <div class="text-[16px]"><a class="hover:underline" href="https://catalog.hnoc.org" target="">Online Catalog</a></div>
627                                                    </div>
628                    </div>
629                </div>
630            </div>
631                    <div class="py-4 border-b border-pink-blush">
632                <div class="flex w-full items-center justify-between">
633                    <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/learn-explore" target="">Learn &amp; Explore</a>
634                    <button g-ref="questions" class="flex-grow flex justify-end items-center">
635                        <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">
636                    </button>
637                </div>
638                <div g-ref="answers" class="max-h-0 overflow-hidden  ">
639                    <div>
640                        <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2">
641                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/learn-explore/students-families" target="">Students &amp; Families</a></div>
642                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/learn-explore/watch-listen" target="">Watch &amp; Listen</a></div>
643                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/learn-explore/educators" target="">For Educators</a></div>
644                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/learn-explore/community-projects-resources" target="">Community Projects &amp; Resources</a></div>
645                                                    </div>
646                    </div>
647                </div>
648            </div>
649                    <div class="py-4 border-b border-pink-blush">
650                <div class="flex w-full items-center justify-between">
651                    <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/publishing" target="">Publishing</a>
652                    <button g-ref="questions" class="flex-grow flex justify-end items-center">
653                        <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">
654                    </button>
655                </div>
656                <div g-ref="answers" class="max-h-0 overflow-hidden  ">
657                    <div>
658                        <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2">
659                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/publishing/first-draft" target="">First Draft Blog</a></div>
660                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/publishing/books" target="">Books</a></div>
661                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/publishing/quarterly" target="">HNOC Quarterly</a></div>
662                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/publishing/tennessee-williams-annual-review" target="">Tennessee Williams Annual Review</a></div>
663                                                    </div>
664                    </div>
665                </div>
666            </div>
667                    <div class="py-4 border-b border-pink-blush">
668                <div class="flex w-full items-center justify-between">
669                    <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/support" target="">Support</a>
670                    <button g-ref="questions" class="flex-grow flex justify-end items-center">
671                        <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">
672                    </button>
673                </div>
674                <div g-ref="answers" class="max-h-0 overflow-hidden  ">
675                    <div>
676                        <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2">
677                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/support/membership" target="">Membership</a></div>
678                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/support/donate" target="">Donate</a></div>
679                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/support/sponsorships" target="">Sponsorship</a></div>
680                                                            <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/support/hnoc-travel" target="">HNOC Travel</a></div>
681                                                    </div>
682                    </div>
683                </div>
684            </div>
685            </div>
686    <div class="text-[15px] mt-4">
687        <div class="grid grid-cols-2">
688            <div class="col-span-1">
689                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/events/calendar" target="">Calendar</a></div>
690                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/publishing/first-draft" target="">Blog</a></div>
691                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="https://shophnoc.com/" target="">Shop</a></div>
692                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="https://catalog.hnoc.org/" target="">Catalog</a></div>
693                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/news" target="">News &amp; Press</a></div>
694                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="" target=""></a></div>
695                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/careers" target="">Jobs &amp; Internships</a></div>
696                                    <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/about" target="">About</a></div>
697                            </div>
698            <div class="col-span-1">
699                <a class="mb-3 flex items-center relative " href="/explore">
700                    <svg class="fill-green absolute" width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
701    <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"/>
702</svg>
703
704                    <span class="ml-8">Search</span>
705                </a>
706                <a class="flex items-center" href="https://my.hnoc.org/account/login" target="_blank" aria-label="Login (Opens in a new tab)">
707                    <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"/>
708                    <span class="ml-8">Login</span>
709                </a>
710            </div>
711        </div>
712    </div>
713    <div class="text-[15px] py-2 pb-4 border-t border-pink-blush mt-4">
714        Connect with us
715        <div class="flex gap-x-4 mt-4">
716                            <a aria-label="instagram (opens in a new tab)" href="https://www.instagram.com/visit_hnoc" target="_blank">
717                    <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">
718    <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"/>
719</svg>
720
721                </a>
722                            <a aria-label="facebook (opens in a new tab)" href="https://www.facebook.com/THNOC/" target="_blank">
723                    <svg class="w-[24px] h-[24px] fill-green" width="26" height="26" alt="facebook" viewB
723ox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
724    <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"/>
725</svg>
726
727                </a>
728                            <a aria-label="linkedin (opens in a new tab)" href="https://www.linkedin.com/company/the-historic-new-orleans-collection/" target="_blank">
729                    <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">
730    <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"/>
731</svg>
732
733                </a>
734                            <a aria-label="emailPlatform (opens in a new tab)" href="mailto:[email protected]" target="_blank">
735                    <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">
736    <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"/>
737</svg>
738
739                </a>
740                            <a aria-label="youtube (opens in a new tab)" href="https://www.youtube.com/@visit_hnoc" target="_blank">
741                    <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>
742                </a>
743                    </div>
744    </div>
745</div>    </header>
746
747
748</div>    <main id="swup" class="pt-[72px] lg:pt-[98px] z-10 relative">
749            <div g-component="TopCarouselAjax" g-options="{&quot;preview&quot;:null}">
750        <div g-ref="inner" class="pt-[100%] sm:pt-[72%] md:pt-[54%] lg:pt-0 lg:h-[calc(100vh-98px)] relative">
751        </div>
752    </div>
753
754    <div class="bg-terra">
755        <div class="g--wrapper g--wrapper--small">
756            <div class="grid grid-cols-1 sm:grid-cols-12 gap-y-7.5 sm:gap-x-7.5 pt-[24px] pb-[24px] sm:pt-[56px] sm:pb-[50px]">
757                <div role="heading" aria-level="1" class="sm:col-span-12 md:col-span-8 text-header-page font-title g--highlight-link g--underline-offset-2">
758                    <p>A free history museum and research center devoted to the people, places, and traditions of New Orleans and the Gulf South.</p>
759                </div>
760                <div class="col-span-12 md:col-span-4 flex justify-end items-start">
761                                            <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/about">
762    About Us
763    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
764    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
765</svg>
766
767    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
768flex justify-center items-center transition-all duration-500
769stroke-white
770   bg-green
771   text-white
772">
773        About Us
774        <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
775    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
776</svg>
777
778    </span>
779
780</a>                                    </div>
781            </div>
782        </div>
783    </div>
784
785                        
786
787    <div class="mt-10 mb-10          bg-white
788 ">
789        <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4">
790            <div class="w-full flex-grow md:w-auto">
791                <h2 class="text-subtitle-page uppercase font-title">
792    Visit
793</h2>
794                            </div>
795                            <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/visit">
796    Plan Your Visit
797    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
798    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
799</svg>
800
801    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
802flex justify-center items-center transition-all duration-500
803stroke-white
804   bg-green
805   text-white
806">
807        Plan Your Visit
808        <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
809    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
810</svg>
811
812    </span>
813
814</a>                    </div>
815    </div>
816                    <div class="g--wrapper g--wrapper--small">
817    <div class="pb-10 border-b border-pink">
818                                <div class="mt-10 grid grid-cols-1 lg:grid-cols-3 gap-7.5">
819                <div>
820        <div class="flex items-center text-[18px] tracking-[2px] leading-[1.55] uppercase font-title">
821            <img class="w-[28px] mr-5" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/hours.svg" alt="Hours &amp; Location"/>            Hours &amp; Location
822        </div>
823        <div class="mt-4 text-[16px] leading-[1.5] g--plan-your-visit--copy g--highlight-link font-satoshi font-medium">
824            <p>Museum: 520 Royal Street, New Orleans, LA<br />Tuesday–Saturday, 9:30 a.m.–4:30 p.m.<br />Sunday, 10:30 a.m.–4:30 p.m.</p><p><a href="https://maps.app.goo.gl/FnzYghgRphmQPgco9">Open Maps</a><br /><a href="https://hnoc.org/contact-us#vizy-block-bIRyANmi5x">Holiday Hours</a></p>
825        </div>
826    </div>
827                <div>
828        <div class="flex items-center text-[18px] tracking-[2px] leading-[1.55] uppercase font-title">
829            <img class="w-[28px] mr-5" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/ticket--green.svg" alt="Admission"/>            Admission
830        </div>
831        <div class="mt-4 text-[16px] leading-[1.5] g--plan-your-visit--copy g--highlight-link font-satoshi font-medium">
832            <p>Admission is free, but tickets are required. Stop by the front desk or reserve tickets online. Ticket covers admission to all exhibitions and certain daily programs.</p><p><a href="https://my.hnoc.org/events?promo=ticketshome">Get Tickets</a></p>
833        </div>
834    </div>
835                <div>
836        <div class="flex items-center text-[18px] tracking-[2px] leading-[1.55] uppercase font-title">
837            <img class="w-[28px] mr-5" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/contact.svg" alt="Contact Us"/>            Contact Us
838        </div>
839        <div class="mt-4 text-[16px] leading-[1.5] g--plan-your-visit--copy g--highlight-link font-satoshi font-medium">
840            <p>Museum: (504) 523-4662 <br />Williams Research Center: (504) 598-7171<br />Mailing address: 533 Royal Street, New Orleans, LA, 70130</p><p><a href="https://hnoc.org/contact-us">Contact Form</a></p>
841        </div>
842    </div>
843        </div>
844                </div>
845</div>                    
846
847    <div class="mt-10 mb-10          bg-white
848 ">
849        <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4">
850            <div class="w-full flex-grow md:w-auto">
851                <h2 class="text-subtitle-page uppercase font-title">
852    Current Exhibitions
853</h2>
854                            </div>
855                            <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/exhibitions">
856    View More
857    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
858    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
859</svg>
860
861    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
862flex justify-center items-center transition-all duration-500
863stroke-white
864   bg-green
865   text-white
866">
867        View More
868        <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
869    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
870</svg>
871
872    </span>
873
874</a>                    </div>
875    </div>
876                                                        
877<div class="g--wrapper g--wrapper--small my-12 c--node">
878    <div class="grid grid-cols-1 sm:grid-cols-2 gap-7.5 gap-y-12 border-b border-pink pb-6">
879                    <div class="">
880                <a href="https://hnoc.org/exhibitions/american-revolution" class="block group">
881                        <div class="">
882        
883
884        
885        <div class="overflow-hidden relative" style="padding-top:71.923076923077%">
886                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="American Revolution poster 1" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/American-Revolution-poster-1.jpg?fit=cover&amp;gravity%5Bx%5D=0.4943&amp;gravity%5By%5D=0.4955&amp;width=260&amp;s=CBnySNmKsXnMztDUpbYiXymBlP16yiZZVr5gEz8G0XY" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/American-Revolution-poster-1.jpg?fit=cover&amp;gravity%5Bx%5D=0.4943&amp;gravity%5By%5D=0.4955&amp;format=webp&amp;height=187&amp;width=260&amp;s=KCHSD_yoQ4meDiLDP2bSQ6CSMCYVd6f-yNwxkp9wHvg 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/American-Revolution-poster-1.jpg?fit=cover&amp;gravity%5Bx%5D=0.4943&amp;gravity%5By%5D=0.4955&amp;format=webp&amp;height=374&amp;width=520&amp;s=QaEmaJ1I41cesX9dJsW_udDXRL75vbW2jz6KNqM2o1E 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/American-Revolution-poster-1.jpg?fit=cover&amp;gravity%5Bx%5D=0.4943&amp;gravity%5By%5D=0.4955&amp;format=webp&amp;height=748&amp;width=1040&amp;s=2mJJEPIkv2VGrXAokaTAbwkLsDP4tj-vs_gsnDtqUo8 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/American-Revolution-poster-1.jpg?fit=cover&amp;gravity%5Bx%5D=0.4943&amp;gravity%5By%5D=0.4955&amp;format=webp&amp;height=1079&amp;width=1500&amp;s=e0-hd5IAhlzjfZr5mXa_Q4oiGHTDKwSUgIjJ7i9qUXE 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/American-Revolution-poster-1.jpg?fit=cover&amp;gravity%5Bx%5D=0.4943&amp;gravity%5By%5D=0.4955&amp;format=webp&amp;height=1496&amp;width=2080&amp;s=A1kMV4_dUVMiGLHqvCp_SAIuZuXMhOIp7RavGbhKSoY 2080w" style="object-position: 49.43% 49.55%;">
887    </div>
888    </div>
889                </a>
890                <div class="pt-12 relative    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-['']
891">
892                    <div class="max-w-[430px] mx-auto text-center">
893                                                        <div class="
894        uppercase font-title
895    tracking-[2px] leading-[1.125]
896            text-[14px] sm:text-[16px]  mb-2 ">
897        Colonial Wars & Conflicts
898    </div>
899                        
900                        <h2 class="text-content-quote mt-6">
901                            <a href="https://hnoc.org/exhibitions/american-revolution">American Revolution: The Augmented Exhibition</a>
902                        </h2>
903                        <div class="mt-4">
904                                <div class="text-[16px] sm:text-[18px] leading-[1.5] font-satoshi font-medium">
905                                        March 20, 2026 to January 17, 2027
906    </div>                        </div>
907                        <div class="mt-6">
908                            
909
910
911
912<a
913
914                target=""
915        class=" relative group overflow-hidden
916
917   border border-transparent
918   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
919        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/exhibitions/american-revolution">
920    <span class="relative z-10 flex justify-center items-center">View
921                    <svg class="ml-2" width="7" height="10" viewB
921ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
922    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
923</svg>
924
925        </span>
926
927    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
928flex justify-center items-center transition-all duration-500
929      text-[--buttonBg]
930   bg-[--buttonText]
931   stroke-[--buttonBg]
932">
933        View
934                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
935    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
936</svg>
937
938            </span>
939
940</a>                        </div>
941                    </div>
942                </div>
943            </div>
944                    <div class="">
945                <a href="https://hnoc.org/exhibitions/bunny-matthews" class="block group">
946                        <div class="">
947        
948
949        
950        <div class="overflow-hidden relative" style="padding-top:71.923076923077%">
951                        <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=187&amp;width=260&amp;s=Wy55rPCLWhC5jIybKn13ztWz7v7o1Um-juy1ucEcDgU 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=374&amp;width=520&amp;s=Db2vVFEjrRHCeAyGCiOiKB1sikPQrOYlPUhFR3tqgU0 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=748&amp;width=1040&amp;s=aiSkw-XiuLhjbBT6QreVwR86t6rGXR5gZeV9dl4zsko 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=1079&amp;width=1500&amp;s=7eLwdPAGXfeHvibt3krB_n_p9ElYpEu0xYsjAHmrmsE 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=1496&amp;width=2080&amp;s=OvojFYs2RU4WxyFHKrQIwkhnsfy_GCHcNq_6tH0uOPo 2080w" style="object-position: 81.1% 34.43%;">
952    </div>
953    </div>
954                </a>
955                <div class="pt-12 relative ">
956                    <div class="max-w-[430px] mx-auto text-center">
957                                                        <div class="
958        uppercase font-title
959    tracking-[2px] leading-[1.125]
960            text-[14px] sm:text-[16px]  mb-2 ">
961        Visual Art & Artists
962    </div>
963                        
964                        <h2 class="text-content-quote mt-6">
965                            <a href="https://hnoc.org/exhibitions/bunny-matthews">Bunny Matthews: His Life, Art, and Obsessions</a>
966                        </h2>
967                        <div class="mt-4">
968                                <div class="text-[16px] sm:text-[18px] leading-[1.5] font-satoshi font-medium">
969                                        September 18, 2026 to May 9, 2027
970    </div>                        </div>
971                        <div class="mt-6">
972                            
973
974
975
976<a
977
978                target=""
979        class=" relative group overflow-hidden
980
981   border border-transparent
982   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
983        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/exhibitions/bunny-matthews">
984    <span class="relative z-10 flex justify-center items-center">View
985                    <svg class="ml-2" width="7" height="10" viewB
985ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
986    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
987</svg>
988
989        </span>
990
991    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
992flex justify-center items-center transition-all duration-500
993      text-[--buttonBg]
994   bg-[--buttonText]
995   stroke-[--buttonBg]
996">
997        View
998                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
999    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1000</svg>
1001
1002            </span>
1003
1004</a>                        </div>
1005                    </div>
1006                </div>
1007            </div>
1008                    <div class="">
1009                <a href="https://hnoc.org/exhibitions/musicians-in-art" class="block group">
1010                        <div class="">
1011        
1012
1013        
1014        <div class="overflow-hidden relative" style="padding-top:71.923076923077%">
1015                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="2020 0323 2 001 recto o10" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0323.2_001_recto_o10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5567&amp;gravity%5By%5D=0.9057&amp;width=260&amp;s=0sJdZ-4uysA_LXkDSXYCpG30hvNOGbp6bM5ATnDBOl4" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0323.2_001_recto_o10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5567&amp;gravity%5By%5D=0.9057&amp;format=webp&amp;height=187&amp;width=260&amp;s=DfhmhgEaDP6Px_9aTj8E02Hq1rtgB5WaEFOQxAL9lFo 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0323.2_001_recto_o10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5567&amp;gravity%5By%5D=0.9057&amp;format=webp&amp;height=374&amp;width=520&amp;s=d9aWfFJ_KNcIVeKk4W1RpLSoT8JIuU22e-OsQ20JVxw 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0323.2_001_recto_o10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5567&amp;gravity%5By%5D=0.9057&amp;format=webp&amp;height=748&amp;width=1040&amp;s=5ahc2nDfmEMGkCP9AMHx618LMx0LiWNvLmymgg0rlh8 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0323.2_001_recto_o10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5567&amp;gravity%5By%5D=0.9057&amp;format=webp&amp;height=1079&amp;width=1500&amp;s=zv1j-k8M-jso7VJHDv450w6ITVjIdZzUpyUbDtoXFRA 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0323.2_001_recto_o10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5567&amp;gravity%5By%5D=0.9057&amp;format=webp&amp;height=1496&amp;width=2080&amp;s=vbuHz2g30nDyvW6e_Tsg0Cyi57bJObGPKNZuFRuEK-A 2080w" style="object-position: 55.67% 90.57%;">
1016    </div>
1017    </div>
1018                </a>
1019                <div class="pt-12 relative ">
1020                    <div class="max-w-[430px] mx-auto text-center">
1021                                                        <div class="
1022        uppercase font-title
1023    tracking-[2px] leading-[1.125]
1024            text-[14px] sm:text-[16px]  mb-2 ">
1025        Music & Musicians
1026    </div>
1027                        
1028                        <h2 class="text-content-quote mt-6">
1029                            <a href="https://hnoc.org/exhibitions/musicians-in-art">New Orleans Musicians in Art: Selections from the Permanent Collection</a>
1030                        </h2>
1031                        <div class="mt-4">
1032                                <div class="text-[16px] sm:text-[18px] leading-[1.5] font-satoshi font-medium">
1033                                        November 4, 2025 to May 16, 2027
1034    </div>                        </div>
1035                        <div class="mt-6">
1036                            
1037
1038
1039
1040<a
1041
1042                target=""
1043        class=" relative group overflow-hidden
1044
1045   border border-transparent
1046   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
1047        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/exhibitions/musicians-in-art">
1048    <span class="relative z-10 flex justify-center items-center">View
1049                    <svg class="ml-2" width="7" height="10" viewB
1049ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1050    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1051</svg>
1052
1053        </span>
1054
1055    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1056flex justify-center items-center transition-all duration-500
1057      text-[--buttonBg]
1058   bg-[--buttonText]
1059   stroke-[--buttonBg]
1060">
1061        View
1062                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1063    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1064</svg>
1065
1066            </span>
1067
1068</a>                        </div>
1069                    </div>
1070                </div>
1071            </div>
1072                    <div class="">
1073                <a href="https://hnoc.org/exhibitions/two-portraits-by-julien-hudson" class="block group">
1074                        <div class="">
1075        
1076
1077        
1078        <div class="overflow-hidden relative" style="padding-top:71.923076923077%">
1079                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Free Black man wearing a turban (detail), 1835, oil painting by Julien Hudson." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0300.2_003_detail3.jpg?fit=cover&amp;gravity%5Bx%5D=0.2653&amp;gravity%5By%5D=0.6731&amp;width=260&amp;s=Vhb1tIgDlooTaRdWBOWPIRymwhLQKqKZKV-wMvGxjVE" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0300.2_003_detail3.jpg?fit=cover&amp;gravity%5Bx%5D=0.2653&amp;gravity%5By%5D=0.6731&amp;format=webp&amp;height=187&amp;width=260&amp;s=E_gB0DNcScxEL06gc7FRrKvdy0U6Gr70RiR1TsdWQXM 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0300.2_003_detail3.jpg?fit=cover&amp;gravity%5Bx%5D=0.2653&amp;gravity%5By%5D=0.6731&amp;format=webp&amp;height=374&amp;width=520&amp;s=Mam2iY5pve8tx-2Hz8eFB7qwHc_i5B9U0QZ7ThndrWE 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0300.2_003_detail3.jpg?fit=cover&amp;gravity%5Bx%5D=0.2653&amp;gravity%5By%5D=0.6731&amp;format=webp&amp;height=748&amp;width=1040&amp;s=EiUOra-9JQrOh4QrL6BgqPQP-Jl3c4Ktw3RVKem4OAo 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0300.2_003_detail3.jpg?fit=cover&amp;gravity%5Bx%5D=0.2653&amp;gravity%5By%5D=0.6731&amp;format=webp&amp;height=1079&amp;width=1500&amp;s=zwbVxzkzAuKVbQKmOPvpT8qFV7KIVaTDC3_ncK4Rhl8 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0300.2_003_detail3.jpg?fit=cover&amp;gravity%5Bx%5D=0.2653&amp;gravity%5By%5D=0.6731&amp;format=webp&amp;height=1496&amp;width=2080&amp;s=qJCYft6y6I46BgiFhtMwR1H9EMM7ea7gTDPeRE2p21g 2080w" style="object-position: 26.53% 67.31%;">
1080    </div>
1081    </div>
1082                </a>
1083                <div class="pt-12 relative ">
1084                    <div class="max-w-[430px] mx-auto text-center">
1085                                                        <div class="
1086        uppercase font-title
1087    tracking-[2px] leading-[1.125]
1088            text-[14px] sm:text-[16px]  mb-2 ">
1089        Visual Art & Artists
1090    </div>
1091                        
1092                        <h2 class="text-content-quote mt-6">
1093                            <a href="https://hnoc.org/exhibitions/two-portraits-by-julien-hudson">Two Portraits by Julien Hudson</a>
1094                        </h2>
1095                        <div class="mt-4">
1096                                <div class="text-[16px] sm:text-[18px] leading-[1.5] font-satoshi font-medium">
1097                                        Ongoing
1098    </div>                        </div>
1099                        <div class="mt-6">
1100                            
1101
1102
1103
1104<a
1105
1106                target=""
1107        class=" relative group overflow-hidden
1108
1109   border border-transparent
1110   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
1111        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/exhibitions/two-portraits-by-julien-hudson">
1112    <span class="relative z-10 flex justify-center items-center">View
1113                    <svg class="ml-2" width="7" height="10" viewB
1113ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1114    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1115</svg>
1116
1117        </span>
1118
1119    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1120flex justify-center items-center transition-all duration-500
1121      text-[--buttonBg]
1122   bg-[--buttonText]
1123   stroke-[--buttonBg]
1124">
1125        View
1126                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1127    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1128</svg>
1129
1130            </span>
1131
1132</a>                        </div>
1133                    </div>
1134                </div>
1135            </div>
1136                    <div class="">
1137                <a href="https://hnoc.org/exhibitions/a-vanishing-bounty" class="block group">
1138                        <div class="">
1139        
1140
1141        
1142        <div class="overflow-hidden relative" style="padding-top:71.923076923077%">
1143                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Illustration of a brown pelican perched on a branch with green leaves in the background. The bird has a long beak and distinctive brown, white, and yellow plumage. The botanical details add a naturalistic setting." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.15.1_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.6499&amp;gravity%5By%5D=0.143&amp;width=260&amp;s=LMsTVeGdJURuu_S7aCP1fffwW0XEreIm9lW8fgjVr8I" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.15.1_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.6499&amp;gravity%5By%5D=0.143&amp;format=webp&amp;height=187&amp;width=260&amp;s=DsMyNUTHgvJgGrGtqvgjNmXPJvpBDWYher4NbtEjw-4 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.15.1_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.6499&amp;gravity%5By%5D=0.143&amp;format=webp&amp;height=374&amp;width=520&amp;s=DkjMnn6GCuXbkyF-IiVyj5iD0UGpBxtNCXh188eaexs 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.15.1_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.6499&amp;gravity%5By%5D=0.143&amp;format=webp&amp;height=748&amp;width=1040&amp;s=i0BcIBKga7lX6Vnk0ka1nmLqrNEdqildyYzDk5vuBZM 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.15.1_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.6499&amp;gravity%5By%5D=0.143&amp;format=webp&amp;height=1079&amp;width=1500&amp;s=0g_vC9ErvyCSUL_JKO9qR6Ie7gpj_aw9KiiuHDvN-ZU 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.15.1_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.6499&amp;gravity%5By%5D=0.143&amp;format=webp&amp;height=1496&amp;width=2080&amp;s=jji0U9ugJstYhyi2YSAikI9im1s3I6q6CkMIUCwd_Z0 2080w" style="object-position: 64.99% 14.3%;">
1144    </div>
1145    </div>
1146                </a>
1147                <div class="pt-12 relative ">
1148                    <div class="max-w-[430px] mx-auto text-center">
1149                                                        <div class="
1150        uppercase font-title
1151    tracking-[2px] leading-[1.125]
1152            text-[14px] sm:text-[16px]  mb-2 ">
1153        Land Loss & Climate Change
1154    </div>
1155                        
1156                        <h2 class="text-content-quote mt-6">
1157                            <a href="https://hnoc.org/exhibitions/a-vanishing-bounty">A Vanishing Bounty: Louisiana’s Coastal Environment and Culture</a>
1158                        </h2>
1159                        <div class="mt-4">
1160                                <div class="text-[16px] sm:text-[18px] leading-[1.5] font-satoshi font-medium">
1161                                        Ongoing
1162    </div>                        </div>
1163                        <div class="mt-6">
1164                            
1165
1166
1167
1168<a
1169
1170                target=""
1171        class=" relative group overflow-hidden
1172
1173   border border-transparent
1174   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
1175        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/exhibitions/a-vanishing-bounty">
1176    <span class="relative z-10 flex justify-center items-center">View
1177                    <svg class="ml-2" width="7" height="10" viewB
1177ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1178    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1179</svg>
1180
1181        </span>
1182
1183    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1184flex justify-center items-center transition-all duration-500
1185      text-[--buttonBg]
1186   bg-[--buttonText]
1187   stroke-[--buttonBg]
1188">
1189        View
1190                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1191    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1192</svg>
1193
1194            </span>
1195
1196</a>                        </div>
1197                    </div>
1198                </div>
1199            </div>
1200                    <div class="">
1201                <a href="https://hnoc.org/exhibitions/french-quarter-life" class="block group">
1202                        <div class="">
1203        
1204
1205        
1206        <div class="overflow-hidden relative" style="padding-top:71.923076923077%">
1207                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="French Quarter street scene showing at 710 Toulouse Street, and corner of shuttered building at 714 Toulouse, with a man walking along the street in the darkness, his shadow falling upon the wall. Shows cat beside colonnette supporting balcony, a street light, double doorway of the gateway, laundry hanging on second floor of 710 Toulouse, and ironwork balcony of 714 Toulouse. Shows partial view of balcony and building at corner of Toulouse and Royal Streets." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.91.4_000_no-frame_polarizer_o10.jpg?fit=cover&amp;width=260&amp;s=3QlC3iLsykleBn9Fn-lrKQr4nPzqsvfgd_OSu5leZ_M" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.91.4_000_no-frame_polarizer_o10.jpg?fit=cover&amp;format=webp&amp;height=187&amp;width=260&amp;s=z5UaFt5AhBqMGqMh0ZJ1iLUhNW1TVfk_aWA__QKPgF0 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.91.4_000_no-frame_polarizer_o10.jpg?fit=cover&amp;format=webp&amp;height=374&amp;width=520&amp;s=WKJNc85oN5zVRQaY0P61a5wsefg0zPQqxkIfGNr77C8 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.91.4_000_no-frame_polarizer_o10.jpg?fit=cover&amp;format=webp&amp;height=748&amp;width=1040&amp;s=17eSubG2ImdMdFqlHsMXYQWXlLvb408at3gi2pw29uo 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.91.4_000_no-frame_polarizer_o10.jpg?fit=cover&amp;format=webp&amp;height=1079&amp;width=1500&amp;s=1MHVQmSsq-ssfL4QrP073qPSfsaxhalpaJ8bUylL3fc 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.91.4_000_no-frame_polarizer_o10.jpg?fit=cover&amp;format=webp&amp;height=1496&amp;width=2080&amp;s=cxlczXeYZzK2lPYBTDXAdLLMJWu4AcMF2Fz6u9ax9hA 2080w" style="object-position: 50% 50%;">
1208    </div>
1209    </div>
1210                </a>
1211                <div class="pt-12 relative ">
1212                    <div class="max-w-[430px] mx-auto text-center">
1213                                                        <div class="
1214        uppercase font-title
1215    tracking-[2px] leading-[1.125]
1216            text-[14px] sm:text-[16px]  mb-2 ">
1217        French Quarter Life
1218    </div>
1219                        
1220                        <h2 class="text-content-quote mt-6">
1221                            <a href="https://hnoc.org/exhibitions/french-quarter-life">French Quarter Life: People and Places in the Vieux Carré</a>
1222                        </h2>
1223                        <div class="mt-4">
1224                                <div class="text-[16px] sm:text-[18px] leading-[1.5] font-satoshi font-medium">
1225                                        Ongoing
1226    </div>                        </div>
1227                        <div class="mt-6">
1228                            
1229
1230
1231
1232<a
1233
1234                target=""
1235        class=" relative group overflow-hidden
1236
1237   border border-transparent
1238   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
1239        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/exhibitions/french-quarter-life">
1240    <span class="relative z-10 flex justify-center items-center">View
1241                    <svg class="ml-2" width="7" height="10" viewB
1241ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1242    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1243</svg>
1244
1245        </span>
1246
1247    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1248flex justify-center items-center transition-all duration-500
1249      text-[--buttonBg]
1250   bg-[--buttonText]
1251   stroke-[--buttonBg]
1252">
1253        View
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</a>                        </div>
1261                    </div>
1262                </div>
1263            </div>
1264                    <div class="">
1265                <a href="https://hnoc.org/exhibitions/french-quarter-galleries" class="block group">
1266                        <div class="">
1267        
1268
1269        
1270        <div class="overflow-hidden relative" style="padding-top:71.923076923077%">
1271                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Antique map of a city grid with detailed plots, streets, and buildings. It includes a compass rose and features ships sailing on the river at the bottom. The layout is intricate, showcasing a geometrically organized urban plan." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1939.8_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5014&amp;gravity%5By%5D=0.7574&amp;width=260&amp;s=XANsCq63xlcIl8WDl56_nDdZ4Ruph50s_2MYkfpmQcg" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1939.8_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5014&amp;gravity%5By%5D=0.7574&amp;format=webp&amp;height=187&amp;width=260&amp;s=ou0FiUrCSA9L5cAVkr2jd124CPI9ADaYpm2NMKpxXm8 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1939.8_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5014&amp;gravity%5By%5D=0.7574&amp;format=webp&amp;height=374&amp;width=520&amp;s=68BVb-Vj6IC6VlyENeD8dnQSfR2N4HGaqfWJcf847bw 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1939.8_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5014&amp;gravity%5By%5D=0.7574&amp;format=webp&amp;height=748&amp;width=1040&amp;s=a8RkBoLwFa1hjemigfVp9IXzW4ODyG5t0vfPZl3HI-c 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1939.8_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5014&amp;gravity%5By%5D=0.7574&amp;format=webp&amp;height=1079&amp;width=1500&amp;s=mmuHuPPV9MddwDErIzz8Zoz2_PuRFy7NIgMZSJQJd14 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1939.8_o6.jpg?fit=cover&amp;gravity%5Bx%5D=0.5014&amp;gravity%5By%5D=0.7574&amp;format=webp&amp;height=1496&amp;width=2080&amp;s=hk4CXTeMRVIFAE8YmYD0xSKgpXyU1mxOMDpGGrYGj44 2080w" style="object-position: 50.14% 75.74%;">
1272    </div>
1273    </div>
1274                </a>
1275                <div class="pt-12 relative ">
1276                    <div class="max-w-[430px] mx-auto text-center">
1277                                                        <div class="
1278        uppercase font-title
1279    tracking-[2px] leading-[1.125]
1280            text-[14px] sm:text-[16px]  mb-2 ">
1281        French Quarter Life
1282    </div>
1283                        
1284                        <h2 class="text-content-quote mt-6">
1285                            <a href="https://hnoc.org/exhibitions/french-quarter-galleries">French Quarter Galleries</a>
1286                        </h2>
1287                        <div class="mt-4">
1288                                <div class="text-[16px] sm:text-[18px] leading-[1.5] font-satoshi font-medium">
1289                                        Ongoing
1290    </div>                        </div>
1291                        <div class="mt-6">
1292                            
1293
1294
1295
1296<a
1297
1298                target=""
1299        class=" relative group overflow-hidden
1300
1301   border border-transparent
1302   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
1303        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/exhibitions/french-quarter-galleries">
1304    <span class="relative z-10 flex justify-center items-center">View
1305                    <svg class="ml-2" width="7" height="10" viewB
1305ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1306    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1307</svg>
1308
1309        </span>
1310
1311    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1312flex justify-center items-center transition-all duration-500
1313      text-[--buttonBg]
1314   bg-[--buttonText]
1315   stroke-[--buttonBg]
1316">
1317        View
1318                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1319    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1320</svg>
1321
1322            </span>
1323
1324</a>                        </div>
1325                    </div>
1326                </div>
1327            </div>
1328            </div>
1329</div>                    
1330    <div class="mb-12 c--node         bg-white
1331 mt-12">
1332        <div class="c--node g--wrapper g--wrapper--small">
1333            <div class="pb-12  border-b border-pink">
1334                                                            <div class="">
1335                            
1336
1337
1338
1339<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
1340    <div class="col-span-12
1341    md:col-span-5 ">
1342
1343        
1344
1345
1346
1347<div>
1348        <div class="
1349        uppercase font-title
1350    tracking-[2px] leading-[1.125]
1351            text-[14px] sm:text-[16px]  mb-2 ">
1352        Visit
1353    </div>
1354            <h3 class="text-title-halfintro mb-6">
1355                            <a class="" href="https://hnoc.org/visit/tours">Tours &amp; Daily Programs</a>
1356                    </h3>
1357                    <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">
1358            <p>Get more out of your museum visit with a guided tour, Shortcut Talk, or daily program.</p>
1359        </div>
1360    
1361    <div class="flex items-center">
1362                    
1363
1364
1365
1366<a
1367
1368                target=""
1369        class=" relative group overflow-hidden
1370
1371   border border-transparent
1372   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
1373        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/tours">
1374    <span class="relative z-10 flex justify-center items-center">View
1375                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1376    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1377</svg>
1378
1379        </span>
1380
1381    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1382flex justify-center items-center transition-all duration-500
1383      text-[--buttonBg]
1384   bg-[--buttonText]
1385   stroke-[--buttonBg]
1386">
1387        View
1388                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1389    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1390</svg>
1391
1392            </span>
1393
1394</a>                            </div>
1395</div>    </div>
1396
1397    
1398                    <div class="col-span-12 md:col-span-6 md:col-start-7 ">
1399                                                                                                                                                        <a class="block cursor-pointer group" href="https://hnoc.org/visit/tours">                    
1400
1401        
1402        <div class="overflow-hidden relative" style="padding-top:68.461538461538%">
1403                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A guide gestures towards a historical photograph on the wall while speaking to a man and a woman in a gallery setting. The wall has an exhibit description titled A Most Dreadful Visitation: Frederick Douglass and The 1887 Riot." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20240307_MysteryandBenevolencewithMysticBrotherhood_ExhibitOpeningReception_MC067_adj_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.417&amp;width=260&amp;s=SGAx14DnTQvpacyVzJXJsnulEXx3xw-8AneX4xbRhPQ" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20240307_Mystery
1403andBenevolencewithMysticBrotherhood_ExhibitOpeningReception_MC067_adj_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.417&amp;format=webp&amp;height=178&amp;width=260&amp;s=VaEyxtKaOpNoBQHGWSEWU1r80yLWX0NIWgI5YYo353E 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20240307_MysteryandBenevolencewithMysticBrotherhood_ExhibitOpeningReception_MC067_adj_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.417&amp;format=webp&amp;height=356&amp;width=520&amp;s=R4DcFnqObFCtdNjqS3MY_DQK0ACcT3MiWHkTxnclkSI 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20240307_MysteryandBenevolencewithMysticBrotherhood_ExhibitOpeningReception_MC067_adj_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.417&amp;format=webp&amp;height=712&amp;width=1040&amp;s=3GRSTBctsCj1PCYnNPqNU-6WIVF1HOVPedZ-Q5jrKds 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20240307_MysteryandBenevolencewithMysticBrotherhood_ExhibitOpeningReception_MC067_adj_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.417&amp;format=webp&amp;height=1027&amp;width=1500&amp;s=AQHSfKDrTm-RfbMSVi7jYQg_OVjz_TZKkA39qpbYfU0 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20240307_MysteryandBenevolencewithMysticBrotherhood_ExhibitOpeningReception_MC067_adj_web.jpg?fit=cover&amp;gravity%5Bx%5D=0.5011&amp;gravity%5By%5D=0.417&amp;format=webp&amp;height=1424&amp;width=2080&amp;s=HxtH7CsRwM428XZfsnMt9yXcD3HYF56bvD_DqIPFrjI 2080w" style="object-position: 50.11% 41.7%;">
1404    </div>
1405                </a>            </div>
1406            </div>
1407                        </div>
1408                                                </div>
1409        </div>
1410    </div>
1411                        
1412
1413    <div class="c--remove-previous-border lg:mt-12 py-15 bg-purple flex items-center justify-center flex-col c--remove-previous-border text-center">
1414        <div class="g--wrapper">
1415                <div class="
1416        uppercase font-title
1417    tracking-[2px] leading-[1.125]
1418            text-[14px] sm:text-[16px]  mb-2 ">
1419        Visit
1420    </div>
1421            <h3 class="text-subtitle-page mt-2 font-title uppercase"><p>Museum Admission is Always Free
</p></h3>
1422                            <div class="mt-10">
1423                    
1424
1425
1426
1427<a
1428
1429                target=""
1430        class="get-tickets-banner relative group overflow-hidden
1431
1432   border border-transparent
1433   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
1434        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/events?promo=ticketshome">
1435    <span class="relative z-10 flex justify-center items-center">Get Tickets
1436                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1437    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1438</svg>
1439
1440        </span>
1441
1442    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1443flex justify-center items-center transition-all duration-500
1444      text-[--buttonBg]
1445   bg-[--buttonText]
1446   stroke-[--buttonBg]
1447">
1448        Get Tickets
1449                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1450    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1451</svg>
1452
1453            </span>
1454
1455</a>                </div>
1456                    </div>
1457    </div>
1458                    
1459
1460    <div class="mt-10 mb-10          bg-white
1461 ">
1462        <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4">
1463            <div class="w-full flex-grow md:w-auto">
1464                <h2 class="text-subtitle-page uppercase font-title">
1465    Latest News
1466</h2>
1467                            </div>
1468                            <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">
1469    Browse All
1470    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1471    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1472</svg>
1473
1474    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1475flex justify-center items-center transition-all duration-500
1476stroke-white
1477   bg-green
1478   text-white
1479">
1480        Browse All
1481        <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1482    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1483</svg>
1484
1485    </span>
1486
1487</a>                    </div>
1488    </div>
1489                    <div class="g--wrapper g--wrapper--small my-12">
1490    
1491<div class="w-full md:w-[calc(100%+2rem)] lg:w-[calc(100%+3rem-var(--scrollbar-width))] xl:w-[calc(100%+50vw-610px+3.5rem-var(--scrollbar-width)))] flex swiper" g-component="CarouselSwiper">
1492    <div class="swiper-wrapper ">
1493                                                                                                                                                                                                                                                                            <div class="min-h-full flex swiper-slide !h-auto lg:!w-[35%]
1494            p-1
1495">
1496                <div class="flex-grow flex flex-col pb-5 h-full">
1497                    <a class="group" href="https://hnoc.org/news/hnoc-hosts-her-majesty-queen-sofia-of-spain-for-america-spain250-symposium-september-24-26">
1498                                                    <div class="hidden sm:block">
1499                                
1500
1501        
1502        <div class="overflow-hidden relative" style="padding-top:66.153846153846%">
1503                        <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=172&amp;width=260&amp;s=rKJk8-nps_5cwqUSFzwfuUJ943qYfFnEA1dfj_AHVWY 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=344&amp;width=520&amp;s=kY6mw25PxN1Y5kUXbP_-D7UGlzgEeAfaADo-ddnXnzs 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=688&amp;width=1040&amp;s=H9_TIMsJWV07DBzzjCpj1VsybCGXdD9Q1wqKe2weGdg 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=993&amp;width=1500&amp;s=YXwEiM5WeLOt0ivDD-UHK149Nc7rgzIYpdopiLIySHM 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=1376&amp;width=2080&amp;s=XvCz7P6l06oEn7c2JfrpVAqJuJuljWHzEKWaaPS_veM 2080w" style="object-position: 50% 50%;">
1504    </div>
1505                            </div>
1506                            <div class=" sm:hidden">
1507                                
1508
1509        
1510        <div class="overflow-hidden relative" style="padding-top:50%">
1511                        <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=130&amp;width=260&amp;s=ASEH1haOQbFUHPpsQtH-3AsAQgSqcupWZf6d7N0krFI 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=260&amp;width=520&amp;s=QS7dm7J-aMYHoH3nNpnNROGggREngje8k76oVJzbQvM 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=520&amp;width=1040&amp;s=KnRl_RKATehYPX1lvz3EqlF1kkZ-kPaa0juSoT2IOmM 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=750&amp;width=1500&amp;s=NRV2DnOKvXwQOlwpAlrLE_sk8Dsp1q1lQBk2VQYIa1w 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=1040&amp;width=2080&amp;s=3Q_Vhymw8n32Pi89cLzqcSLorNnA6xWCnTUw5NjAN9M 2080w" style="object-position: 50% 50%;">
1512    </div>
1513                            </div>
1514                                            </a>
1515                    <div class="flex-grow px-4 py-3 md:px-7 md:py-6 c--square-section-dropshadow">
1516                        <h2 class="font-title lg:text-carousel-title"><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></h2>
1517                        <div class="font-satoshi text-[16px] sm:text-[18px] mt-2 font-medium">
1518                                                            Presented September 24–26, the symposium offered an engaging exploration of Spanish Louisiana’s strategic, social, and cultural role during the American Revolution.
1519                                                    </div>
1520                        <div class="mt-4">
1521                            
1522<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">
1523    Learn More
1524    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1525    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1526</svg>
1527
1528</a>                        </div>
1529                    </div>
1530                </div>
1531            </div>
1532                                                                                                                                                    <div class="min-h-full flex swiper-slide !h-auto lg:!w-[22.15%]
1533            p-1
1534">
1535                <div class="flex-grow flex flex-col pb-5 h-full">
1536                    <a class="group" href="https://hnoc.org/news/gambit-weekly-spotlights-bunny-matthews-book-and-exhibition">
1537                                                    <div class="hidden sm:block">
1538                                
1539
1540        
1541        <div class="overflow-hidden relative" style="padding-top:100%">
1542                        <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=260&amp;width=260&amp;s=y2M4TFpoAenlyTgBRZzTcnWOh-1-tMYllW1Z98v_Deg 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=520&amp;width=520&amp;s=7iSGM9Hmk_tamIp1n7if85EaYudDoyAQSOR0UhBjCPo 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=1040&amp;width=1040&amp;s=vJPwPB-923pt_mby2iR9mTzpgM0ya85cMS3luXY5dY0 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=1500&amp;width=1500&amp;s=8SGcU27xy0Si4UIl9gV_Q-p_7CySlaUz0Oo4qUNrCI4 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=2080&amp;width=2080&amp;s=f46v10LgYPA_vyt0yGQJidDgPlvzRAvNFyc7ouvatiY 2080w" style="object-position: 70.37% 55.31%;">
1543    </div>
1544                            </div>
1545                            <div class=" sm:hidden">
1546                                
1547
1548        
1549        <div class="overflow-hidden relative" style="padding-top:50%">
1550                        <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=130&amp;width=260&amp;s=snqUmDzTfpeREBxMzYdZ2dwT82xTE6EXyGOqd9zk84k 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=260&amp;width=520&amp;s=jxE3fxIkxuE8Sr_5GsmwLQw8_77I0Yz9AIrkqHUMLPU 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=520&amp;width=1040&amp;s=8DmGcIyo2_K0DW1Z1UZESvItGh2rE2H01NNH1rTMkPc 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=750&amp;width=1500&amp;s=lSGmwI0NMtQ5-aWOwzVsjrAmQ_UqU94ETuC0m6piKWM 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=1040&amp;width=2080&amp;s=92ACIkZehydQRIMPt86PiNIseDIlwA6pSI5AJYWu5f4 2080w" style="object-position: 70.37% 55.31%;">
1551    </div>
1552                            </div>
1553                                            </a>
1554                    <div class="flex-grow px-4 py-3 md:px-7 md:py-6 c--square-section-dropshadow">
1555                        <h2 class="font-title text-carousel-title-small"><a href="https://hnoc.org/news/gambit-weekly-spotlights-bunny-matthews-book-and-exhibition">Gambit Weekly Spotlights Upcoming Bunny Matthews Book and Exhibition</a></h2>
1556                        <div class="font-satoshi text-[16px] sm:text-[18px] mt-2 font-medium">
1557                                                            The article and podcast episode preview HNOC’s exhibition and book, “Bunny Matthews: His Life, Art, and Obsessions,” launching September 18.
1558                                                    </div>
1559                        <div class="mt-4">
1560                            
1561<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">
1562    Learn More
1563    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1564    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1565</svg>
1566
1567</a>                        </div>
1568                    </div>
1569                </div>
1570            </div>
1571                                                                                                                                                    <div class="min-h-full flex swiper-slide !h-auto lg:!w-[22.15%]
1572            p-1
1573">
1574                <div class="flex-grow flex flex-col pb-5 h-full">
1575                    <a class="group" href="https://hnoc.org/news/wwl-tv-previews-bunny-matthews-exhibition-opening-september-18">
1576                                                    <div class="hidden sm:block">
1577                                
1578
1579        
1580        <div class="overflow-hidden relative" style="padding-top:100%">
1581                        <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=260&amp;width=260&amp;s=Bng16-MHXDXCTnmeO_qRENweAWS6kkCI3ILD6XiWTHE 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=520&amp;width=520&amp;s=zXZdzbe19xKnKvkWXueTNkv9eCJcKUEHvHM_9dH0E-Y 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=1040&amp;width=1040&amp;s=E-vS4zy0l-gBI5HS6YHmL1h2zTw5NLtGjS5Dhpbf914 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=1500&amp;width=1500&amp;s=pY1sWxdDhuK8MBjqESAlR0YKVLcXihuT0JAKvmnFzPA 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=2080&amp;width=2080&amp;s=wUKPySGrfscNE1ugoqacpMBzWxxxxFWAd1KjaI2gTCo 2080w" style="object-position: 46.28% 33.84%;">
1582    </div>
1583                            </div>
1584                            <div class=" sm:hidden">
1585                                
1586
1587        
1588        <div class="overflow-hidden relative" style="padding-top:50%">
1589                        <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=130&amp;width=260&amp;s=VhOJ1KsKeYQe9GnETALOkDLL1nErdscZ5NWh1y2GY1w 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=260&amp;width=520&amp;s=QrHQ_lgzcwW6WuWss5WrWxwPTAUv78H7yi9sLXhCVF8 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=520&amp;width=1040&amp;s=FxCAewp7vjsZ4CwFTuT79qAlYRX-qn9vUt_xt3Ydo2s 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=750&amp;width=1500&amp;s=DrloStc_nFlE6_ayQYhyTP8geEvKYxsRbC6Ocaf9KX4 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=1040&amp;width=2080&amp;s=BdY1BI3u0f9MLH77hdO3I92-thFEwAvACirpl8YR08c 2080w" style="object-position: 46.28% 33.84%;">
1590    </div>
1591                            </div>
1592                                            </a>
1593                    <div class="flex-grow px-4 py-3 md:px-7 md:py-6 c--square-section-dropshadow">
1594                        <h2 class="font-title text-carousel-title-small"><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></h2>
1595                        <div class="font-satoshi text-[16px] sm:text-[18px] mt-2 font-medium">
1596                                                            Curatorial Cataloger Emily Perkins discu
1596sses how “Bunny Matthews: His Life, Art, and Obsessions” will bring the New Orleans artist’s work to life.
1597                                                    </div>
1598                        <div class="mt-4">
1599                            
1600<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">
1601    Learn More
1602    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1603    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1604</svg>
1605
1606</a>                        </div>
1607                    </div>
1608                </div>
1609            </div>
1610                                                                                                                                                    <div class="min-h-full flex swiper-slide !h-auto lg:!w-[22.15%]
1611            p-1
1612">
1613                <div class="flex-grow flex flex-col pb-5 h-full">
1614                    <a class="group" href="https://hnoc.org/news/september-issue-of-antigravity-magazine-explores-life-of-bunny-matthews">
1615                                                    <div class="hidden sm:block">
1616                                
1617
1618        
1619        <div class="overflow-hidden relative" style="padding-top:100%">
1620                        <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=260&amp;width=260&amp;s=cXUN5vf27dliPdP1kb1fDh0HwbgTe8258LW2D6Ad5Rw 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=520&amp;width=520&amp;s=9jCOb9WbcJBeHizGrXxs7lQ27jIVML9p35mnfPqtlOo 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=1040&amp;width=1040&amp;s=6_1mdKXwR6EAP-1UvdXtblvRZGXj4zfQ_NvhJQCNYRE 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=1500&amp;width=1500&amp;s=Qru_us9nNtRWaAeX-JxUaqEhpYXDgqy-bD-IqS0MGkc 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=2080&amp;width=2080&amp;s=cZWjp6r_Q70vBVboXD14uOJnp3VLUe6rh60ogz5b6bE 2080w" style="object-position: 40.36% 29.73%;">
1621    </div>
1622                            </div>
1623                            <div class=" sm:hidden">
1624                                
1625
1626        
1627        <div class="overflow-hidden relative" style="padding-top:50%">
1628                        <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=130&amp;width=260&amp;s=XH3KfVYA1hc2nmUEMUHip3cX7fWht1VbnGpPju0F9_Q 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=260&amp;width=520&amp;s=PX3_y30RSJRSnUkvHGY5dsNfvUnT2eHUj0Xy9uvDyuo 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=520&amp;width=1040&amp;s=XrVAD0ODxbXmnGTN-ejWY2YSQ0Cop6i32UzYuhAwViQ 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=750&amp;width=1500&amp;s=Uh0QK9UDHwhK0mJeVyQcDEdV2NAaZSEaJbV6705q20c 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=1040&amp;width=2080&amp;s=nIza5P66Ec4CdK7KyY9XwjANW4jwLbllL1Dib7mxJCA 2080w" style="object-position: 40.36% 29.73%;">
1629    </div>
1630                            </div>
1631                                            </a>
1632                    <div class="flex-grow px-4 py-3 md:px-7 md:py-6 c--square-section-dropshadow">
1633                        <h2 class="font-title text-carousel-title-small"><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></h2>
1634                        <div class="font-satoshi text-[16px] sm:text-[18px] mt-2 font-medium">
1635                                                            Authors Michael Tisserand and Alison Fensterstock, joined by son Jude Matthews, discuss the complicated subject of “Bunny Matthews: His Life, Art, and Obsessions.”
1636                                                    </div>
1637                        <div class="mt-4">
1638                            
1639<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">
1640    Learn More
1641    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1642    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1643</svg>
1644
1645</a>                        </div>
1646                    </div>
1647                </div>
1648            </div>
1649                                                                                                                                                    <div class="min-h-full flex swiper-slide !h-auto lg:!w-[22.15%]
1650            p-1
1651">
1652                <div class="flex-grow flex flex-col pb-5 h-full">
1653                    <a class="group" href="https://hnoc.org/news/bunny-matthews-book-events">
1654                                                    <div class="hidden sm:block">
1655                                
1656
1657        
1658        <div class="overflow-hidden relative" style="padding-top:100%">
1659                        <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=260&amp;width=260&amp;s=UhZB8rni1QDapHKiFQPlxGYIo0cMphKUXjDbcYvnRYc 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=520&amp;width=520&amp;s=8TbBxcgirYuiN4PjQomoXKIXh_if1GqqypIXwEBpnA0 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=1040&amp;width=1040&amp;s=Mpco2RsibxMmRf9kAo19O7r8pAvK066TWvAhSjwdoxI 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=1500&amp;width=1500&amp;s=0KaBh9FUqlimBCEeZUN80Qz8RXmQPpUR_crblnjN7ZU 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=2080&amp;width=2080&amp;s=I3HWRrK9T7YhiKLX6d8UtPjzW4Qk0OcBprSasz1vuhA 2080w" style="object-position: 50.11% 26.77%;">
1660    </div>
1661                            </div>
1662                            <div class=" sm:hidden">
1663                                
1664
1665        
1666        <div class="overflow-hidden relative" style="padding-top:50%">
1667                        <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=130&amp;width=260&amp;s=7kGLOUOj0_Drq1B4bujdgn-qxjCsf_oCH_BAd6Am5Lc 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=260&amp;width=520&amp;s=ZlIwPlf571NDL7rjt6S3MoYlr8RCE_Uo5k1ZM6kioo4 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=520&amp;width=1040&amp;s=IKr1krpwIjwUrpWpBYeeHdsOUbjAsLzgrRH2dNSHssA 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=750&amp;width=1500&amp;s=Mg1yWtbF5V--4JOFTg24erpOiB1JjpaI5R5dU2-dwwo 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=1040&amp;width=2080&amp;
1667s=MbWSi9EBs1YwgTwBJPMANk9baxG-qZaUVfXZXvbdRHQ 2080w" style="object-position: 50.11% 26.77%;">
1668    </div>
1669                            </div>
1670                                            </a>
1671                    <div class="flex-grow px-4 py-3 md:px-7 md:py-6 c--square-section-dropshadow">
1672                        <h2 class="font-title text-carousel-title-small"><a href="https://hnoc.org/news/bunny-matthews-book-events">Mark Your Calendar for These Upcoming Bunny Matthews Book Events</a></h2>
1673                        <div class="font-satoshi text-[16px] sm:text-[18px] mt-2 font-medium">
1674                                                            Join us for New Orleans-area events and book signings celebrating the release of HNOC’s publication “Bunny Matthews: His Life, Art, and Obsessions.”
1675                                                    </div>
1676                        <div class="mt-4">
1677                            
1678<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">
1679    Learn More
1680    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1681    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1682</svg>
1683
1684</a>                        </div>
1685                    </div>
1686                </div>
1687            </div>
1688            </div>
1689
1690    <div class="relative sm:static">
1691    <div class="sm:hidden w-[calc(100%-96px)] transform top-1/2 -translate-y-1/2 absolute left-1/2 -translate-x-1/2">
1692        <div class="swiper-pagination !top-0 !bottom-0 flex"></div>
1693    </div>
1694    <div class="hidden sm:block ">
1695        <div class="swiper-pagination flex"></div>
1696    </div>
1697
1698    <div class="hidden sm:block">
1699        <div class="swiper-button-prev">
1700    <div class="w-[44px] hover:bg-white bg-white/80 p-2.5 border border-green rounded-full">
1701        <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Previous</title>
1702            <path d="M 10, 50
1703    L 60, 100
1704    L 65, 95
1705    L 20, 50
1706    L 65, 5
1707    L 60, 0
1708    Z" class="arrow"></path>
1709        </svg>
1710    </div>
1711</div>
1712<div class="swiper-button-next">
1713    <div class="w-[44px] hover:bg-white bg-white/80 p-2.5 border border-green rounded-full">
1714        <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Next</title>
1715            <path d="M 10, 50
1716    L 60, 100
1717    L 65, 95
1718    L 20, 50
1719    L 65, 5
1720    L 60, 0
1721    Z" class="arrow" transform="translate(100, 100) rotate(180)"></path>
1722        </svg>
1723    </div>
1724</div>
1725    </div>
1726    <div class="sm:hidden w-full flex items-center justify-between">
1727        <div class="!relative !mt-0 !top-0 swiper-button-prev !left-0">
1728    <div class="w-[44px]  hover:bg-white bg-white/80 p-2.5 border border-green rounded-full">
1729        <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Previous</title>
1730            <path d="M 10, 50
1731    L 60, 100
1732    L 65, 95
1733    L 20, 50
1734    L 65, 5
1735    L 60, 0
1736    Z" class="arrow"></path>
1737        </svg>
1738    </div>
1739</div>
1740<div class="!relative !mt-0  !top-0 swiper-button-next !right-0">
1741    <div class="w-[44px]  hover:bg-white bg-white/80 p-2.5 border border-green rounded-full">
1742        <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Next</title>
1743            <path d="M 10, 50
1744    L 60, 100
1745    L 65, 95
1746    L 20, 50
1747    L 65, 5
1748    L 60, 0
1749    Z" class="arrow" transform="translate(100, 100) rotate(180)"></path>
1750        </svg>
1751    </div>
1752</div>
1753    </div>
1754</div>
1755</div></div>                    
1756
1757    <div class="mt-10 mb-10          bg-white
1758 ">
1759        <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4">
1760            <div class="w-full flex-grow md:w-auto">
1761                <h2 class="text-subtitle-page uppercase font-title">
1762    Upcoming Events
1763</h2>
1764                            </div>
1765                            <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/events">
1766    View More
1767    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1768    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1769</svg>
1770
1771    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
1772flex justify-center items-center transition-all duration-500
1773stroke-white
1774   bg-green
1775   text-white
1776">
1777        View More
1778        <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1779    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1780</svg>
1781
1782    </span>
1783
1784</a>                    </div>
1785    </div>
1786                    <div class="g--wrapper g--wrapper--small my-12">
1787    <div id="component-qbyvwh" 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;909d0893e789a54a3d08c6fd1fe385f36772ece4579c198c1eedbf737e3ba68c{\u0022id\u0022:\u0022component-qbyvwh\u0022,\u0022siteId\u0022:1,\u0022template\u0022:\u0022components\\\/_c--calendar--sprig\u0022,\u0022variables\u0022:{\u0022showSearchBar\u0022:false,\u0022signatureProgramIds\u0022:[],\u0022eventTypesIds\u0022:[],\u0022topicsIds\u0022:[],\u0022onlyUpcoming\u0022:true,\u0022onlyPast\u0022:false,\u0022entryId\u0022:5818}}&quot;}">
1788
1789<div id="results">
1790    
1791                                            
1792    
1793
1794    
1795                
1796    
1797                        <div class="pb-10 mb-10 border-b border-terra">
1798                
1799
1800
1801<div class="grid grid-cols-12 gap-x-4 sm:gap-x-7.5 gap-y-4">
1802    <div class="col-span-12 sm:col-span-3 flex flex-col justify-between order-1 sm:order-1">
1803                    <div class="">
1804                                                        <div class="text-carousel-title font-title mt-1">
1805                        October 5 to October 19, 2026
1806                    </div>
1807                            </div>
1808                            <div class="hidden sm:block">
1809            <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium">
1810            HNOC Travel</div>        </div>
1811    </div>
1812    <div class="col-span-12 sm:col-span-5 order-3 sm:order-2">
1813            <div class="
1814        uppercase font-title
1815    tracking-[2px] leading-[1.125]
1816            text-[14px] sm:text-[16px]  mb-2 ">
1817        HNOC Travel 2026
1818    </div>
1819        <h2 class="text-[26px] -mt-1 sm:mt-0 sm:text-carousel-title">
1820            <a class="hover:underline" href="https://hnoc.org/events/hnoc-travel-2026">Vietnam and Cambodia</a>
1821        </h2>
1822        <div class="mt-3">
1823                <div class="text-[16px] sm:text-[18px] leading-[1.55] font-satoshi font-medium">
1824                    Join us for an unforgettable journey to Southeast Asia’s mainland as we explore the incredibly rich cultural heritage of Vietnam and Cambodia.
1825    </div>        </div>
1826        <div class="mt-2 sm:hidden">
1827            <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium">
1828            HNOC Travel</div>        </div>
1829        <div class="flex items-center mt-5 flex-wrap gap-x-4 gap-y-4">
1830            
1831<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/events/hnoc-travel-2026">
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 g-component="TicketLinkItem" g-options="{&quot;entryId&quot;:80758}"></div>
1838
1839        </div>
1840    </div>
1841    <div class="col-span-12 sm:col-span-4 order-2 sm:order-3">
1842        <a class="block group" href="https://hnoc.org/events/hnoc-travel-2026">
1843                                        
1844
1845        
1846        <div class="overflow-hidden relative" style="padding-top:66.923076923077%">
1847                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Statues at Siem Reap Bridge" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Siem-Reap-Bridge_b
1847y-Graham-Hobster_No-Attribution-Required-pixabay_2025-10-02-203316_onlv.jpg?fit=cover&amp;gravity%5Bx%5D=0.3888&amp;gravity%5By%5D=0.3182&amp;width=260&amp;s=BF9q_VvKakBjVzpBH-VV4WgyTheo4JQBnm00Ag1UsXg" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Siem-Reap-Bridge_by-Graham-Hobster_No-Attribution-Required-pixabay_2025-10-02-203316_onlv.jpg?fit=cover&amp;gravity%5Bx%5D=0.3888&amp;gravity%5By%5D=0.3182&amp;format=webp&amp;height=174&amp;width=260&amp;s=jkYWvLy41DvkIuoI84UvcHE-K4SBTGf7RG9gbqv-vmc 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Siem-Reap-Bridge_by-Graham-Hobster_No-Attribution-Required-pixabay_2025-10-02-203316_onlv.jpg?fit=cover&amp;gravity%5Bx%5D=0.3888&amp;gravity%5By%5D=0.3182&amp;format=webp&amp;height=348&amp;width=520&amp;s=I2nI9cQzSW2kHrhtugPHnj1Mz6t-p9lQf13Ddr0hej0 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Siem-Reap-Bridge_by-Graham-Hobster_No-Attribution-Required-pixabay_2025-10-02-203316_onlv.jpg?fit=cover&amp;gravity%5Bx%5D=0.3888&amp;gravity%5By%5D=0.3182&amp;format=webp&amp;height=696&amp;width=1040&amp;s=bMYxLAW3WG497cyOPnYRx6MjQ7kXK8jcUK4tRHgVgnE 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Siem-Reap-Bridge_by-Graham-Hobster_No-Attribution-Required-pixabay_2025-10-02-203316_onlv.jpg?fit=cover&amp;gravity%5Bx%5D=0.3888&amp;gravity%5By%5D=0.3182&amp;format=webp&amp;height=1004&amp;width=1500&amp;s=zoYluB8VVwLMj23p9E9opASWBrYR27mG7M0FgSg1E9U 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Siem-Reap-Bridge_by-Graham-Hobster_No-Attribution-Required-pixabay_2025-10-02-203316_onlv.jpg?fit=cover&amp;gravity%5Bx%5D=0.3888&amp;gravity%5By%5D=0.3182&amp;format=webp&amp;height=1392&amp;width=2080&amp;s=NYuamXgBxVN15OJPiG8QEHblGKoM_QIHv_3B6E4BuXA 2080w" style="object-position: 38.88% 31.82%;">
1848    </div>
1849                    </a>
1850    </div>
1851</div>            </div>
1852                    <div class="pb-10 mb-10 border-b border-terra">
1853                
1854
1855
1856<div class="grid grid-cols-12 gap-x-4 sm:gap-x-7.5 gap-y-4">
1857    <div class="col-span-12 sm:col-span-3 flex flex-col justify-between order-1 sm:order-1">
1858                    <div class="">
1859                                    <div class="text-[16px] tracking-[2px] leading-[1.125] uppercase mb-2 font-title">
1860                        Saturday
1861                    </div>
1862                    <div class="text-carousel-title font-title mt-1">
1863                        October 10, 2026
1864                    </div>
1865                                            <div class="font-satoshi font-medium text-[18px] mt-2">
1866                            11 a.m.–4  p.m.
1867                        </div>
1868                                                </div>
1869                            <div class="hidden sm:block">
1870            <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium">
1871            Symposium, Lecture, Film</div>        </div>
1872    </div>
1873    <div class="col-span-12 sm:col-span-5 order-3 sm:order-2">
1874                <h2 class="text-[26px] -mt-1 sm:mt-0 sm:text-carousel-title">
1875            <a class="hover:underline" href="https://hnoc.org/events/remaking-revolution-history-in-popular-culture">Remaking Revolution: History in Popular Culture</a>
1876        </h2>
1877        <div class="mt-3">
1878                <div class="text-[16px] sm:text-[18px] leading-[1.55] font-satoshi font-medium">
1879                    In this mini symposium, explore how film, music, video games, and media continually reshape our modern understanding of revolutionary ideas.
1880    </div>        </div>
1881        <div class="mt-2 sm:hidden">
1882            <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium">
1883            Symposium, Lecture, Film</div>        </div>
1884        <div class="flex items-center mt-5 flex-wrap gap-x-4 gap-y-4">
1885            
1886<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/events/remaking-revolution-history-in-popular-culture">
1887    Read More
1888    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1889    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1890</svg>
1891
1892</a>            <div g-component="TicketLinkItem" g-options="{&quot;entryId&quot;:103873}"></div>
1893
1894        </div>
1895    </div>
1896    <div class="col-span-12 sm:col-span-4 order-2 sm:order-3">
1897        <a class="block group" href="https://hnoc.org/events/remaking-revolution-history-in-popular-culture">
1898                                        
1899
1900        
1901        <div class="overflow-hidden relative" style="padding-top:66.923076923077%">
1902                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Colored copperplate engraved view of the burning of Cap Français on August 23, 1791, during the Haitian Revolution. Buildings are burning in the background beyond a body of water filled with ships. In the foreground soldiers run towards a village, a few have already fallen." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0003.139_crop3.jpg?fit=cover&amp;gravity%5Bx%5D=0.45&amp;gravity%5By%5D=0.6555&amp;width=260&amp;s=pvR9cWcwOVOS8uSYJsn5w1LF5dRCg7vK_IfOdRAWYLM" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0003.139_crop3.jpg?fit=cover&amp;gravity%5Bx%5D=0.45&amp;gravity%5By%5D=0.6555&amp;format=webp&amp;height=174&amp;width=260&amp;s=c0BzYhnZqDgiQL4wM3CEyFOx-_DWRsheH828ug57Yak 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0003.139_crop3.jpg?fit=cover&amp;gravity%5Bx%5D=0.45&amp;gravity%5By%5D=0.6555&amp;format=webp&amp;height=348&amp;width=520&amp;s=3xKg7r0Y-OaLFlNPcn9Ddac1X8VBEd3g3eDO4BupeTI 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0003.139_crop3.jpg?fit=cover&amp;gravity%5Bx%5D=0.45&amp;gravity%5By%5D=0.6555&amp;format=webp&amp;height=696&amp;width=1040&amp;s=ENxc1Gz7YdiuC7vSWV4u4oMZ5tMRdhYvx5JcZsS_S9Q 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0003.139_crop3.jpg?fit=cover&amp;gravity%5Bx%5D=0.45&amp;gravity%5By%5D=0.6555&amp;format=webp&amp;height=1004&amp;width=1500&amp;s=2qJvMZstyS7ZQyl14M9hr5I0-6z4QcBqUWjsq90J0rQ 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0003.139_crop3.jpg?fit=cover&amp;gravity%5Bx%5D=0.45&amp;gravity%5By%5D=0.6555&amp;format=webp&amp;height=1392&amp;width=2080&amp;s=4Pzoc78LJyHPoNLE6-RPYYsCc7DdBl74fDPOSkkoE4U 2080w" style="object-position: 45% 65.55%;">
1903    </div>
1904                    </a>
1905    </div>
1906</div>            </div>
1907                    <div class="pb-10 mb-10 border-b border-terra">
1908                
1909
1910
1911<div class="grid grid-cols-12 gap-x-4 sm:gap-x-7.5 gap-y-4">
1912    <div class="col-span-12 sm:col-span-3 flex flex-col justify-between order-1 sm:order-1">
1913                    <div class="">
1914                                    <div class="text-[16px] tracking-[2px] leading-[1.125] uppercase mb-2 font-title">
1915                        Wednesday
1916                    </div>
1917                    <div class="text-carousel-title font-title mt-1">
1918                        October 14, 2026
1919                    </div>
1920                                            <div class="font-satoshi font-medium text-[18px] mt-2">
1921                            6–8  p.m.
1922                        </div>
1923                                                </div>
1924                            <div class="hidden sm:block">
1925            <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium">
1926            Film, Panel Discussion</div>        </div>
1927    </div>
1928    <div class="col-span-12 sm:col-span-5 order-3 sm:order-2">
1929                <h2 class="text-[26px] -mt-1 sm:mt-0 sm:text-carousel-title">
1930            <a class="hover:underline" href="https://hnoc.org/events/preserving-the-party-the-legacy-of-halloween-new-orleans">Preserving the Party: The Legacy of Halloween New Orleans</a>
1931        </h2>
1932        <div class="mt-3">
1933                <div class="text-[16px] sm:text-[18px] leading-[1.55] font-satoshi font-medium">
1934                    HNOC and LGBT+ Archives Project of Louisiana host a retrospective celebration of Halloween New Orleans and Project Lazarus with renowned gallery owner Arthur Roger.
1935    </div>        </div>
1936        <div class="mt-2 sm:hidden">
1937            <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium">
1938            Film, Panel Discussion</div>        </div>
1939        <div class="flex items-center mt-5 flex-wrap gap-x-4 gap-y-4">
1940            
1941<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/events/preserving-the-party-the-legacy-of-halloween-new-orleans">
1942    Read More
1943    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1944    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
1945</svg>
1946
1947</a>            <div g-component="TicketLinkItem" g-options="{&quot;entryId&quot;:105090}"></div>
1948
1949        </div>
1950    </div>
1951    <div class="col-span-12 sm:col-span-4 order-2 sm:order-3">
1952        <a class="block group" href="https://hnoc.org/events/preserving-the-party-the-legacy-of-halloween-new-orleans">
1953                                        
1954
1955        
1956        <div class="overflow-hidden relative" style="padding-top:66.923076923077%">
1957                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A scene from Halloween New Orleans (unknown year).  A dancer in a red sequined outfit is hoisted in the air by two performers. Sparks are shooting out of two decorative pillars on either side of the dancer in front of a faux Greek-style building." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2026.0167.2.10_021_O10.jpg?fit=cover&amp;gravity%5Bx%5D=0.4897&amp;gravity%5By%5D=0.5526&amp;width=260&amp;s=vyYymjTBP9Zcg0bMZ9GsiFZXyOYSEDQ5lrnzgsTgdnc" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2026.0167.2.10_021_O10.jpg?fit=cover&amp;gravity%5Bx%5D=0.4897&amp;gravity%5By%5D=0.5526&amp;format=webp&amp;height=174&amp;width=260&amp;s=Nycpok3wkT2m_WNHcDdC9HnQI17-utQnimFPypbRREE 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2026.0167.2.10_021_O10.jpg?fit=cover&amp;gravity%5Bx%5D=0.4897&amp;gravity%5By%5D=0.5526&amp;format=webp&amp;height=348&amp;width=520&amp;s=O-thKYIKDVGjv5IK8R4h6oCbR6rnEkZ81nr7bUficPw 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2026.0167.2.10_021_O10.jpg?fit=cover&amp;gravity%5Bx%5D=0.4897&amp;gravity%5By%5D=0.5526&amp;format=webp&amp;height=696&amp;width=1040&amp;s=BRIpXQhcjvzH0S_xXQWcogZ3YOYVYwqRm8B0nw-MrFo 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2026.0167.2.10_021_O10.jpg?fit=cover&amp;gravity%5Bx%5D=0.4897&amp;gravity%5By%5D=0.5526&amp;format=webp&amp;height=1004&amp;width=1500&amp;s=fKnaQMPo8Q6dFoVxwjF4CorkzucFK3fVleBZQn7AHsA 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2026.0167.2.10_021_O10.jpg?fit=cover&amp;gravity%5Bx%5D=0.4897&amp;gravity%5By%5D=0.5526&amp;format=webp&amp;height=1392&amp;width=2080&amp;s=i9EgASHIpey-_Qs0RBrGuOmSX6Rmv9wg32RFR89njb0 2080w" style="object-position: 48.97% 55.26%;">
1958    </div>
1959                    </a>
1960    </div>
1961</div>            </div>
1962                    <div class="pb-10 mb-10 border-b border-terra">
1963                
1964
1965
1966<div class="grid grid-cols-12 gap-x-4 sm:gap-x-7.5 gap-y-4">
1967    <div class="col-span-12 sm:col-span-3 flex flex-col justify-between order-1 sm:order-1">
1968                    <div class="">
1969                                    <div class="text-[16px] tracking-[2px] leading-[1.125] uppercase mb-2 font-title">
1970                        Saturday
1971                    </div>
1972                    <div class="text-carousel-title font-title mt-1">
1973                        October 17, 2026
1974                    </div>
1975                                            <div class="font-satoshi font-medium text-[18px] mt-2">
1976                            10 a.m.–12  p.m.
1977                        </div>
1978                                                </div>
1979                            <div class="hidden sm:block">
1980            <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium">
1981            For Educators, Workshop</div>        </div>
1982    </div>
1983    <div class="col-span-12 sm:col-span-5 order-3 sm:order-2">
1984                <h2 class="text-[26px] -mt-1 sm:mt-0 sm:text-carousel-title">
1985            <a class="hover:underline" href="https://hnoc.org/events/educator-workshop-american-revolution">Educator Workshop: “American Revolution”</a>
1986        </h2>
1987        <div class="mt-3">
1988                <div class="text-[16px] sm:text-[18px] leading-[1.55] font-satoshi font-medium">
1989                    Educators are invited to a free workshop to learn about how to deepen their students’ understanding of the American Revolution in Louisiana.
1990    </div>        </div>
1991        <div class="mt-2 sm:hidden">
1992            <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium">
1993            For Educators, Workshop</div>        </div>
1994        <div class="flex items-center mt-5 flex-wrap gap-x-4 gap-y-4">
1995            
1996<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/events/educator-workshop-american-revolution">
1997    Read More
1998    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1999    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2000</svg>
2001
2002</a>            <div g-component="TicketLinkItem" g-options="{&quot;entryId&quot;:104103}"></div>
2003
2004        </div>
2005    </div>
2006    <div class="col-span-12 sm:col-span-4 order-2 sm:order-3">
2007        <a class="block group" href="https://hnoc.org/events/educator-workshop-american-revolution">
2008                                        
2009
2010        
2011        <div class="overflow-hidden relative" style="padding-top:66.923076923077%">
2012                        <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=174&amp;width=260&amp;s=pkxdgztpgda14iMci7jo-mUEtubpzer_izNOVmf_Sug 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=348&amp;width=520&amp;s=mlE_ki3Ai1RAWyIrjejCb8Q4_ZvZ_pmOsPZHKUlRHLs 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=696&amp;width=1040&amp;s=fd_teK3qZCXC08UBt8Ptfhy2ZQ2TC-jt0iQUvqpMl_g 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=1004&amp;width=1500&amp;s=5-uzR8mFoISiYqgUI_Px6u58Lc2b8Mksy4m-YTF504A 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=1392&amp;width=2080&amp;s=7JMUg4taoilrjolMizrZglSmGJZA1IsMaIcQbgjouXA 2080w" style="object-position: 53.86% 19.39%;">
2013    </div>
2014                    </a>
2015    </div>
2016</div>            </div>
2017                    <div class="pb-10 mb-10 border-b border-terra">
2018                
2019
2020
2021<div class="grid grid-cols-12 gap-x-4 sm:gap-x-7.5 gap-y-4">
2022    <div class="col-span-12 sm:col-span-3 flex flex-col justify-between order-1 sm:order-1">
2023                    <div class="">
2024                                    <div class="text-[16px] tracking-[2px] leading-[1.125] uppercase mb-2 font-title">
2025                        Friday
2026                    </div>
2027                    <div class="text-carousel-title font-title mt-1">
2028                        October 23, 2026
2029                    </div>
2030                                            <div class="font-satoshi font-medium text-[18px] mt-2">
2031                            5–7  p.m.
2032                        </div>
2033                                                </div>
2034                            <div class="hidden sm:block">
2035            <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium">
2036            Live Music, French Quarter Fridays</div>        </div>
2037    </div>
2038    <div class="col-span-12 sm:col-span-5 order-3 sm:order-2">
2039            <div class="
2040        uppercase font-title
2041    tracking-[2px] leading-[1.125]
2042            text-[14px] sm:text-[16px]  mb-2 ">
2043        Courtyard Sessions
2044    </div>
2045        <h2 class="text-[26px] -mt-1 sm:mt-0 sm:text-carousel-title">
2046            <a class="hover:underline" href="https://hnoc.org/events/performing-the-devils-music">Performing the Devil’s Music: Dr. Michael White and the Original Liberty Jazz Band</a>
2047        </h2>
2048        <div class="mt-3">
2049                <div class="text-[16px] sm:text-[18px] leading-[1.55] font-satoshi font-medium">
2050                    Break out your devil horns and don your dancing shoes for Courtyard Sessions, featuring Dr. Michael White and the Original Liberty Jazz Band.
2051    </div>        </div>
2052        <div class="mt-2 sm:hidden">
2053            <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium">
2054            Live Music, French Quarter Fridays</div>        </div>
2055        <div class="flex items-center mt-5 flex-wrap gap-x-4 gap-y-4">
2056            
2057<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/events/performing-the-devils-music">
2058    Read More
2059    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2060    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2061</svg>
2062
2063</a>            <div g-component="TicketLinkItem" g-options="{&quot;entryId&quot;:103111}"></div>
2064
2065        </div>
2066    </div>
2067    <div class="col-span-12 sm:col-span-4 order-2 sm:order-3">
2068        <a class="block group" href="https://hnoc.org/events/performing-the-devils-music">
2069                                        
2070
2071        
2072        <div class="overflow-hidden relative" style="padding-top:66.923076923077%">
2073                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Image of a fantastic creature with bat wings, a fly-like face, and pointed devil tail flying over a stylized skyline of New Orleans. Visible are the Superdome, St. Louis Cathedral, skyscrapers, the Mississippi River and bridges, and vessels on the river." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2008.0216.275_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.3769&amp;gravity%5By%5D=0.4753&amp;width=260&amp;s=QyptqvnIqDltOWVGGcYxFGyj4BmywqlqCXC9Mc-yTbk" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2008.0216.275_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.3769&amp;gravity%5By%5D=0.4753&amp;format=webp&amp;height=174&amp;width=260&amp;s=zkKYcTcW0h68gpJL0mmgc0THQuTtX-cYqzufDcmCJ-I 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2008.0216.275_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.3769&amp;gravity%5By%5D=0.4753&amp;format=webp&amp;height=348&amp;width=520&amp;s=WglDxwwEOWczxr3zyJDNtMVQ5ag-xWReINIQ5mhqkcw 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2008.0216.275_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.3769&amp;gravity%5By%5D=0.4753&amp;format=webp&amp;height=696&amp;width=1040&amp;s=8dwNpLVnSxbS90QFCz3hhTdIEN05pqcPvtN64hKQQE8 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2008.0216.275_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.3769&amp;gravity%5By%5D=0.4753&amp;format=webp&amp;height=1004&amp;width=1500&amp;s=qG1yp_66okg4DSEd3zjNcKK-6noWCJykNo0SEfBmfu8 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2008.0216.275_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.3769&amp;gravity%5By%5D=0.4753&amp;format=webp&amp;height=1392&amp;width=2080&amp;s=5f3rI4TANI4sy1OdZdKsDbl_DgOcGR5IrZI9V4uhyZM 2080w" style="object-position: 37.69% 47.53%;">
2074    </div>
2075                    </a>
2076    </div>
2077</div>            </div>
2078                                        <button class="flex items-center text-center justify-center my-12 g--wrapper g--wrapper--small" sprig s-val:offset="5" s-target="this" s-swap="outerHTML" data-hx-get="https://hnoc.org/actions/sprig-core/components/render" data-hx-vals="{&quot;offset&quot;:&quot;5&quot;}" data-hx-target="this" data-hx-swap="outerHTML" data-sprig-parsed>
2079
2080                <div class="text-[20px] uppercase tracking-[2px] font-title bg-green text-white px-24 py-4 rounded-[20px]">Load more</div>
2081
2082            </button>
2083        
2084    </div></div>
2085</div>                        
2086
2087    <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
2088after:absolute         after:bg-pink-blush
2089  after:top-0 after:left-0 after:h-full after:w-full after:content-[''] after:bg-opacity-80
2090">
2091        <div class="g--wrapper relative z-10">
2092                <div class="
2093        uppercase font-title
2094    tracking-[2px] leading-[1.125]
2095            text-[14px] sm:text-[16px]  mb-2 ">
2096        Stay Connected
2097    </div>
2098            <h3 class="text-title-halfintro mt-6 font-serif"><p>Subscribe to Our Newsletter</p></h3>
2099            <div class="mt-8">
2100                <form method="GET" action="https://pages.wordfly.com/historicneworleanscollection/pages/Subscribe/" target="_blank" class="flex flex-col sm:flex-row justify-center">
2101    <div class="flex flex-wrap sm:flex-nowrap items-end">
2102        <div class="flex flex-col  justify-start w-full sm:w-auto">
2103            <label class=" font-satoshi font-medium uppercase  mb-1 text-left text-[16px]" for="email17734">Email address</label>
2104            <input id="email17734" 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">
2105        </div>
2106        <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>
2107    </div>
2108</form>            </div>
2109        </div>
2110                    <div class="absolute top-0 left-0 w-full h-full z-0 object-cover">
2111                                <img class="lazyload top-0 left-0 h-full w-full absolute object-cover" alt="1959 210 o6 2024 06 05 202329 tavg" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1959.210_o6_2024-06-05-202329_tavg_2024-06-05-202356_nqtm.jpg?fit=cover&amp;gravity%5Bx%5D=0.5768&amp;gravity%5By%5D=0.83&amp;width=260&amp;s=bzbx7G2Gjtm5CCrH3lByZqVDjtK3e38Vg34lo7M_L8Y" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1959.210_o6_2024-06-05-202329_tavg_2024-06-05-202356_nqtm.jpg?fit=cover&amp;gravity%5Bx%5D=0.5768&amp;gravity%5By%5D=0.83&amp;width=260&amp;s=bzbx7G2Gjtm5CCrH3lByZqVDjtK3e38Vg34lo7M_L8Y 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1959.210_o6_2024-06-05-202329_tavg_2024-06-05-202356_nqtm.jpg?fit=cover&amp;gravity%5Bx%5D=0.5768&amp;gravity%5By%5D=0.83&amp;width=520&amp;s=u54_g3IeTNlYZ64K7yrzkYBfAOzDYymwL4Ul6o4DWPk 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1959.210_o6_2024-06-05-202329_tavg_2024-06-05-202356_nqtm.jpg?fit=cover&amp;gravity%5Bx%5D=0.5768&amp;gravity%5By%5D=0.83&amp;width=1040&amp;s=ll2ygx9uozUNsPiYuKj1C5JuNmHsdJoJN2oK7-1d1rs 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1959.210_o6_2024-06-05-202329_tavg_2024-06-05-202356_nqtm.jpg?fit=cover&amp;gravity%5Bx%5D=0.5768&amp;gravity%5By%5D=0.83&amp;width=1500&amp;s=gazGVBjfLoTzLFXMaXeh5J8jOZMs9h2365qFVwrZ9KE 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1959.210_o6_2024-06-05-202329_tavg_2024-06-05-202356_nqtm.jpg?fit=cover&amp;gravity%5Bx%5D=0.5768&amp;gravity%5By%5D=0.83&amp;width=2080&amp;s=jQDFDpFnqLI-jys7mCuXDaw94EPccZOdnG05LtVCCzk 2080w" style="object-position: 57.68% 83%;">
2112            </div>
2113            </div>
2114                    
2115
2116    <div class="mt-10 mb-10          bg-white
2117 ">
2118        <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4">
2119            <div class="w-full flex-grow md:w-auto">
2120                <h2 class="text-subtitle-page uppercase font-title">
2121    Research &amp; Collections
2122</h2>
2123                            </div>
2124                            <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/research-collections">
2125    Learn More
2126    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2127    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2128</svg>
2129
2130    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
2131flex justify-center items-center transition-all duration-500
2132stroke-white
2133   bg-green
2134   text-white
2135">
2136        Learn More
2137        <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2138    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2139</svg>
2140
2141    </span>
2142
2143</a>                    </div>
2144    </div>
2145                    
2146    <div class="mb-12 c--node         bg-white
2147 mt-12">
2148        <div class="c--node g--wrapper g--wrapper--small">
2149            <div class="pb-12  border-b border-pink">
2150                                                            <div class="">
2151                            
2152
2153
2154
2155<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
2156    <div class="col-span-12
2157    md:col-span-5 md:order-2 md:col-start-8">
2158
2159        
2160
2161
2162
2163<div>
2164        <div class="
2165        uppercase font-title
2166    tracking-[2px] leading-[1.125]
2167            text-[14px] sm:text-[16px]  mb-2 ">
2168        410 Chartres Street
2169    </div>
2170            <h3 class="text-title-halfintro mb-6">
2171                            <a class="" href="https://hnoc.org/research-collections/williams-research-center">Visit the Williams Research Center</a>
2172                    </h3>
2173                    <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">
2174            <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>
2175        </div>
2176    
2177    <div class="flex items-center">
2178                    
2179
2180
2181
2182<a
2183
2184                target=""
2185        class=" relative group overflow-hidden
2186
2187   border border-transparent
2188   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
2189        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">
2190    <span class="relative z-10 flex justify-center items-center">Visit
2191                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2192    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2193</svg>
2194
2195        </span>
2196
2197    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
2198flex justify-center items-center transition-all duration-500
2199      text-[--buttonBg]
2200   bg-[--buttonText]
2201   stroke-[--buttonBg]
2202">
2203        Visit
2204                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2205    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2206</svg>
2207
2208            </span>
2209
2210</a>                            <div class="ml-7.5 flex">
2211                <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">
2212    Online Catalog
2213</a>            </div>
2214                    </div>
2215</div>    </div>
2216
2217    
2218                    <div class="col-span-12 md:col-span-6 ">
2219                                                                                                                                                        <a class="block cursor-pointer group" href="https://hnoc.org/research-collections/williams-research-center">                    
2220
2221        
2222        <div class="overflow-hidden relative" style="padding-top:68.461538461538%">
2223                        <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%;">
2224    </div>
2225                </a>            </div>
2226            </div>
2227                        </div>
2228                                                </div>
2229        </div>
2230    </div>
2231                    
2232
2233    <div class="mt-10 mb-10          bg-white
2234 ">
2235        <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4">
2236            <div class="w-full flex-grow md:w-auto">
2237                <h2 class="text-subtitle-page uppercase font-title">
2238    Collection Highlights
2239</h2>
2240                                    <p class="font-satoshi font-medium text-[18px] mt-2 w-full md:w-1/2">Explore historic artifacts from HNOC’s vault.</p>
2241                            </div>
2242                            <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/research-collections/collection-highlights">
2243    Browse All
2244    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2245    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2246</svg>
2247
2248    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
2249flex justify-center items-center transition-all duration-500
2250stroke-white
2251   bg-green
2252   text-white
2253">
2254        Browse All
2255        <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2256    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2257</svg>
2258
2259    </span>
2260
2261</a>                    </div>
2262    </div>
2263                    <div class="mb-12 c--node mt-12">
2264    <div class="c--node g--wrapper g--wrapper--small">
2265        <div class="pb-12 border-b border-pink">
2266                        
2267                                                    
2268            <div class="mb-4 lg:mb-20">
2269                
2270
2271
2272
2273<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
2274    <div class="col-span-12
2275    md:col-span-5 ">
2276
2277        
2278
2279
2280
2281<div>
2282        <div class="
2283        uppercase font-title
2284    tracking-[2px] leading-[1.125]
2285            text-[14px] sm:text-[16px]  mb-2 ">
2286        Collection highlights
2287    </div>
2288            <h3 class="text-title-halfintro mb-6">
2289                            <a class="" href="https://hnoc.org/research-collections/collection-highlights/touro-infirmary-archives">Touro Infirmary Archives</a>
2290                    </h3>
2291                    <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">
2292            <p>A vast collection spanning the history of the oldest continuously operating hospital in New Orleans.</p>
2293        </div>
2294    
2295    <div class="flex items-center">
2296                    
2297
2298
2299
2300<a
2301
2302                target=""
2303        class=" relative group overflow-hidden
2304
2305   border border-transparent
2306   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
2307        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/collection-highlights/touro-infirmary-archives">
2308    <span class="relative z-10 flex justify-center items-center">View
2309                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2310    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2311</svg>
2312
2313        </span>
2314
2315    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
2316flex justify-center items-center transition-all duration-500
2317      text-[--buttonBg]
2318   bg-[--buttonText]
2319   stroke-[--buttonBg]
2320">
2321        View
2322                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2323    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2324</svg>
2325
2326            </span>
2327
2328</a>                            </div>
2329</div>    </div>
2330
2331    
2332                    <div class="col-span-12 md:col-span-6 md:col-start-7 ">
2333                                                                                                                                                        <a class="block cursor-pointer group" href="https://hnoc.org/research-collections/collection-highlights/touro-infirmary-archives">                    
2334
2335        
2336        <div class="overflow-hidden relative" style="padding-top:68.461538461538%">
2337                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A group of posed nurses in a sepia-tone photograph." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/MSS-1060.1.80_recto.jpg?fit=cover&amp;width=260&amp;s=Q9-28TRSctFJDFj-4Yo3AuBcEbC5GdcJDzuubbSeQOk" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/MSS-1060.1.80_recto.jpg?fit=cover&amp;format=webp&amp;height=178&amp;width=260&amp;s=Tov1QHKNX3YKoBwrTvnp0tz9RF2rqWSfhMoY0IxdTD4 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/MSS-1060.1.80_recto.jpg?fit=cover&amp;format=webp&amp;height=356&amp;width=520&amp;s=hRThhzBBouF3HmUfS7Iql4LURi9WOwKQbkDsR7MZKfY 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/MSS-1060.1.80_recto.jpg?fit=cover&amp;format=webp&amp;height=712&amp;width=1040&amp;
2337s=_W6TBStwoDKk5_5pT6S4yQ-rjxJ-BMgyjwqhJVGsPJw 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/MSS-1060.1.80_recto.jpg?fit=cover&amp;format=webp&amp;height=1027&amp;width=1500&amp;s=vtIW404937tgUF-myUU7tUDimI5Dd6bDDAqU2PFj2CQ 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/MSS-1060.1.80_recto.jpg?fit=cover&amp;format=webp&amp;height=1424&amp;width=2080&amp;s=9BIUnm01Bfx3BFoJEfz1-_rH9qfFfD7xNuxpnYgUSiI 2080w" style="object-position: 50% 50%;">
2338    </div>
2339                </a>            </div>
2340            </div>
2341            </div>
2342        </div>
2343    </div>
2344</div>                    <div class="g--wrapper g--wrapper--small mt-12">
2345
2346    
2347
2348    
2349        
2350        
2351    <div class=" w-full md:w-[calc(100%+2rem)] lg:w-[calc(100%+3rem-var(--scrollbar-width))] xl:w-[calc(100%+50vw-610px+3.5rem-var(--scrollbar-width)))] flex swiper" g-options="{&quot;keepAutoSlidesLarge&quot;:true}" g-component="CarouselSwiper">
2352        <div class="swiper-wrapper ">
2353                                                                                            <div class="swiper-slide  flex text-center  ">
2354                    <div class="flex-grow flex flex-col pb-5 group">
2355                                                    
2356
2357        
2358        <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%">
2359                        <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;width=260&amp;s=Z_EriJWm0Jtbfwx9Ir654gWmJVzbQYVUNXvPhxPYjvc 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&amp;format=webp&amp;width=520&amp;
2359s=hej-BiSGuLBu7-a8gCZymMpRCZrkaIrDzYWCyYRz_yE 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&amp;format=webp&amp;width=1040&amp;s=69HjyGya4cYKZzdCbL4gWuogvbzw86TTcpLLhzBT8zE 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&amp;format=webp&amp;width=1500&amp;s=goPZXc67TJ6cfg9I4v1R6Fx_uK7vxwX4T5bShAKr5iU 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&amp;format=webp&amp;width=2080&amp;s=UWd7KfDFj3_dltSE9x9HlMhrUv6yzRz60Z94s-oLi9A 2080w" style="object-position: 50% 50%;">
2360    </div>
2361                                                <div class="flex-grow px-4 py-3 md:px-7 md:py-6">
2362                            <div class="mb-6">
2363                                    <div class="
2364        uppercase font-title
2365    tracking-[2px] leading-[1.125]
2366            text-[14px] sm:text-[16px]  mb-2 ">
2367        Artist Archives
2368    </div>
2369                            </div>
2370                            <h3 class="font-title text-carousel-title-small">
2371                                <a href="https://hnoc.org/research-collections/collection-highlights/tennessee-williamss-streetcar-typewriter">
2372                                    Tennessee Williams’s “Streetcar” Typewriter
2373                                </a>
2374                            </h3>
2375                            <div class="mt-4">
2376                                
2377<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/tennessee-williamss-streetcar-typewriter">
2378    Learn More
2379    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2380    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2381</svg>
2382
2383</a>                            </div>
2384                        </div>
2385                    </div>
2386                </div>
2387                                                                                            <div class="swiper-slide  flex text-center  ">
2388                    <div class="flex-grow flex flex-col pb-5 group">
2389                                                    
2390
2391        
2392        <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%">
2393                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="The inside back cover of the book volume for Le Spiritualiste shows a marbled printed pattern." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024.0152_000a_o3.jpg?fit=cover&amp;width=260&amp;s=UIx5kEhk8aUzLHvURmymvG1E9JMMyIzO0O9L2uLPBVg" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024.0152_000a_o3.jpg?fit=cover&amp;format=webp&amp;width=260&amp;s=xRivgn6IfEBkiqs4f4WVLcNNaPG7gI6LRXpC7CNVDUs 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024.0152_000a_o3.jpg?fit=cover&amp;format=webp&amp;width=520&amp;s=vAwl8TqLQ_wkCQBSA0tGq9fNxvEN71IG1fiE9awIuKk 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024.0152_000a_o3.jpg?fit=cover&amp;format=webp&amp;width=1040&amp;s=H1WQqmQ3s3KQwIEjnTuwaf-RqniuSgZgZnEcM-jRdrg 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024.0152_000a_o3.jpg?fit=cover&amp;format=webp&amp;width=1500&amp;s=AfVjMKrE-ds79UXDZiN-jmJh1jVS4CZccfDPFi4UgNU 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024.0152_000a_o3.jpg?fit=cover&amp;format=webp&amp;width=2080&amp;s=Mnz_j_R-iNm51O2UB0npR5fjkFiwKuoKGwiiE1iWQH0 2080w" style="object-position: 50% 50%;">
2394    </div>
2395                                                <div class="flex-grow px-4 py-3 md:px-7 md:py-6">
2396                            <div class="mb-6">
2397                                    <div class="
2398        uppercase font-title
2399    tracking-[2px] leading-[1.125]
2400            text-[14px] sm:text-[16px]  mb-2 ">
2401        Recent Acquisitions
2402    </div>
2403                            </div>
2404                            <h3 class="font-title text-carousel-title-small">
2405                                <a href="https://hnoc.org/research-collections/collection-highlights/le-spiritualiste">
2406                                    Le Spiritualiste
2407                                </a>
2408                            </h3>
2409                            <div class="mt-4">
2410                                
2411<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/le-spiritualiste">
2412    Learn More
2413    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2414    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2415</svg>
2416
2417</a>                            </div>
2418                        </div>
2419                    </div>
2420                </div>
2421                                                                                            <div class="swiper-slide  flex text-center  ">
2422                    <div class="flex-grow flex flex-col pb-5 group">
2423                                                    
2424
2425        
2426        <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%">
2427                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A woman kneels on the ground, shaping a large piece of stone or clay. She is surrounded by art materials and sculptures in an outdoor setting with a brick floor and plants in the background." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2022.0005.2.3_2024-09-06-201807_rche.png?fit=cover&amp;gravity%5Bx%5D=0.5148&amp;gravity%5By%5D=0.3408&amp;width=260&amp;s=L5leUR87ceER_fQ8jQ38tJ_ucLS3kZ3jULeS0FGzm_I" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2022.0005.2.3_2024-09-06-201807_rche.png?fit=cover&amp;gravity%5Bx%5D=0.5148&amp;gravity%5By%5D=0.3408&amp;format=webp&amp;width=260&amp;s=9Y18CMzI4P4SueYpkjSEaBeM4-bsaMrXx2G47fWZnms 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2022.0005.2.3_2024-09-06-201807_rche.png?fit=cover&amp;gravity%5Bx%5D=0.5148&amp;gravity%5By%5D=0.3408&amp;format=webp&amp;width=520&amp;s=8nLa2h5VLk2Dga3SkjIYkq_avUBiLpXIPBuxRhe5bEk 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2022.0005.2.3_2024-09-06-201807_rche.png?fit=cover&amp;gravity%5Bx%5D=0.5148&amp;gravity%5By%5D=0.3408&amp;format=webp&amp;width=1040&amp;s=fRz21mxJ83_xaCTKfirHtBhsHFsqn_2zO9EasBKaKLY 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2022.0005.2.3_2024-09-06-201807_rche.png?fit=cover&amp;gravity%5Bx%5D=0.5148&amp;gravity%5By%5D=0.3408&amp;format=webp&amp;width=1500&amp;s=GaLPCSNYv0_fgPXz6Bo7kdWQhh2jF40QM3X1ktVYNi4 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2022.0005.2.3_2024-09-06-201807_rche.png?fit=cover&amp;gravity%5Bx%5D=0.5148&amp;gravity%5By%5D=0.3408&amp;format=webp&amp;width=2080&amp;s=9jCuNdJr7aCBgAer1AXgWQKN1XGANytSgbZbBGrh0J8 2080w" style="object-position: 51.48% 34.08%;">
2428    </div>
2429                                                <div class="flex-grow px-4 py-3 md:px-7 md:py-6">
2430                            <div class="mb-6">
2431                                    <div class="
2432        uppercase font-title
2433    tracking-[2px] leading-[1.125]
2434            text-[14px] sm:text-[16px]  mb-2 ">
2435        Artist Archives
2436    </div>
2437                            </div>
2438                            <h3 class="font-title text-carousel-title-small">
2439                                <a href="https://hnoc.org/research-collections/collection-highlights/the-lin-emery-papers">
2440                                    Lin Emery Papers
2441                                </a>
2442                            </h3>
2443                            <div class="mt-4">
2444                                
2445<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/the-lin-emery-papers">
2446    Learn More
2447    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2448    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2449</svg>
2450
2451</a>                            </div>
2452                        </div>
2453                    </div>
2454                </div>
2455                                                                                            <div class="swiper-slide  flex text-center  ">
2456                    <div class="flex-grow flex flex-col pb-5 group">
2457                                                    
2458
2459        
2460        <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%">
2461                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A vintage photograph of Kid Ory, taken in 1917. He wears a dark suit and hat and carries a trombone case." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/orycollection1.JPG?fit=cover&amp;gravity%5Bx%5D=0.5717&amp;gravity%5By%5D=0.2349&amp;width=260&amp;s=sCD44Zy6Uh2BTO9gdu0HR0Lh9neTAEbXcyxC9QHCMOk" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/orycollection1.JPG?fit=cover&amp;gravity%5Bx%5D=0.5717&amp;gravity%5By%5D=0.2349&amp;format=webp&amp;width=260&amp;s=omIMSahES4IyVHpjMcSw-534kVTeE2lstFKyZib3fdY 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/orycollection1.JPG?fit=cover&amp;gravity%5Bx%5D=0.5717&amp;gravity%5By%5D=0.2349&amp;format=webp&amp;width=520&amp;s=hTKoEnzOHpBcAT0Icvqz2TyC-oSpgIQAFkme7yWVCAs 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/orycollection1.JPG?fit=cover&amp;gravity%5Bx%5D=0.5717&amp;gravity%5By%5D=0.2349&amp;format=webp&amp;width=1040&amp;s=FAjo6yM21lTmMZ2MBgdNW79xaSRi_he_mLAKj95YAtw 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/orycollection1.JPG?fit=cover&amp;gravity%5Bx%5D=0.5717&amp;gravity%5By%5D=0.2349&amp;format=webp&amp;width=1500&amp;s=yXkbvG-pr8_s8ulJ3DNjb4Utzr4nEauHrHFoUtlSyBs 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/orycollection1.JPG?fit=cover&amp;gravity%5Bx%5D=0.5717&amp;gravity%5By%5D=0.2349&amp;format=webp&amp;width=2080&amp;s=My0u59TNRrz0HXOHqyRkKQBASf3uZzlIbN1C_oeLajc 2080w" style="object-position: 57.17% 23.49%;">
2462    </div>
2463                                                <div class="flex-grow px-4 py-3 md:px-7 md:py-6">
2464                            <div class="mb-6">
2465                                    <div class="
2466        uppercase font-title
2467    tracking-[2px] leading-[1.125]
2468            text-[14px] sm:text-[16px]  mb-2 ">
2469        Recent Acquisitions
2470    </div>
2471                            </div>
2472                            <h3 class="font-title text-carousel-title-small">
2473                                <a href="https://hnoc.org/research-collections/collection-highlights/edward-kid-ory-papers">
2474                                    Edward “Kid” Ory Papers
2475                                </a>
2476                            </h3>
2477                            <div class="mt-4">
2478                                
2479<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/edward-kid-ory-papers">
2480    Learn More
2481    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2482    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2483</svg>
2484
2485</a>                            </div>
2486                        </div>
2487                    </div>
2488                </div>
2489                                                                                            <div class="swiper-slide  flex text-center  ">
2490                    <div class="flex-grow flex flex-col pb-5 group">
2491                                                    
2492
2493        
2494        <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%">
2495                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Juvenile and Polo Silk, between 1992 and 1999." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0220.9_O10.jpg?fit=cover&amp;gravity%5Bx%5D=0.4821&amp;gravity%5By%5D=0.2377&amp;width=260&amp;s=XS2mWZYVvf2Q9mgF2xD122d4cm2BlGzylwOMJ5wDa64" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0220.9_O10.jpg?fit=cover&amp;gravity%5Bx%5D=0.4821&amp;gravity%5By%5D=0.2377&amp;format=webp&amp;width=260&amp;s=fNt8mRUYzke-cSQL0to-nn_9-t1EPv4mchZ_aSibvBQ 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0220.9_O10.jpg?fit=cover&amp;gravity%5Bx%5D=0.4821&amp;gravity%5By%5D=0.2377&amp;format=webp&amp;width=520&amp;s=NT1kp-95C2Zzo0WOP8SLJ052e9BdtG3zFjPZmq1-w5M 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0220.9_O10.jpg?fit=cover&amp;gravity%5Bx%5D=0.4821&amp;gravity%5By%5D=0.2377&amp;format=webp&amp;width=1040&amp;s=_JCdknjKzZ9WosUGf7yCvpQnIfhG9ENFt5Q1GtWQNp0 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0220.9_O10.jpg?fit=cover&amp;gravity%5Bx%5D=0.4821&amp;gravity%5By%5D=0.2377&amp;format=webp&amp;width=1500&amp;
2495s=BIRaalDUOpWtab6E87ZQCNBSqTt7XzqUtv9_nyJbjs4 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0220.9_O10.jpg?fit=cover&amp;gravity%5Bx%5D=0.4821&amp;gravity%5By%5D=0.2377&amp;format=webp&amp;width=2080&amp;s=44PIxDNRDkJuIwNgNQzr1WzfVR5sU6-aGNgQVYBJq_E 2080w" style="object-position: 48.21% 23.77%;">
2496    </div>
2497                                                <div class="flex-grow px-4 py-3 md:px-7 md:py-6">
2498                            <div class="mb-6">
2499                                    <div class="
2500        uppercase font-title
2501    tracking-[2px] leading-[1.125]
2502            text-[14px] sm:text-[16px]  mb-2 ">
2503        Recent Acquisitions
2504    </div>
2505                            </div>
2506                            <h3 class="font-title text-carousel-title-small">
2507                                <a href="https://hnoc.org/research-collections/collection-highlights/polo-silk-photographs">
2508                                    Polo Silk Photographs
2509                                </a>
2510                            </h3>
2511                            <div class="mt-4">
2512                                
2513<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/polo-silk-photographs">
2514    Learn More
2515    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2516    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2517</svg>
2518
2519</a>                            </div>
2520                        </div>
2521                    </div>
2522                </div>
2523                                                                                            <div class="swiper-slide  flex text-center  ">
2524                    <div class="flex-grow flex flex-col pb-5 group">
2525                                                    
2526
2527        
2528        <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%">
2529                        <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 a busy outdoor art market. People are gathered along a narrow street lined with paintings displayed on easels and against the walls. Several individuals are looking at the artwork while others walk by or observe the scene." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/mss523.196_web_2024-07-03-201251_didu.jpg?fit=cover&amp;gravity%5Bx%5D=0.3263&amp;gravity%5By%5D=0.4715&amp;width=260&amp;s=U82hNUJtirvkj8N8oM0osOpsGZ4HRlPxrPdBr2Gt5Ck" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/mss523.196_web_2024-07-03-201251_didu.jpg?fit=cover&amp;gravity%5Bx%5D=0.3263&amp;gravity%5By%5D=0.4715&amp;format=webp&amp;width=260&amp;s=Cvl2SAaxtkmqIFz31zklHNfhr2TjT_L5NyZAsATX4B0 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/mss523.196_web_2024-07-03-201251_didu.jpg?fit=cover&amp;gravity%5Bx%5D=0.3263&amp;gravity%5By%5D=0.4715&amp;format=webp&amp;width=520&amp;s=IahKFLlxNSRCWdFpAURd6PN6HJOPCTrVT5HYABPQ4Fo 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/mss523.196_web_2024-07-03-201251_didu.jpg?fit=cover&amp;gravity%5Bx%5D=0.3263&amp;gravity%5By%5D=0.4715&amp;format=webp&amp;width=1040&amp;s=7vnzl3MmZZxeHLeGy5GezGk2nC81V6hlfnUypOQtv4s 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/mss523.196_web_2024-07-03-201251_didu.jpg?fit=cover&amp;gravity%5Bx%5D=0.3263&amp;gravity%5By%5D=0.4715&amp;format=webp&amp;width=1500&amp;s=CDz2x7erOvzofR9Bi0wrRToQuN-AzvVHH8nlR5bMpY0 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/mss523.196_web_2024-07-03-201251_didu.jpg?fit=cover&amp;gravity%5Bx%5D=0.3263&amp;gravity%5By%5D=0.4715&amp;format=webp&amp;width=2080&amp;s=BX8W2InCuJ1qrD2zBq42GBBl55aJn4vea5uCNaRxVrs 2080w" style="object-position: 32.63% 47.15%;">
2530    </div>
2531                                                <div class="flex-grow px-4 py-3 md:px-7 md:py-6">
2532                            <div class="mb-6">
2533                                    <div class="
2534        uppercase font-title
2535    tracking-[2px] leading-[1.125]
2536            text-[14px] sm:text-[16px]  mb-2 ">
2537        Artist Archives
2538    </div>
2539                            </div>
2540                            <h3 class="font-title text-carousel-title-small">
2541                                <a href="https://hnoc.org/research-collections/collection-highlights/pops-whitesell-photographs-series">
2542                                    Pops Whitesell Photographs
2543                                </a>
2544                            </h3>
2545                            <div class="mt-4">
2546                                
2547<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/pops-whitesell-photographs-series">
2548    Learn More
2549    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2550    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2551</svg>
2552
2553</a>                            </div>
2554                        </div>
2555                    </div>
2556                </div>
2557                                                                                            <div class="swiper-slide  flex text-center  ">
2558                    <div class="flex-grow flex flex-col pb-5 group">
2559                                                    
2560
2561        
2562        <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%">
2563                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Vintage advertisement for Dr. G. H. Tichenors Antiseptic Refrigerant, featuring a soldier with an American flag. Lists uses such as for wounds, burns, and cramps. Produced by Dr. G. H. Tichenor Antiseptic Co. in New Orleans, USA." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1979.369.32_o10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5217&amp;gravity%5By%5D=0.5223&amp;width=260&amp;s=toZLIu8ZPZX3buJjKE-usVRgfAxKMfWyICX7GmG7VGw" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1979.369.32_o10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5217&amp;gravity%5By%5D=0.5223&amp;format=webp&amp;width=260&amp;s=4fyf1wm-f0L7XbUqD1MtEfRz4SfaVfDDiojdLKcMLms 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1979.369.32_o10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5217&amp;gravity%5By%5D=0.5223&amp;format=webp&amp;width=520&amp;s=m-QVIqiEuFapeGD28_y6u-eCOn5XMmcvI3cXndXzx9c 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1979.369.32_o10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5217&amp;gravity%5By%5D=0.5223&amp;format=webp&amp;width=1040&amp;s=tHO26u4G1aqfj4sQrlaycf5uNsIZD5fWBu7nnCJSvcc 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1979.369.32_o10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5217&amp;gravity%5By%5D=0.5223&amp;format=webp&amp;width=1500&amp;s=GDeIPqr2-1VVPk5guaaet-WHoXjOnPK0qRuAby0e8Ak 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1979.369.32_o10.jpg?fit=cover&amp;gravity%5Bx%5D=0.5217&amp;gravity%5By%5D=0.5223&amp;format=webp&amp;width=2080&amp;s=1RhEfOtxNE48DZ_-OJE5-9j1af60iILl7koZToWo5x4 2080w" style="object-position: 52.17% 52.23%;">
2564    </div>
2565                                                <div class="flex-grow px-4 py-3 md:px-7 md:py-6">
2566                            <div class="mb-6">
2567                                    <div class="
2568        uppercase font-title
2569    tracking-[2px] leading-[1.125]
2570            text-[14px] sm:text-[16px]  mb-2 ">
2571        Staff Picks
2572    </div>
2573                            </div>
2574                            <h3 class="font-title text-carousel-title-small">
2575                                <a href="https://hnoc.org/research-collections/collection-highlights/dr-tichenors-bottle-label">
2576                                    Dr. Tichenor’s Bottle Label
2577                                </a>
2578                            </h3>
2579                            <div class="mt-4">
2580                                
2581<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/dr-tichenors-bottle-label">
2582    Learn More
2583    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2584    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2585</svg>
2586
2587</a>                            </div>
2588                        </div>
2589                    </div>
2590                </div>
2591                                                                                            <div class="swiper-slide  flex text-center  ">
2592                    <div class="flex-grow flex flex-col pb-5 group">
2593                                                    
2594
2595        
2596        <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%">
2597                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A round button with a blue background features a pink triangle and the text I&#039;m straight. But not narrow. printed in black letters." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2021.0199.4_o10.jpg?fit=cover&amp;width=260&amp;s=IQryQ6AWVnNixQEGOvNFzsPk5Rj0O84Kb2w6LV9jUtw" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2021.0199.4_o10.jpg?fit=cover&amp;format=webp&amp;width=260&amp;s=7LacgaX3ECz3nA1Es0jZqQnAXNORAvQLx7FW8cWaTdM 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2021.0199.4_o10.jpg?fit=cover&amp;format=webp&amp;width=520&amp;s=F0UzpfHvrGWKlry_SgrwvJVdlsBW8ohj-WHw_Ut-zns 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2021.0199.4_o10.jpg?fit=cover&amp;format=webp&amp;width=1040&amp;s=BnwW37-qSJiGSuDJFfQcf2DS6yXX29hRaqlvuOCFWkM 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2021.0199.4_o10.jpg?fit=cover&amp;format=webp&amp;width=1500&amp;s=7s-0SitbgLNfrT1RNjZew8yUCOKBPhTJq2K1ssHctjE 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2021.0199.4_o10.jpg?fit=cover&amp;format=webp&amp;width=2080&amp;s=mV9VgDWyLkmW_g2JmCtJFgHXg7zaYwEuuHcLWJWqWfU 2080w" style="object-position: 50% 50%;">
2598    </div>
2599                                                <div class="flex-grow px-4 py-3 md:px-7 md:py-6">
2600                            <div class="mb-6">
2601                                    <div class="
2602        uppercase font-title
2603    tracking-[2px] leading-[1.125]
2604            text-[14px] sm:text-[16px]  mb-2 ">
2605        Recent Acquisitions
2606    </div>
2607                            </div>
2608                            <h3 class="font-title text-carousel-title-small">
2609                                <a href="https://hnoc.org/research-collections/collection-highlights/andree-loisel-collection">
2610                                    Andrée Loisel Collection
2611                                </a>
2612                            </h3>
2613                            <div class="mt-4">
2614                                
2615<a  class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/andree-loisel-collection">
2616    Learn More
2617    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2618    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2619</svg>
2620
2621</a>                            </div>
2622                        </div>
2623                    </div>
2624                </div>
2625                    </div>
2626
2627        <div class="mb-4 sm:mb-0">
2628            <div class="relative sm:static">
2629    <div class="sm:hidden w-[calc(100%-96px)] transform top-1/2 -translate-y-1/2 absolute left-1/2 -translate-x-1/2">
2630        <div class="swiper-pagination !top-0 !bottom-0 flex"></div>
2631    </div>
2632    <div class="hidden sm:block ">
2633        <div class="swiper-pagination flex"></div>
2634    </div>
2635
2636    <div class="hidden sm:block">
2637        <div class="swiper-button-prev">
2638    <div class="w-[44px] hover:bg-white bg-white/80 p-2.5 border border-green rounded-full">
2639        <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Previous</title>
2640            <path d="M 10, 50
2641    L 60, 100
2642    L 65, 95
2643    L 20, 50
2644    L 65, 5
2645    L 60, 0
2646    Z" class="arrow"></path>
2647        </svg>
2648    </div>
2649</div>
2650<div class="swiper-button-next">
2651    <div class="w-[44px] hover:bg-white bg-white/80 p-2.5 border border-green rounded-full">
2652        <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Next</title>
2653            <path d="M 10, 50
2654    L 60, 100
2655    L 65, 95
2656    L 20, 50
2657    L 65, 5
2658    L 60, 0
2659    Z" class="arrow" transform="translate(100, 100) rotate(180)"></path>
2660        </svg>
2661    </div>
2662</div>
2663    </div>
2664    <div class="sm:hidden w-full flex items-center justify-between">
2665        <div class="!relative !mt-0 !top-0 swiper-button-prev !left-0">
2666    <div class="w-[44px]  hover:bg-white bg-white/80 p-2.5 border border-green rounded-full">
2667        <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Previous</title>
2668            <path d="M 10, 50
2669    L 60, 100
2670    L 65, 95
2671    L 20, 50
2672    L 65, 5
2673    L 60, 0
2674    Z" class="arrow"></path>
2675        </svg>
2676    </div>
2677</div>
2678<div class="!relative !mt-0  !top-0 swiper-button-next !right-0">
2679    <div class="w-[44px]  hover:bg-white bg-white/80 p-2.5 border border-green rounded-full">
2680        <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Next</title>
2681            <path d="M 10, 50
2682    L 60, 100
2683    L 65, 95
2684    L 20, 50
2685    L 65, 5
2686    L 60, 0
2687    Z" class="arrow" transform="translate(100, 100) rotate(180)"></path>
2688        </svg>
2689    </div>
2690</div>
2691    </div>
2692</div>        </div>
2693    </div>
2694
2695</div>                    
2696<div class="        bg-purple
2697 my-12">
2698    <div class="pt-12 pb-6  g--wrapper g--wrapper--small ">
2699        <div class="relative text-center">
2700            <h2 class="uppercase text-title-firstdraft tracking-[5px]">F<span class="m--small-caps">irst</span> D<span class="m--small-caps">raft</span></h2>
2701            <div class="mt-4 sm:mt-0 inline-block sm:absolute right-0 top-0">
2702                                    <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/publishing/first-draft">
2703    Visit the Blog
2704    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2705    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2706</svg>
2707
2708    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
2709flex justify-center items-center transition-all duration-500
2710stroke-white
2711   bg-green
2712   text-white
2713">
2714        Visit the Blog
2715        <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2716    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2717</svg>
2718
2719    </span>
2720
2721</a>                            </div>
2722        </div>
2723    </div>
2724            <div class="g--wrapper g--wrapper--small mb-12">
2725            <p class="z-10 text-center text-header-page  w-full ">Stories from the Historic New Orleans Collection</p>
2726        </div>
2727        <div class="g--wrapper g--wrapper--small mt-12">
2728        <div class="lg:-ml-10 lg:w-[calc(100%+5rem)] relative">
2729            <div class="lg:px-20 py-15 relative z-10">
2730                
2731
2732
2733
2734<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
2735    <div class="col-span-12
2736    md:col-span-5 ">
2737
2738        
2739
2740
2741
2742<div>
2743        <div class="
2744        uppercase font-title
2745    tracking-[2px] leading-[1.125]
2746            text-[14px] sm:text-[16px]  mb-2 ">
2747        First Draft
2748    </div>
2749            <h3 class="text-title-halfintro mb-6">
2750                            <a class="" href="https://hnoc.org/publishing/first-draft/the-rise-and-fall-of-john-law">The Rise and Fall of John Law</a>
2751                    </h3>
2752                    <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">
2753            <p>The Scottish financier set off a speculation bubble that accelerated development in the early Louisiana colony—and nearly ruined the French economy.</p>
2754        </div>
2755    
2756    <div class="flex items-center">
2757                    
2758
2759
2760
2761<a
2762
2763                target=""
2764        class=" relative group overflow-hidden
2765
2766   border border-transparent
2767   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
2768        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/publishing/first-draft/the-rise-and-fall-of-john-law">
2769    <span class="relative z-10 flex justify-center items-center">View
2770                    <svg class="ml-2" width="7" height="10" viewB
2770ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2771    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2772</svg>
2773
2774        </span>
2775
2776    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
2777flex justify-center items-center transition-all duration-500
2778      text-[--buttonBg]
2779   bg-[--buttonText]
2780   stroke-[--buttonBg]
2781">
2782        View
2783                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2784    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2785</svg>
2786
2787            </span>
2788
2789</a>                            </div>
2790</div>    </div>
2791
2792    
2793                    <div class="col-span-12 md:col-span-6 md:col-start-7 ">
2794                                                                                                                    <a class="block cursor-pointer group" href="https://hnoc.org/publishing/first-draft/the-rise-and-fall-of-john-law">                    
2795
2796        
2797        <div class="overflow-hidden relative" style="padding-top:121.92307692308%">
2798                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Black-and-white illustration of a crowded street scene in 1700s France, with people waving papers in the air to depict stock-market trading." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/60-63_024_pl16-recto.jpg?fit=cover&amp;gravity%5Bx%5D=0.5095&amp;gravity%5By%5D=0.7088&amp;width=260&amp;s=5lAk2X-aUSvPcRM-daUT4rkhjPhDXI5NuaJ4-Q8T_gQ" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/60-63_024_pl16-recto.jpg?fit=cover&amp;gravity%5Bx%5D=0.5095&amp;gravity%5By%5D=0.7088&amp;format=webp&amp;width=260&amp;s=uMeZgGW4c8lVz3MCiPquuQtc6HoiuC83F1lc_aXnHh8 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/60-63_024_pl16-recto.jpg?fit=cover&amp;gravity%5Bx%5D=0.5095&amp;gravity%5By%5D=0.7088&amp;format=webp&amp;width=520&amp;s=h8W5e9U-0lIPEhyN-5KeugjCo09czz58oNx-coq7eq4 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/60-63_024_pl16-recto.jpg?fit=cover&amp;gravity%5Bx%5D=0.5095&amp;gravity%5By%5D=0.7088&amp;format=webp&amp;width=1040&amp;s=PXS1b2Wkw_xNxpE73_ekDrjKnwVQgsQjnbCgppqgF-E 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/60-63_024_pl16-recto.jpg?fit=cover&amp;gravity%5Bx%5D=0.5095&amp;gravity%5By%5D=0.7088&amp;format=webp&amp;width=1500&amp;s=2leIRAlVfuWFBrxhydblzBNYgjsefFzOcc-GKFW3aEQ 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/60-63_024_pl16-recto.jpg?fit=cover&amp;gravity%5Bx%5D=0.5095&amp;gravity%5By%5D=0.7088&amp;format=webp&amp;width=2080&amp;s=WcFTPYvCZsJ2d1UnXaofk2rf8HHFh6zyTlC9iWm0S-o 2080w" style="object-position: 50.95% 70.88%;">
2799    </div>
2800                </a>            </div>
2801            </div>
2802            </div>
2803                            <div class="absolute opacity-20 top-0 left-0 w-full h-full z-0 object-cover">
2804                                                            <img class="lazyload top-0 left-0 h-full w-full absolute object-cover" alt="1974 25 15 91 Storyville map web" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1974.25.15.91_Storyville_map-web.png?fit=cover&amp;width=260&amp;s=zmdnGWzwiOJ04P11V4su-iZSqRmew80g8NlvuAoSe4c" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1974.25.15.91_Storyville_map-web.png?fit=cover&amp;width=260&amp;s=zmdnGWzwiOJ04P11V4su-iZSqRmew80g8NlvuAoSe4c 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1974.25.15.91_Storyville_map-web.png?fit=cover&amp;width=520&amp;s=4eWE-oAG9V5BZ6VSQ3ij69zMZHinZW4m3ij3UnnSaoc 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1974.25.15.91_Storyville_map-web.png?fit=cover&amp;width=1040&amp;s=u9yJa8qUm0Pqxy95IOX80CZk7nfxJt1nbxasMMWjIwI 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1974.25.15.91_Storyville_map-web.png?fit=cover&amp;width=1500&amp;s=SkD9zQxPnBFZMtRgPXonMNPEyiHfHv5ivxnrDMSUv98 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1974.25.15.91_Storyville_map-web.png?fit=cover&amp;width=2080&amp;s=vPXBxXBr-859Fb7x3WQZG1kol8OcOW9TUarFzWkszjM 2080w" style="object-position: 50% 50%;">
2805                                    </div>
2806            
2807        </div>
2808    </div>
2809            <div class="-mt-12">
2810            
2811
2812    <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
2813after:absolute  after:top-0 after:left-0 after:h-full after:w-full after:content-[''] after:bg-opacity-80
2814">
2815        <div class="g--wrapper relative z-10">
2816                <div class="
2817        uppercase font-title
2818    tracking-[2px] leading-[1.125]
2819            text-[14px] sm:text-[16px]  mb-2 ">
2820        FIRST DRAFT NEWSLETTER
2821    </div>
2822            <h3 class="text-title-halfintro mt-6 font-serif"><p><span>New Orleans Stories, <br>Delivered to Your Inbox</span></p></h3>
2823            <div class="mt-8">
2824                <form method="GET" action="https://pages.wordfly.com/historicneworleanscollection/pages/Subscribe/" target="_blank" class="flex flex-col sm:flex-row justify-center">
2825    <div class="flex flex-wrap sm:flex-nowrap items-end">
2826        <div class="flex flex-col  justify-start w-full sm:w-auto">
2827            <label class=" font-satoshi font-medium uppercase  mb-1 text-left text-[16px]" for="email6341">Email address</label>
2828            <input id="email6341" 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">
2829        </div>
2830        <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>
2831    </div>
2832</form>            </div>
2833        </div>
2834            </div>
2835        </div>
2836    </div>
2837                    
2838
2839    <div class="mt-10 mb-10          bg-white
2840 ">
2841        <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4">
2842            <div class="w-full flex-grow md:w-auto">
2843                <h2 class="text-subtitle-page uppercase font-title">
2844    Publishing
2845</h2>
2846                                    <p class="font-satoshi font-medium text-[18px] mt-2 w-full md:w-1/2">Explore our popular books and quarterly magazine.</p>
2847                            </div>
2848                            <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/publishing">
2849    Learn More
2850    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2851    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2852</svg>
2853
2854    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
2855flex justify-center items-center transition-all duration-500
2856stroke-white
2857   bg-green
2858   text-white
2859">
2860        Learn More
2861        <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2862    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2863</svg>
2864
2865    </span>
2866
2867</a>                    </div>
2868    </div>
2869                    
2870    <div class="mb-12 c--node         bg-white
2871 mt-12">
2872        <div class="c--node g--wrapper g--wrapper--small">
2873            <div class="pb-12  border-b border-pink">
2874                                                            <div class="">
2875                            
2876
2877
2878
2879<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
2880    <div class="col-span-12
2881    md:col-span-5 md:order-2 md:col-start-8">
2882
2883        
2884
2885
2886
2887<div>
2888        <div class="
2889        uppercase font-title
2890    tracking-[2px] leading-[1.125]
2891            text-[14px] sm:text-[16px]  mb-2 ">
2892        Preorder Now
2893    </div>
2894            <h3 class="text-title-halfintro mb-6">
2895                            <a class="" href="https://shophnoc.com/products/bunny-matthews-his-life-art-and-obsessions">Bunny Matthews: His Life, Art, and Obsessions</a>
2896                    </h3>
2897                    <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">
2898            <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.</p>
2899        </div>
2900    
2901    <div class="flex items-center">
2902                    
2903
2904
2905
2906<a
2907
2908                target=""
2909        class=" relative group overflow-hidden
2910
2911   border border-transparent
2912   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
2913        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://shophnoc.com/products/bunny-matthews-
2913his-life-art-and-obsessions">
2914    <span class="relative z-10 flex justify-center items-center">Preorder
2915                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2916    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2917</svg>
2918
2919        </span>
2920
2921    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
2922flex justify-center items-center transition-all duration-500
2923      text-[--buttonBg]
2924   bg-[--buttonText]
2925   stroke-[--buttonBg]
2926">
2927        Preorder
2928                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2929    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2930</svg>
2931
2932            </span>
2933
2934</a>                            <div class="ml-7.5 flex">
2935                <a target="" class="hover:underline text-[16px] leading-[1.5] tracking-[0.1px] text-green rounded-[1.25rem] font-satoshi font-medium" href="https://hnoc.org/publishing/books/bunny-matthews-his-life-art-and-obsessions">
2936    Learn More
2937</a>            </div>
2938                    </div>
2939</div>    </div>
2940
2941    
2942                    <div class="col-span-12 md:col-span-6 ">
2943                                                                                                                    <a class="block cursor-pointer group" href="https://shophnoc.com/products/bunny-matthews-his-life-art-and-obsessions">                    
2944
2945        
2946        <div class="overflow-hidden relative" style="padding-top:109.23076923077%">
2947                        <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;width=260&amp;s=hZJYGT5XisFf33Y1c14iuVzJOvy5TGg99T5p0KnV0Z0 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;width=520&amp;s=L3oBSbFDMHBH6_CT5tbGROSquypw-Dfslwrym4fbLI0 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;width=1040&amp;s=9ao5Ww4LLr8DPs70NExkfZsLI6rZEMl1tnhImbvMwk0 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;width=1500&amp;s=dccYhhiM2C4xE2YFooi-YCnTo6kq-RchZ4iyubkOkVg 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;width=2080&amp;s=KSHnu4HSmOuORvWmC2A2wwzqAfOaI9Kn6TcgyM0LJ_4 2080w" style="object-position: 52.45% 15.99%;">
2948    </div>
2949                </a>            </div>
2950            </div>
2951                        </div>
2952                                                </div>
2953        </div>
2954    </div>
2955                    
2956
2957    <div class="mt-10 mb-10          bg-white
2958 ">
2959        <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4">
2960            <div class="w-full flex-grow md:w-auto">
2961                <h2 class="text-subtitle-page uppercase font-title">
2962    History For Everyone
2963</h2>
2964                                    <p class="font-satoshi font-medium text-[18px] mt-2 w-full md:w-1/2">Dive into HNOC’s content, collections, and upcoming community events.</p>
2965                            </div>
2966                            <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/learn-explore">
2967    View More
2968    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2969    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2970</svg>
2971
2972    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
2973flex justify-center items-center transition-all duration-500
2974stroke-white
2975   bg-green
2976   text-white
2977">
2978        View More
2979        <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2980    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
2981</svg>
2982
2983    </span>
2984
2985</a>                    </div>
2986    </div>
2987                    
2988    <div class="mb-12 c--node         bg-white
2989 mt-12">
2990        <div class="c--node g--wrapper g--wrapper--small">
2991            <div class="pb-12  border-b border-pink">
2992                                                            <div class="mb-10 lg:mb-20">
2993                            
2994
2995
2996
2997<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
2998    <div class="col-span-12
2999    md:col-span-5 md:order-2 md:col-start-8">
3000
3001        
3002
3003
3004    
3005<div>
3006        <div class="
3007        uppercase font-title
3008    tracking-[2px] leading-[1.125]
3009            text-[14px] sm:text-[16px]  mb-2 ">
3010        Events
3011    </div>
3012            <h3 class="text-subtitle-page tracking-[0px] leading-[1.1875] mb-6">
3013                            <a class="" href="https://hnoc.org/events/chess-club-2026-4">2026 Chess Club Meeting</a>
3014                    </h3>
3015                <div class="uppercase text-[16px] leading-[1.5] tracking-[2px] font-title mb-4">September 12, 2026, 1–3  p.m.</div>
3016                <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">
3017            Join HNOC’s free, all-ages Chess Club to learn more about the game and help plan future gatherings and events.
3018        </div>
3019    
3020    <div class="flex items-center">
3021                    
3022
3023
3024
3025<a
3026
3027                target=""
3028        class=" relative group overflow-hidden
3029
3030   border border-transparent
3031   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
3032        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/events/chess-club-2026-4">
3033    <span class="relative z-10 flex justify-center items-center">View
3034                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3035    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
3036</svg>
3037
3038        </span>
3039
3040    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
3041flex justify-center items-center transition-all duration-500
3042      text-[--buttonBg]
3043   bg-[--buttonText]
3044   stroke-[--buttonBg]
3045">
3046        View
3047                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3048    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
3049</svg>
3050
3051            </span>
3052
3053</a>                            </div>
3054</div>    </div>
3055
3056    
3057                    <div class="col-span-12 md:col-span-6 ">
3058                                                                                                                                                        <a class="block cursor-pointer group" href="https://hnoc.org/events/chess-club-2026-4">                    
3059
3060        
3061        <div class="overflow-hidden relative" style="padding-top:68.461538461538%">
3062                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Children are playing chess at a table covered with a blue cloth in a busy room. One child looks thoughtful while contemplating a move. Adults and other children are engaged in activities at surrounding tables." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20220709_ChessFest_AJ037_adj_web.jpg?fit=cover&amp;width=260&amp;s=DE0M5CumBfLLAQKeP39dr-XlQW05obQUFxZKp5D7Lec" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20220709_ChessFest_AJ037_adj_web.jpg?fit=cover&amp;format=webp&amp;height=178&amp;width=260&amp;s=8yFbqGW_ofxKmFKaAabOHMRrrUGhchbmjPzP9IfI9Oc 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20220709_ChessFest_AJ037_adj_web.jpg?fit=cover&amp;format=webp&amp;height=356&amp;width=520&amp;s=MmO5j6wPkibSGZrr62jCg7NIAspjd2ga73_4iBPzJzY 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20220709_ChessFest_AJ037_adj_web.jpg?fit=cover&amp;format=webp&amp;height=712&amp;width=1040&amp;s=j6JetmSLgALc2BuMKlNzeO2gG-RM3d2FAotvOKrm_1w 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20220709_ChessFest_AJ037_adj_web.jpg?fit=cover&amp;format=webp&amp;height=1027&amp;width=1500&amp;s=iOPx95iPBkksgClbF8wBn7HhS4KMWlHpSHlIzLlnVlc 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20220709_ChessFest_AJ037_adj_web.jpg?fit=cover&amp;format=webp&amp;height=1424&amp;width=2080&amp;s=uUa4OLh6wHmOyNwFCYeChkVBxsn7JOzwd8SxbBV7deI 2080w" style="object-position: 50% 50%;">
3063    </div>
3064                </a>            </div>
3065            </div>
3066                        </div>
3067                                            <div class="">
3068                            
3069
3070
3071
3072<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
3073    <div class="col-span-12
3074    md:col-span-5 ">
3075
3076        
3077
3078
3079    
3080<div>
3081        <div class="
3082        uppercase font-title
3083    tracking-[2px] leading-[1.125]
3084            text-[14px] sm:text-[16px]  mb-2 ">
3085        Events
3086    </div>
3087            <h3 class="text-subtitle-page tracking-[0px] leading-[1.1875] mb-6">
3088                            <a class="" href="https://hnoc.org/events/fall-2026-educator-open-house">Fall 2026 Educator Open House</a>
3089                    </h3>
3090                <div class="uppercase text-[16px] leading-[1.5] tracking-[2px] font-title mb-4">September 19, 2026, 11:30  a.m.–1  p.m.</div>
3091                <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">
3092            New Orleans-area educators are invited to learn about HNOC resources available to them and their students.
3093        </div>
3094    
3095    <div class="flex items-center">
3096                    
3097
3098
3099
3100<a
3101
3102                target=""
3103        class=" relative group overflow-hidden
3104
3105   border border-transparent
3106   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
3107        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/events/fall-2026-educator-open-house">
3108    <span class="relative z-10 flex justify-center items-center">View
3109                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3110    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
3111</svg>
3112
3113        </span>
3114
3115    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
3116flex justify-center items-center transition-all duration-500
3117      text-[--buttonBg]
3118   bg-[--buttonText]
3119   stroke-[--buttonBg]
3120">
3121        View
3122                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3123    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
3124</svg>
3125
3126            </span>
3127
3128</a>                            </div>
3129</div>    </div>
3130
3131    
3132                    <div class="col-span-12 md:col-span-6 md:col-start-7 ">
3133                                                                                                                                                        <a class="block cursor-pointer group" href="https://hnoc.org/events/fall-2026-educator-open-house">                    
3134
3135        
3136        <div class="overflow-hidden relative" style="padding-top:68.461538461538%">
3137                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Educators participate in an Educator Open House event at HNOC. Teachers sit at desks in a classrom while listening to a faciliator." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20180626_Education_GliderLehrmanTeacherWorkshop_MC-007_o3.jpg?fit=cover&amp;width=260&amp;s=nfLdx2ZhoEWE_9dsnN1xIPzLaHg4_JiWLGtTs64gkE4" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20180626_Education_GliderLehrmanTeacherWorkshop_MC-007_o3.jpg?fit=cover&amp;format=webp&amp;height=178&amp;width=260&amp;s=xzYJIDWtrXNkUJ5LXF4UlFnkffphX3OqvFp4BDZWvm8 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20180626_Education_GliderLehrmanTeacherWorkshop_MC-007_o3.jpg?fit=cover&amp;format=webp&amp;height=356&amp;width=520&amp;s=o7qp1jr6QBTRYJU68EC89wt0ToOtQZ7R9vBKIdmX880 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20180626_Education_GliderLehrmanTeacherWorkshop_MC-007_o3.jpg?fit=cover&amp;format=webp&amp;height=712&amp;width=1040&amp;s=DqbfxdWoPY91CW64lfLiqnGznb661wrX3YxxPO7JMgA 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20180626_Education_GliderLehrmanTeacherWorkshop_MC-007_o3.jpg?fit=cover&amp;format=webp&amp;height=1027&amp;width=1500&amp;s=kCWwKe6j28T7AzBimTkeKrgjDND_uyNGvJmTHkkGD_c 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20180626_Education_GliderLehrmanTeacherWorkshop_MC-007_o3.jpg?fit=cover&amp;format=webp&amp;height=1424&amp;width=2080&amp;
3137s=huRDLBKCayM5_U-f6A-5aoK-cI_dF17PI3xNatvhpCw 2080w" style="object-position: 50% 50%;">
3138    </div>
3139                </a>            </div>
3140            </div>
3141                        </div>
3142                                                </div>
3143        </div>
3144    </div>
3145                    
3146
3147    <div class="pt-10         bg-pink-blush
3148 ">
3149        <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4">
3150            <div class="w-full flex-grow md:w-auto">
3151                <h2 class="text-subtitle-page uppercase font-title">
3152    Shop &amp; Relax
3153</h2>
3154                            </div>
3155                    </div>
3156    </div>
3157                    
3158    <div class="mb-12 c--node         bg-pink-blush
3159 pt-12 c--remove-previous-border">
3160        <div class="c--node g--wrapper g--wrapper--small">
3161            <div class="pb-12 ">
3162                                    <div class="grid md:grid-cols-2 gap-7.5">
3163                                                    
3164
3165
3166<div class="">
3167            <div class="">
3168                        <a href="https://shophnoc.com" class="block group ">
3169                                    
3170
3171        
3172        <div class="overflow-hidden relative" style="padding-top:84.615384615385%">
3173                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Interior view of the Shop at the Historic New Orleans Collection. A shopper is looking at greeting cards on the right side of the image." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260126_TheShop_AJ013_o3.jpg?fit=cover&amp;width=260&amp;s=MyUQEIggNTOFnQeynSlAtSJrvloG-5rV7FYhKce__5Y" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260126_TheShop_AJ013_o3.jpg?fit=cover&amp;format=webp&amp;height=220&amp;width=260&amp;s=DkvyDR0zTV5P619rnIAlGit2N5eHogEV_kgLnVT_wAI 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260126_TheShop_AJ013_o3.jpg?fit=cover&amp;format=webp&amp;height=440&amp;width=520&amp;s=cMSigd72vpWvAgUQU1dv2tIEVyuoFZmxOMz-QX9ANDM 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260126_TheShop_AJ013_o3.jpg?fit=cover&amp;format=webp&amp;height=880&amp;width=1040&amp;s=4-5aE6KUdibE_jKTPzuCJ_VQukQVhBSGkbcwv-dqtRk 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260126_TheShop_AJ013_o3.jpg?fit=cover&amp;format=webp&amp;height=1270&amp;width=1500&amp;s=Fmd0CQVEMfWMKjnihomJYuZZNQIWYLmsv3pdSPeR0HQ 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260126_TheShop_AJ013_o3.jpg?fit=cover&amp;format=webp&amp;height=1760&amp;width=2080&amp;s=-qxApST4yWANgcgd_SC_mP93A4QWoSu08NkBymtv1Nc 2080w" style="object-position: 50% 50%;">
3174    </div>
3175                            </a>
3176        </div>
3177        <div class="px-7 py-6 relative
3178       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-['']
3179">
3180        
3181<div class="text-center">
3182    <div class="text-[16px] tracking-[2px] leading-[1.125] uppercase mb-2 font-title">
3183        Visit
3184    </div>
3185            <h3 class="tracking-[0px]  text-subtitle-page leading-[1.1875] mb-4">
3186            <a  class="" href="https://shophnoc.com">The Shop</a>
3187        </h3>
3188                <div class="mx-auto xl:w-3/4  mb-6
3189                text-[16px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium
3190                g--highlight-link
3191"><p><span>Our award-winning museum shop offers gifts by local artists, HNOC books, merchandise inspired by objects from our holdings, and much more.</span></p></div>
3192        <div class="flex justify-center items-center">
3193                    
3194
3195
3196
3197<a
3198
3199                target=""
3200        class=" relative group overflow-hidden
3201
3202   border border-transparent
3203   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
3204        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://shophnoc.com">
3205    <span class="relative z-10 flex justify-center items-center">Shop Now
3206                    <svg class="ml-2" width="7" height="10" viewB
3206ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3207    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
3208</svg>
3209
3210        </span>
3211
3212    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
3213flex justify-center items-center transition-all duration-500
3214      text-[--buttonBg]
3215   bg-[--buttonText]
3216   stroke-[--buttonBg]
3217">
3218        Shop Now
3219                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3220    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
3221</svg>
3222
3223            </span>
3224
3225</a>                    </div>
3226
3227</div>    </div>
3228</div>                                                    
3229
3230
3231<div class="">
3232            <div class="">
3233                        <a href="https://hnoc.org/visit/our-campus/the-cafe-at-the-collection" class="block group ">
3234                                    
3235
3236        
3237        <div class="overflow-hidden relative" style="padding-top:84.615384615385%">
3238                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Exterior view of the courtyard cafe at the Historic New Orleans Collection." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260430_CafeShoot_AJ005_o3.jpg?fit=cover&amp;width=260&amp;s=wna7cyce93AkwAzIFCkbaAJsymILDBBnF27MN7w5KaI" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260430_CafeShoot_AJ005_o3.jpg?fit=cover&amp;format=webp&amp;height=220&amp;width=260&amp;s=sPGdIlDDF0211LCl0NWgKLqjT2NNnfUNB7SedciAf3k 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260430_CafeShoot_AJ005_o3.jpg?fit=cover&amp;format=webp&amp;height=440&amp;width=520&amp;s=oNyj4aHM1OQp_dtZMK9AKeXM6Iwi8otzv17v6XZDmQ4 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260430_CafeShoot_AJ005_o3.jpg?fit=cover&amp;format=webp&amp;height=880&amp;width=1040&amp;s=-nmWFTpSMS8RkYzdA2joHk0AuzKmFzu5uy8SExP8SVY 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260430_CafeShoot_AJ005_o3.jpg?fit=cover&amp;format=webp&amp;height=1270&amp;width=1500&amp;s=_F9EZmE-Y0xw99R5Xv5wH-lGqu6xAVZpuCd9WpQS774 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260430_CafeShoot_AJ005_o3.jpg?fit=cover&amp;format=webp&amp;height=1760&amp;width=2080&amp;s=CqfzhZPjP-lBhawWM8XAYR4WlhkD_KEL1TeHSlXvpug 2080w" style="object-position: 50% 50%;">
3239    </div>
3240                            </a>
3241        </div>
3242        <div class="px-7 py-6 relative
3243    ">
3244        
3245<div class="text-center">
3246    <div class="text-[16px] tracking-[2px] leading-[1.125] uppercase mb-2 font-title">
3247        Visit
3248    </div>
3249            <h3 class="tracking-[0px]  text-subtitle-page leading-[1.1875] mb-4">
3250            <a  class="" href="https://hnoc.org/visit/our-campus/the-cafe-at-the-collection">The Café</a>
3251        </h3>
3252                <div class="mx-auto xl:w-3/4  mb-6
3253                text-[16px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium
3254                g--highlight-link
3255"><p><span>Relax and recharge while enjoying a coffee or pastry in our historic and picturesque Brulatour Courtyard.</span></p></div>
3256        <div class="flex justify-center items-center">
3257                    
3258
3259
3260
3261<a
3262
3263                target=""
3264        class=" relative group overflow-hidden
3265
3266   border border-transparent
3267   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
3268        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/the-cafe-at-the-collection">
3269    <span class="relative z-10 flex justify-center items-center">Learn More
3270                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3271    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
3272</svg>
3273
3274        </span>
3275
3276    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
3277flex justify-center items-center transition-all duration-500
3278      text-[--buttonBg]
3279   bg-[--buttonText]
3280   stroke-[--buttonBg]
3281">
3282        Learn More
3283                    <svg class="ml-2" width="7" height="10" viewB
3283ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3284    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
3285</svg>
3286
3287            </span>
3288
3289</a>                    </div>
3290
3291</div>    </div>
3292</div>                                            </div>
3293                            </div>
3294        </div>
3295    </div>
3296                    
3297
3298    <div class="mt-10 mb-10          bg-white
3299 ">
3300        <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4">
3301            <div class="w-full flex-grow md:w-auto">
3302                <h2 class="text-subtitle-page uppercase font-title">
3303    Donate &amp; Support
3304</h2>
3305                                    <p class="font-satoshi font-medium text-[18px] mt-2 w-full md:w-1/2">Become a member and support our mission.</p>
3306                            </div>
3307                    </div>
3308    </div>
3309                    
3310    <div class="mb-12 c--node         bg-white
3311 mt-12">
3312        <div class="c--node g--wrapper g--wrapper--small">
3313            <div class="pb-12  border-b border-pink">
3314                                                            <div class="mb-10 lg:mb-20">
3315                            
3316
3317
3318
3319<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
3320    <div class="col-span-12
3321    md:col-span-5 md:order-2 md:col-start-8">
3322
3323        
3324
3325
3326
3327<div>
3328        <div class="
3329        uppercase font-title
3330    tracking-[2px] leading-[1.125]
3331            text-[14px] sm:text-[16px]  mb-2 ">
3332        Support
3333    </div>
3334            <h3 class="text-title-halfintro mb-6">
3335                            <a class="" href="https://hnoc.org/support/membership">Become a Member</a>
3336                    </h3>
3337                    <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">
3338            <p><span>The Historic New Orleans Collection is for everyone! Get the most out of your visit to HNOC with great year-round perks, and find the membership level right for you.</span></p>
3339        </div>
3340    
3341    <div class="flex items-center">
3342                    
3343
3344
3345
3346<a
3347
3348                target=""
3349        class=" relative group overflow-hidden
3350
3351   border border-transparent
3352   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
3353        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/support/membership">
3354    <span class="relative z-10 flex justify-center items-center">Learn More
3355                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3356    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
3357</svg>
3358
3359        </span>
3360
3361    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
3362flex justify-center items-center transition-all duration-500
3363      text-[--buttonBg]
3364   bg-[--buttonText]
3365   stroke-[--buttonBg]
3366">
3367        Learn More
3368                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3369    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
3370</svg>
3371
3372            </span>
3373
3374</a>                            </div>
3375</div>    </div>
3376
3377    
3378                    <div class="col-span-12 md:col-span-6 ">
3379                                                                                                                                                        <a class="block cursor-pointer group" href="https://hnoc.org/support/membership">                    
3380
3381        
3382        <div class="overflow-hidden relative" style="padding-top:68.461538461538%">
3383                        <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A man helps a young girl adjust her headphones at an interactive exhibit in a museum. They stand by a display with screens and audio equipment, focused on the experience. The background features informational plaques on the wall." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20190209_ArtsNOLA_FamilyDay_MC-130_o3.jpg?fit=cover&amp;width=260&amp;s=UsI-SSVMWNKp-BVuUJ28q9fSHtYyqbZvap_xc1id7zE" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20190209_ArtsNOLA_FamilyDay_MC-130_o3.jpg?fit=cover&amp;format=webp&amp;height=178&amp;width=260&amp;s=J_rVovOYbqvlv-wwtvkYnalL5EUl9iRbLtLpl1KCahw 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20190209_ArtsNOLA_FamilyDay_MC-130_o3.jpg?fit=cover&amp;format=webp&amp;height=356&amp;width=520&amp;s=9IddN0S4sIkNbQuic5_46wrKV5ql00vxdzN7hQaxIac 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20190209_ArtsNOLA_FamilyDay_MC-130_o3.jpg?fit=cover&amp;format=webp&amp;height=712&amp;width=1040&amp;s=i3I8WlR0VmbiBuVfE-Syrv_hWjcHJcYh3m9MjsYASHI 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20190209_ArtsNOLA_FamilyDay_MC-130_o3.jpg?fit=cover&amp;format=webp&amp;height=1027&amp;width=1500&amp;s=UUcHGExxk4NT8N7tvlu6j81KpP5jeTFt0a4Ma2D0_-k 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20190209_ArtsNOLA_FamilyDay_MC-130_o3.jpg?fit=cover&amp;format=webp&amp;height=1424&amp;width=2080&amp;s=MrKqWr6uu8ncx4M5mO9VqppEf2RHfhO1W8DL1Luz1ow 2080w" style="object-position: 50% 50%;">
3384    </div>
3385                </a>            </div>
3386            </div>
3387                        </div>
3388                                            <div class="">
3389                            
3390
3391
3392
3393<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
3394    <div class="col-span-12
3395    md:col-span-5 ">
3396
3397        
3398
3399
3400    
3401<div>
3402        <div class="
3403        uppercase font-title
3404    tracking-[2px] leading-[1.125]
3405            text-[14px] sm:text-[16px]  mb-2 ">
3406        Events
3407    </div>
3408            <h3 class="text-subtitle-page tracking-[0px] leading-[1.1875] mb-6">
3409                            <a class="" href="https://hnoc.org/events/cheers-to-60-years">Cheers to 60 Years! Presented by Ryan Gootee General Contractors</a>
3410                    </h3>
3411                <div class="uppercase text-[16px] leading-[1.5] tracking-[2px] font-title mb-4">October 29, 2026, 6–9  p.m.</div>
3412                <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">
3413            Join us in celebrating HNOC‘s 60th birthday with an unforgettable evening in the French Quarter.
3414        </div>
3415    
3416    <div class="flex items-center">
3417                    
3418
3419
3420
3421<a
3422
3423                target=""
3424        class=" relative group overflow-hidden
3425
3426   border border-transparent
3427   bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText]
3428        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/events/cheers-to-60-years">
3429    <span class="relative z-10 flex justify-center items-center">View
3430                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3431    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
3432</svg>
3433
3434        </span>
3435
3436    <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0
3437flex justify-center items-center transition-all duration-500
3438      text-[--buttonBg]
3439   bg-[--buttonText]
3440   stroke-[--buttonBg]
3441">
3442        View
3443                    <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
3444    <path d="M1.5 1L5.5 5L1.5 9"  stroke-width="1.5"/>
3445</svg>
3446
3447            </span>
3448
3449</a>                            </div>
3450</div>    </div>
3451
3452    
3453                    <div class="col-span-12 md:col-span-6 md:col-start-7 ">
3454                                                                                                                                                        <a class="block cursor-pointer group" href="https://hnoc.org/events/cheers-to-60-years">                    
3455
3456        
3457        <div class="overflow-hidden relative" style="padding-top:68.461538461538%">
3458                        <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=178&amp;width=260&amp;s=medQ4NtgNx_NNzCVAtvBfZ5I5AyUChfMlybT2plxFWA 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=356&amp;width=520&amp;s=teyddpvk2393VM9kkYFUYpBvp5dSWmSP6QjK900QZfg 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=712&amp;width=1040&amp;s=kirfDKAKOlN_dgDJdx7qOUObfWcD4BfUFYzOxrZPnzM 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=1027&amp;width=1500&amp;s=497pv7mEZsOc-FEdQsRX-3zzq2ZkTSni7vQqgYFowFg 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=1424&amp;width=2080&amp;s=xBoFmhLmZE-WpQLlYQSyFnH3tzK9Nc2WDQ4S0thR6jw 2080w" style="object-position: 59.14% 52.58%;">
3459    </div>
3460                </a>            </div>
3461            </div>
3462                        </div>
3463                                                </div>
3464        </div>
3465    </div>
3466                        
3467
3468    <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
3469after:absolute         after:bg-terra
3470  after:top-0 after:left-0 after:h-full after:w-full after:content-[''] after:bg-opacity-80
3471">
3472        <div class="g--wrapper relative z-10">
3473                <div class="
3474        uppercase font-title
3475    tracking-[2px] leading-[1.125]
3476            text-[14px] sm:text-[16px]  mb-2 ">
3477        Stay Connected
3478    </div>
3479            <h3 class="text-title-halfintro mt-6 font-serif"><p>Subscribe to Our Newsletter</p></h3>
3480            <div class="mt-8">
3481                <form method="GET" action="https://pages.wordfly.com/historicneworleanscollection/pages/Subscribe/" target="_blank" class="flex flex-col sm:flex-row justify-center">
3482    <div class="flex flex-wrap sm:flex-nowrap items-end">
3483        <div class="flex flex-col  justify-start w-full sm:w-auto">
3484            <label class=" font-satoshi font-medium uppercase  mb-1 text-left text-[16px]" for="email85777">Email address</label>
3485            <input id="email85777" 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">
3486        </div>
3487        <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>
3488    </div>
3489</form>            </div>
3490        </div>
3491                    <div class="absolute top-0 left-0 w-full h-full z-0 object-cover">
3492                                <img class="lazyload top-0 left-0 h-full w-full absolute object-cover" alt="2000 78 8 1 o3" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2000.78.8.1_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.52&amp;gravity%5By%5D=0.4098&amp;width=260&amp;s=P-GfElBF-qFHn2b4ijjAvirZTNgzDv9rICrrWOF1Wms" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2000.78.8.1_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.52&amp;gravity%5By%5D=0.4098&amp;width=260&amp;s=P-GfElBF-qFHn2b4ijjAvirZTNgzDv9rICrrWOF1Wms 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2000.78.8.1_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.52&amp;gravity%5By%5D=0.4098&amp;width=520&amp;s=4cyv0h7E0eQMnEggnEFoRGCh0G39AevhvxeJzqXHWUA 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2000.78.8.1_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.52&amp;gravity%5By%5D=0.4098&amp;width=1040&amp;s=ic3phD4omqraLyrt4pm9-cwUpaoFU8Xq3sMaMWGK2_Q 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2000.78.8.1_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.52&amp;gravity%5By%5D=0.4098&amp;width=1500&amp;s=AGIyFwSfXQyxLBi22BR7OH21Bvr96Ca5GYqmAlIaepg 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2000.78.8.1_o3.jpg?fit=cover&amp;gravity%5Bx%5D=0.52&amp;gravity%5By%5D=0.4098&amp;width=2080&amp;s=2WdnZZkCrWNJb1iaBOwCLotGfm-M9CROCTDeuq4gCUk 2080w" style="object-position: 52% 40.98%;">
3493            </div>
3494            </div>
3495                </main>
3496    <footer class="bg-green pt-7">
3497    <div class="g--wrapper g--wrapper--small grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center">
3498        <div class="col-span-12 lg:col-span-6 font-title text-carousel-title-small tracking-[2px] uppercase text-white">
3499            <div class="flex flex-wrap gap-y-2 gap-x-6">
3500                CONNECT WITH US
3501                <div class="flex items-center gap-x-4">
3502                                            <a class="" aria-label="instagram (opens in a new tab)" href="https://www.instagram.com/visit_hnoc" target="_blank">
3503                            <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">
3504    <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
3504656 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"/>
3505</svg>
3506
3507                        </a>
3508                                            <a class="" aria-label="facebook (opens in a new tab)" href="https://www.facebook.com/THNOC/" target="_blank">
3509                            <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">
3510    <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"/>
3511</svg>
3512
3513                        </a>
3514                                            <a class="" aria-label="linkedin (opens in a new tab)" href="https://www.linkedin.com/company/the-historic-new-orleans-collection/" target="_blank">
3515                            <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">
3516    <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"/>
3517</svg>
3518
3519                        </a>
3520                                            <a class="" aria-label="emailPlatform (
3520opens in a new tab)" href="mailto:[email protected]" target="_blank">
3521                            <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">
3522    <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"/>
3523</svg>
3524
3525                        </a>
3526                                            <a class="" aria-label="youtube (opens in a new tab)" href="https://www.youtube.com/@visit_hnoc" target="_blank">
3527                            <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>
3528                        </a>
3529                                    </div>
3530            </div>
3531        </div>
3532        <div class="col-span-12 lg:col-span-6">
3533            <form method="GET" action="https://pages.wordfly.com/historicneworleanscollection/pages/Subscribe/" target="_blank">
3534                <div class="flex flex-wrap sm:flex-nowrap items-end">
3535                    <div class="flex flex-col  justify-start w-full flex-grow">
3536                        <label class=" font-title uppercase  mb-2 text-left text-[14px] text-white" for="emailFooter">Email address</label>
3537                        <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">
3538                    </div>
3539                    <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>
3540                </div>
3541            </form>
3542        </div>
3543    </div>
3544    <div class="mt-10 g--wrapper g--wrapper--small grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 ">
3545        <div class="col-span-12 lg:col-span-6 flex items-center">
3546            <div class="mr-6 sm:mr-10  flex-shrink-0">
3547                <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">
3548            </div>
3549            <div class="font-satoshi text-white text-[16px] g--p-linebreak g--p-linebreak--not-last g--satoshi-strong">
3550                <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>
3551            </div>
3552        </div>
3553        <div class="col-span-12 lg:col-span-6 grid sm:grid-cols-3 gap-x-7.5 gap-y-4 ">
3554                            <div class="font-satoshi text-[18px]  font-medium text-white">
3555                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/about" target="">About Us</a></div>
3556                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/research-collections" target="">Research</a></div>
3557                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/visit/accessibility" target="">Accessibility</a></div>
3558                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/news" target="">News &amp; Press</a></div>
3559                                    </div>
3560                            <div class="font-satoshi text-[18px]  font-medium text-white">
3561                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/support/membership" target="">Membership</a></div>
3562                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/support/donate" target="">Donate</a></div>
3563                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/support/sponsorships" target="">Sponsorship</a></div>
3564                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/contact-us" target="">Contact &amp; Hours</a></div>
3565                                    </div>
3566                            <div class="font-satoshi text-[18px]  font-medium text-white">
3567                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/careers" target="">Careers</a></div>
3568                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/about/internships" target="">Internships</a></div>
3569                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/about/staff" target="">Staff</a></div>
3570                                            <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/about/leadership" target="">Leadership</a></div>
3571                                    </div>
3572                    </div>
3573    </div>
3574    <div class="mt-17.5 g--wrapper g--wrapper--small">
3575        <div class="max-w-[874px] text-white text-header-page leading-[1.125]">
3576            <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>
3577        </div>
3578    </div>
3579    <div class="g--wrapper g--wrapper--small">
3580        <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">
3581            <div class="sm:flex mb-4 md:mb-0 gap-y-2">
3582                <div class="text-white mb-2 sm:mb-0">&copy; 2026 All rights reserved</div>
3583                <div class="sm:ml-6 sm:flex text-white/100 flex-wrap">
3584                                            <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>
3585                                            <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>
3586                                            <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>
3587                                            <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>
3588                                    </div>
3589            </div>
3590            <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>
3591        </div>
3592    </div>
3593</footer>
3594</div>
3595<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>
3595</body>
3596</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.