PageSourceSearch

https://www.fisterrastudio.com/portfolio

html fisterrastudio.com collected 2026-09-26 10:11:15 UTC 240,159 bytes, 3,886 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3
4<head>
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <meta charset="utf-8">
7    <link rel="stylesheet" href="/themes/starter/assets/css/styles.css?e76ca858befbceec49aca10f12b73a41" />
8    <title>Portfolio - Fisterra Studio, artist Jennifer Chenoweth</title>
9<meta property="og:title" content="Portfolio - Fisterra Studio, artist Jennifer Chenoweth">
10<meta name="twitter:title" content="Portfolio - Fisterra Studio, artist Jennifer Chenoweth">
11<meta property="og:site_name" content="Fisterra Studio, artist Jennifer Chenoweth">
12<link rel="icon" href="/storage/7665/9fea87f3-d262-418c-847e-7187fd8c8c6a/pair_logo.png">
13<link rel="canonical" href="https://www.fisterrastudio.com/portfolio">
14<meta property="og:url" content="https://www.fisterrastudio.com/portfolio">
15<meta name="description" content="Visual artist Jennifer Chenoweth and fabricator Robert Whitehurst portfolio and projects">
16<meta property="og:description" content="Visual artist Jennifer Chenoweth and fabricator Robert Whitehurst portfolio and projects">
17<meta name="twitter:description" content="Visual artist Jennifer Chenoweth and fabricator Robert Whitehurst portfolio and projects">
18<meta name="image" property="og:image" content="https://www.fisterrastudio.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/fisterra2018word.jpg" />
19<meta name="twitter:card" content="summary_large_image" />
20<meta name="twitter:image" content="https://www.fisterrastudio.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/fisterra2018word.jpg" />
21<meta name="keywords" content="visual art, sculpture, fabrication, custom, drawing, painting, social practice art, Jennifer Chenoweth, Robert Whitehurst, XYZ Atlas, Hedonic Map of Austin">
22<meta name="generator" content="Articulation - https://www.articulationsites.com">
23<meta property="og:type" content="website">
24
25
26    <link rel="preconnect" href="https://assets.articulationsites.com" />
27        
27<script>
28        document.documentElement.classList.remove('dark')
29    </script>
29
30    
30<script defer src="https://assets.articulationsites.com/js/published/published.min.js?v=c17059228c8f0fb3962a3f88e7dd27316"></script>
30
31    
31<script defer src="https://assets.articulationsites.com/js/vendor/focus.min.js"></script>
31
32    
32<script defer src="https://assets.articulationsites.com/js/vendor/intersect.min.js?v=1"></script>
32
33    
33<script defer src="https://assets.articulationsites.com/js/vendor/alpine.min.js"></script>
33
34    <link href="/css/published.css?v=00c806c10a32c2354a8f6b7a3c64cbdb" rel="stylesheet"/>
35    <style>
36        :root {
37            --color-text-dark-bg: #9ca3af;
38--color-text-dark-bg-heading: #f3f4f6;
39--color-text-light-bg: #000000;
40--text-color: #000000;
41--color-text-light-bg-heading: #000000;
42--heading-color: #000000;
43--font-heading: "Open Sans";
44--font-text: "Open Sans";
45--font-button: "Montserrat";
46--font-nav_link: "Open Sans";
47--font-quote: "Open Sans";
48--color-primary-main: #ffffff;
49--color-primary-light: #ffffff;
50--color-primary-dark: #e6e6e6;
51--color-primary-contrast: #000000;
52--color-secondary-main: #666666;
53--color-secondary-light: #808080;
54--color-secondary-dark: #4d4d4d;
55--color-secondary-contrast: #ffffff;
56--color-accent-main: #84DCC6;
57--color-accent-light: #ace7d8;
58--color-accent-dark: #5cd1b4;
59--color-accent-contrast: #000000;
60--color-success-main: #22c55e;
61--color-success-light: #3ddd78;
62--color-success-dark: #1a9a49;
63--color-success-contrast: #000000;
64--color-error-main: #dc2626;
65--color-error-light: #e35252;
66--color-error-dark: #b21d1d;
67--color-error-contrast: #FFFFFF;
68--link-color: #666666;
69--link-hover-color: #248d6c;
70--shape: 6px;
71--heading-2-font-size: 24px;
72--heading-2-line-height: 30px;
73--heading-2-letter-spacing: 0.02px;
74--heading-2-font-weight: 700;
75--paragraph-font-size: 16px;
76--paragraph-line-height: 26.4px;
77--paragraph-font-weight: 400;
78--button-font-size: 12px;
79--button-letter-spacing: 0.03px;
80--button-font-weight: 700;
81--button-text-transform: uppercase;
82--button-text-color: #000000;
83--nav-link-color: #666666;
84--nav-link-active-color: #000000;
85--nav-link-font-size: 14px;
86--nav-link-letter-spacing: 0.05px;
87--nav-link-font-weight: 700;
88--nav-link-text-transform: uppercase;
89--subnav-link-text-transform: uppercase;
90        }
91    </style>
92    <style id="site-css">
93        
94    </style>
95    
96    <link rel="preconnect" href="https://fonts.googleapis.com" />
97    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Montserrat:wght@400;700">
98</head>
99
100<body>
101    <div class="outer-container  ">
102        <div class="inner-container">
103            <div id="c69b2e60d5a087" class="component">    <header
104    class="layout-logo-above main-header bg-type-none"
105    style=""
106    x-data
107    x-init="
108        $store.nav.breakPoint = 1024;
109        $store.nav.checkIsMobile(0);
110        $nextTick(() => {
111            document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px');
112        });
113    "
114    @resize.window="document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px');"
115    x-cloak
116>
117    <nav
118        :class="{
119            'mobile-nav': $store.nav.mobile,
120            'mobile-nav-open': $store.nav.mobileMenuOpen
121        }"
122        x-ref="nav"
123    >
124        <div class="nav-container">
125            <div class="logo-above-nav-outer">
126                <div class="mobile-menu-button-container">
127                    <button
128                        aria-label="hamburger"
129                        class="mobile-menu-button"
130                        @click="$store.nav.mobileMenuOpen = !$store.nav.mobileMenuOpen"
131                        x-data x-cloak
132                    >
133                        <div
134                            class="mobile-cart-alert"
135                            aria-hidden="true"
136                            x-data
137                            x-show="$store.commerceCart.totalQuantity > 0 && $store.nav.mobile"
138                        >
139                            <span x-text="$store.commerceCart.totalQuantity"></span>
140                        </div>
141                        <div aria-hidden="true"
142                             style="--background-color: #164e63;"
143                             class="mobile-menu-button-piece mobile-piece-top bg-(--background-color) bg-type-color"></div>
144                        <div aria-hidden="true"
145                             style="--background-color: #164e63;"
146                             class="mobile-menu-button-piece mobile-piece-bottom bg-(--background-color) bg-type-color"></div>
147                    </button>
148                </div>
149                <a href="/" aria-label="logo" class="logo ">
150                                            <img
151                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/fisterra2018word.jpg"
152                            alt=""
153                            class="logo-auto resizeable-image resizeable-logo light-bg-logo"
154                            style=""
155                        >
156                        <img
157                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/fisterra2018word.jpg"
158                            alt=""
159                            class="logo-auto dark-bg-logo"
160                            style=""
161                        >
162                                    </a>
163
164                <div
165                    class="layout-logo-above-desktop-buttons"
166                    x-show="!$store.nav.mobile"
167                    x-cloak
168                >
169                    
170                    
171                                    </div>
172            </div>
173            <div class="nav-outer">
174                <div
175                    :aria-hidden="!$store.nav.mobile"
176                    class="mobile-nav-backdrop"
177                    @click="$store.nav.mobileMenuOpen = false"
178                ></div>
179                <div
180                    class="nav-list-container"
181                    x-show="!$store.nav.mobile"
182                    x-cloak
183                >
184                    <div class="nav-list-container-inner">
185                        <ul
186    class="main-nav-list"
187    x-data
188    x-navigation="{ allowCollapseToMore: false }"
189>
190            <li
191    class="main-nav-item"
192    id="gZdSjurK"
193>
194    <a href="/"
195              class="nav-link "
196    >
197        <span>Home</span>
198    </a>
199    </li>
200
201            <li
202    class="main-nav-item"
203    id="F2ge6I5t"
204>
205    <a href="/about"
206              class="nav-link "
207    >
208        <span>About</span>
209    </a>
210    </li>
211
212            <li
213    class="main-nav-item"
214    id="TZvP4C4e"
215>
216    <a href="/services-projects"
217              class="nav-link "
218    >
219        <span>Services  - Projects</span>
220    </a>
221    </li>
222
223            <li
224    class="main-nav-item"
225    id="alfbPRTw"
226>
227    <a href="/portfolio"
228              class="nav-link active"
229    >
230        <span>Portfolio</span>
231    </a>
232    </li>
233
234            <li
235    class="main-nav-item"
236    id="nav-more-link"
237>
238    <a href="#"
239              class="nav-link "
240    >
241        <span>More...</span>
242    </a>
243            <ul
244    class="subnav subnav-level-1 subnav-parent-nav-more-link"
245>
246            <li id="subnav-gZdSjurK">
247    <a
248        href="/"
249                class="nav-link"
250    >
251        <span class="subnav-label">
252            Home
253                    </span>
254    </a>
255    </li>
256
257            <li id="subnav-F2ge6I5t">
258    <a
259        href="/about"
260                class="nav-link"
261    >
262        <span class="subnav-label">
263            About
264                    </span>
265    </a>
266    </li>
267
268            <li id="subnav-TZvP4C4e">
269    <a
270        href="/services-projects"
271                class="nav-link"
272    >
273        <span class="subnav-label">
274            Services  - Projects
275                    </span>
276    </a>
277    </li>
278
279            <li id="subnav-alfbPRTw">
280    <a
281        href="/portfolio"
282                class="nav-link"
283    >
284        <span class="subnav-label">
285            Portfolio
286                    </span>
287    </a>
288    </li>
289
290    </ul>
291
292    </li>
293
294                                                                                                                                                                    </ul>
295                    </div>
296                </div>
297                <div
298    class="mobile-nav-overlay"
299    x-show="$store.nav.mobile && $store.nav.mobileMenuOpen"
300    x-transition.opacity.duration.200ms
301    x-cloak
302>
303    <div
304    class="mobile-nav-panels"
305    x-data="mobileNavigation"
306    x-effect="if (!$store.nav.mobileMenuOpen || !$store.nav.mobile) resetSubnav()"
307    x-cloak
308>
309    <div
310        class="mobile-nav-panel mobile-nav-panel--root"
311        :class="{ 'is-shifted': hasSubnavOpen() }"
312    >
313        <ul class="mobile-nav-links">
314            
315            
316                            <li
317    class="mobile-main-nav-item"
318    id="gZdSjurK"
319>
320                <a
321            href="/"
322                        class="mobile-nav-link "
323        >Home</a>
324    </li>
325
326                            <li
327    class="mobile-main-nav-item"
328    id="F2ge6I5t"
329>
330                <a
331            href="/about"
332                        class="mobile-nav-link "
333        >About</a>
334    </li>
335
336                            <li
337    class="mobile-main-nav-item"
338    id="TZvP4C4e"
339>
340                <a
341            href="/services-projects"
342                        class="mobile-nav-link "
343        >Services  - Projects</a>
344    </li>
345
346                            <li
347    class="mobile-main-nav-item"
348    id="alfbPRTw"
349>
350                <a
351            href="/portfolio"
352                        class="mobile-nav-link active"
353        >Portfolio</a>
354    </li>
355
356                    </ul>
357    </div>
358
359            
360            
361            
362            
363    </div>
364
365    <div class="mobile-nav-overlay-buttons">
366                            </div>
367</div>
368
369            </div>
370        </div>
371    </nav>
372</header>
373
374</div>
375            <main>
376                    <div id="c69b2e6127d84c" class="component"><div >
377    <div id="c69b2e6170304b" class="component"><section
378    id="page-section"
379    style="--background-color: #f8f8f8; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
380    class="page-section transition-all z-10 relative bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none lg:rou
380nded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
381>
382    
383    
384    <div
385        class="section-inner   relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1"
386        style="padding-block: 48px;"
387                
388    >
389        <div id="c69b2e6160958c" class="component"><div
390    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
391    style=""
392>
393    <div class="text-option"><div class="ql-align-left">This is a sample of Jennifer Chenoweth's art practice from the past 25 years, in rough chronological order from newer to older. <a href="mailto:[email protected]">Contact</a> for more information or questions. Prints and commissions are available to purchase, artist holds no inventory. Some pieces were collaborations.</div></div>
394</div>
395</div><div id="c69b2e6161b39c" class="component"><div
396    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
397    x-data="{
398        imageGalleryOpened: false,
399        imageGalleryImageIndex: 1,
400        imageGalleryActiveSrc: null,
401        imageGalleryActiveCaption: '',
402        imageGalleryOpen(el) {
403            this.imageGalleryImageIndex = el.dataset.index;
404            this.imageGalleryActiveSrc = el.dataset.lightbox;
405            this.imageGalleryActiveCaption = el.dataset.caption;
406            this.imageGalleryOpened = true && true;
407        },
408        imageGallerySet(el) {
409            this.imageGalleryActiveSrc = el.dataset.lightbox;
410            this.imageGalleryActiveCaption = el.dataset.caption;
411            this.imageGalleryImageIndex = el.dataset.index;
412        },
413        imageGalleryClose() {
414            this.imageGalleryOpened = false;
415            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
416        },
417        imageGalleryNext(){
418            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 10) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
419            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
420            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
421        },
422        imageGalleryPrev() {
423            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 10 : (parseInt(this.imageGalleryImageIndex) - 1);
424            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
425            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
426        }
427    }"
428    @keyup.right.window="imageGalleryNext();"
429    @keyup.left.window="imageGalleryPrev();"
430>
431<div class="flex">
432                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
433                                                                            <li class="art-item flex items-center" data-item-id="69b2e6160c3e2">
434                    <a
435                        data-index="1"
436                        data-caption=""
437                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/topoflower_orig.jpg"
438                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
439                                                    @click.prevent="imageGalleryOpen($el)"
440                                            >
441                        <img
442                            class="w-full object-cover aspect-square lg:rounded-md md:rounded-md rounded-md"
443                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/topoflower_orig.jpg"
444                            alt=""
445                            loading="lazy"
446                        />
447                                            </a>
448                </li>
449                                                                            <li class="art-item flex items-center" data-item-id="69b2e6160ef07">
450                    <a
451                        data-index="2"
452                        data-caption=""
453                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/dotcbrassopenweb_orig.jpg"
454                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
455                                                    @click.prevent="imageGalleryOpen($el)"
456                                            >
457                        <img
458                            class="w-full object-cover aspect-square lg:rounded-md md:rounded-md rounded-md"
459                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/dotcbrassopenweb_orig.jpg"
460                            alt=""
461                            loading="lazy"
462                        />
463                                            </a>
464                </li>
465                                                                            <li class="art-item flex items-center" data-item-id="69b2e616108ee">
466                    <a
467                        data-index="3"
468                        data-caption=""
469                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/emotion-mapping-sketch-elementsweb_orig.jpg"
470                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
471                                                    @click.prevent="imageGalleryOpen($el)"
472                                            >
473                        <img
474                            class="w-full object-cover aspect-square lg:rounded-md md:rounded-md rounded-md"
475                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/emotion-mapping-sketch-elementsweb_orig.jpg?w=800"
476                            alt=""
477                            loading="lazy"
478                        />
479                                            </a>
480                </li>
481                                                                            <li class="art-item flex items-center" data-item-id="69b2e61612096">
482                    <a
483                        data-index="4"
484                        data-caption=""
485                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/hutchens-hedonic164-low_orig.jpg"
486                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
487                                                    @click.prevent="imageGalleryOpen($el)"
488                                            >
489                        <img
490                            class="w-full object-cover aspect-square lg:rounded-md md:rounded-md rounded-md"
491                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/hutchens-hedonic164-low_orig.jpg?w=800"
492                            alt=""
493                            loading="lazy"
494                        />
495                                            </a>
496                </li>
497                                                                            <li class="art-item flex items-center" data-item-id="69b2e6161366b">
498                    <a
499                        data-index="5"
500                        data-caption=""
501                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/roulette_orig.jpg"
502                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
503                                                    @click.prevent="imageGalleryOpen($el)"
504                                            >
505                        <img
506                            class="w-full object-cover aspect-square lg:rounded-md md:rounded-md rounded-md"
507                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/roulette_orig.jpg?w=800"
508                            alt=""
509                            loading="lazy"
510                        />
511                                            </a>
512                </li>
513                                                                            <li class="art-item flex items-center" data-item-id="69b2e61615046">
514                    <a
515                        data-index="6"
516                        data-caption=""
517                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/puzzlesm_orig.jpg"
518                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
519                                                    @click.prevent="imageGalleryOpen($el)"
520                                            >
521                        <img
522                            class="w-full object-cover aspect-square lg:rounded-md md:rounded-md rounded-md"
523                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/puzzlesm_orig.jpg?w=800"
524                            alt=""
525                            loading="lazy"
526                        />
527                                            </a>
528                </li>
529                                                                            <li class="art-item flex items-center" data-item-id="69b2e616165f0">
530                    <a
531                        data-index="7"
532                        data-caption=""
533                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/dotc3dfinal_orig.jpg"
534                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
535                                                    @click.prevent="imageGalleryOpen($el)"
536                                            >
537                        <img
538                            class="w-full object-cover aspect-square lg:rounded-md md:rounded-md rounded-md"
539                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/dotc3dfinal_orig.jpg?w=800"
540                            alt=""
541                            loading="lazy"
542                        />
543                                            </a>
544                </li>
545                                                                            <li class="art-item flex items-center" data-item-id="69b2e61617fce">
546                    <a
547                        data-index="8"
548                        data-caption=""
549                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/psychinstallbigflower3web_orig.jpg"
550                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
551                                                    @click.prevent="imageGalleryOpen($el)"
552                                            >
553                        <img
554                            class="w-full object-cover aspect-square lg:rounded-md md:rounded-md rounded-md"
555                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/psychinstallbigflower3web_orig.jpg"
556                            alt=""
557                            loading="lazy"
558                        />
559                                            </a>
560                </li>
561                                                                            <li class="art-item flex items-center" data-item-id="69b2e616196d4">
562                    <a
563                        data-index="9"
564                        data-caption=""
565                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/maxroulettesm_orig.jpg"
566                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
567                                                    @click.prevent="imageGalleryOpen($el)"
568                                            >
569                        <img
570                            class="w-full object-cover aspect-square lg:rounded-md md:rounded-md rounded-md"
571                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/maxroulettesm_orig.jpg?w=800"
572                            alt=""
573                            loading="lazy"
574                        />
575                                            </a>
576                </li>
577                                                                            <li class="art-item flex items-center" data-item-id="69b2e6161b2c8">
578                    <a
579                        data-index="10"
580                        data-caption=""
581                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/xvortexdoubledmodelweb_orig.jpg"
582                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
583                                                    @click.prevent="imageGalleryOpen($el)"
584                                            >
585                        <img
586                            class="w-full object-cover aspect-square lg:rounded-md md:rounded-md rounded-md"
587                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/xvortexdoubledmodelweb_orig.jpg"
588                            alt=""
589                            loading="lazy"
590                        />
591                                            </a>
592                </li>
593                    </ul>
594    </div>
595<template x-teleport="body">
596            <div
597    x-show="imageGalleryOpened"
598    x-transition:enter="transition ease-in-out duration-300"
599    x-transition:enter-start="opacity-0"
600    x-transition:leave="transition ease-in-in duration-300"
601    x-transition:leave-end="opacity-0"
602    @click="imageGalleryClose"
603    @keydown.window.escape="imageGalleryClose"
604    x-trap.inert.noscroll="imageGalleryOpened"
605    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
606    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
607        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
608            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
609        </div>
610        <img
611            x-show="imageGalleryOpened"
612            x-transition:enter="transition ease-in-out duration-300"
613            x-transition:enter-start="opacity-0 transform scale-50"
614            x-transition:leave="transition ease-in-in duration-300"
615            x-transition:leave-end="opacity-0 transform scale-50"
616            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
617        <div class="absolute bottom-0 left-0 right-0 p-4">
618            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
619        </div>
620        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
621            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
622        </div>
623    </div>
624</div>
625
626    </template>
627</div>
628</div><div id="c69b2e6161b3bf" class="component"><div style="height: 50px"></div>
629</div><div id="c69b2e61629ead" class="component"><div
630    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
631    x-data="{
632        imageGalleryOpened: false,
633        imageGalleryImageIndex: 1,
634        imageGalleryActiveSrc: null,
635        imageGalleryActiveCaption: '',
636        imageGalleryOpen(el) {
637            this.imageGalleryImageIndex = el.dataset.index;
638            this.imageGalleryActiveSrc = el.dataset.lightbox;
639            this.imageGalleryActiveCaption = el.dataset.caption;
640            this.imageGalleryOpened = true && true;
641        },
642        imageGallerySet(el) {
643            this.imageGalleryActiveSrc = el.dataset.lightbox;
644            this.imageGalleryActiveCaption = el.dataset.caption;
645            this.imageGalleryImageIndex = el.dataset.index;
646        },
647        imageGalleryClose() {
648            this.imageGalleryOpened = false;
649            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
650        },
651        imageGalleryNext(){
652            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 10) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
653            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
654            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
655        },
656        imageGalleryPrev() {
657            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 10 : (parseInt(this.imageGalleryImageIndex) - 1);
658            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
659            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
660        }
661    }"
662    @keyup.right.window="imageGalleryNext();"
663    @keyup.left.window="imageGalleryPrev();"
664>
665<div class="flex">
666                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
667                                                                            <li class="art-item flex items-center" data-item-id="69b2e6161c9bc">
668                    <a
669                        data-index="1"
670                        data-caption=""
671                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/2017-08-02-18-01-43_orig.jpg"
672                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
673                                                    @click.prevent="imageGalleryOpen($el)"
674                                            >
675                        <img
676                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
677                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/2017-08-02-18-01-43_orig.jpg"
678                            alt=""
679                            loading="lazy"
680                        />
681                                            </a>
682                </li>
683                                                                            <li class="art-item flex items-center" data-item-id="69b2e6161dff3">
684                    <a
685                        data-index="2"
686                        data-caption=""
687                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/2017-07-23-12-47-04_orig.jpg"
688                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
689                                                    @click.prevent="imageGalleryOpen($el)"
690                                            >
691                        <img
692                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
693                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/2017-07-23-12-47-04_orig.jpg"
694                            alt=""
695                            loading="lazy"
696                        />
697                                            </a>
698                </li>
699                                                                            <li class="art-item flex items-center" data-item-id="69b2e6161f747">
700                    <a
701                        data-index="3"
702                        data-caption=""
703                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/2017-07-25-15-17-44_orig.jpg"
704                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
705                                                    @click.prevent="imageGalleryOpen($el)"
706                                            >
707                        <img
708                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
709                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/2017-07-25-15-17-44_orig.jpg"
710                            alt=""
711                            loading="lazy"
712                        />
713                                            </a>
714                </li>
715                                                                            <li class="art-item flex items-center" data-item-id="69b2e61620ec1">
716                    <a
717                        data-index="4"
718                        data-caption=""
719                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/20748018-1406819869396137-241842854519322990-o_orig.jpg"
720                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
721                                                    @click.prevent="imageGalleryOpen($el)"
722                                            >
723                        <img
724                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
725                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/20748018-1406819869396137-241842854519322990-o_orig.jpg?w=800"
726                            alt=""
727                            loading="lazy"
728                        />
729                                            </a>
730                </li>
731                                                                            <li class="art-item flex items-center" data-item-id="69b2e616228ac">
732                    <a
733                        data-index="5"
734                        data-caption=""
735                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/2017-07-25-12-20-41_orig.jpg"
736                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
737                                                    @click.prevent="imageGalleryOpen($el)"
738                                            >
739                        <img
740                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
741                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/2017-07-25-12-20-41_orig.jpg"
742                            alt=""
743                            loading="lazy"
744                        />
745                                            </a>
746                </li>
747                                                                            <li class="art-item flex items-center" data-item-id="69b2e6162423e">
748                    <a
749                        data-index="6"
750                        data-caption=""
751                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/2018-01-18-13-39-58_orig.jpg"
752                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
753                                                    @click.prevent="imageGalleryOpen($el)"
754                                            >
755                        <img
756                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
757                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/2018-01-18-13-39-58_orig.jpg"
758                            alt=""
759                            loading="lazy"
760                        />
761                                            </a>
762                </li>
763                                                                            <li class="art-item flex items-center" data-item-id="69b2e61625b24">
764                    <a
765                        data-index="7"
766                        data-caption=""
767                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/080517-community-party-113_orig.jpg"
768                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
769                                                    @click.prevent="imageGalleryOpen($el)"
770                                            >
771                        <img
772                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
773                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/080517-community-party-113_orig.jpg?w=800"
774                            alt=""
775                            loading="lazy"
776                        />
777                                            </a>
778                </li>
779                                                                            <li class="art-item flex items-center" data-item-id="69b2e6162715f">
780                    <a
781                        data-index="8"
782                        data-caption=""
783                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/080517-community-party-365_orig.jpg"
784                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
785                                                    @click.prevent="imageGalleryOpen($el)"
786                                            >
787                        <img
788                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
789                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/080517-community-party-365_orig.jpg?w=800"
790                            alt=""
791                            loading="lazy"
792                        />
793                                            </a>
794                </li>
795                                                                            <li class="art-item flex items-center" data-item-id="69b2e6162880f">
796                    <a
797                        data-index="9"
798                        data-caption=""
799                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/080517-community-party-44_orig.jpg"
800                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
801                                                    @click.prevent="imageGalleryOpen($el)"
802                                            >
803                        <img
804                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
805                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/080517-community-party-44_orig.jpg?w=800"
806                            alt=""
807                            loading="lazy"
808                        />
809                                            </a>
810                </li>
811                                                                            <li class="art-item flex items-center" data-item-id="69b2e61629dda">
812                    <a
813                        data-index="10"
814                        data-caption=""
815                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/img-4458_orig.jpg"
816                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
817                                                    @click.prevent="imageGalleryOpen($el)"
818                                            >
819                        <img
820                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
821                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/img-4458_orig.jpg?w=800"
822                            alt=""
823                            loading="lazy"
824                        />
825                                            </a>
826                </li>
827                    </ul>
828    </div>
829<template x-teleport="body">
830            <div
831    x-show="imageGalleryOpened"
832    x-transition:enter="transition ease-in-out duration-300"
833    x-transition:enter-start="opacity-0"
834    x-transition:leave="transition ease-in-in duration-300"
835    x-transition:leave-end="opacity-0"
836    @click="imageGalleryClose"
837    @keydown.window.escape="imageGalleryClose"
838    x-trap.inert.noscroll="imageGalleryOpened"
839    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
840    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
841        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
842            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
843        </div>
844        <img
845            x-show="imageGalleryOpened"
846            x-transition:enter="transition ease-in-out duration-300"
847            x-transition:enter-start="opacity-0 transform scale-50"
848            x-transition:leave="transition ease-in-in duration-300"
849            x-transition:leave-end="opacity-0 transform scale-50"
850            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
851        <div class="absolute bottom-0 left-0 right-0 p-4">
852            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
853        </div>
854        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
855            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
856        </div>
857    </div>
858</div>
859
860    </template>
861</div>
862</div><div id="c69b2e61629ecd" class="component"><div style="height: 50px"></div>
863</div><div id="c69b2e6163b0fc" class="component"><div
864    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
865    x-data="{
866        imageGalleryOpened: false,
867        imageGalleryImageIndex: 1,
868        imageGalleryActiveSrc: null,
869        imageGalleryActiveCaption: '',
870        imageGalleryOpen(el) {
871            this.imageGalleryImageIndex = el.dataset.index;
872            this.imageGalleryActiveSrc = el.dataset.lightbox;
873            this.imageGalleryActiveCaption = el.dataset.caption;
874            this.imageGalleryOpened = true && true;
875        },
876        imageGallerySet(el) {
877            this.imageGalleryActiveSrc = el.dataset.lightbox;
878            this.imageGalleryActiveCaption = el.dataset.caption;
879            this.imageGalleryImageIndex = el.dataset.index;
880        },
881        imageGalleryClose() {
882            this.imageGalleryOpened = false;
883            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
884        },
885        imageGalleryNext(){
886            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 10) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
887            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
888            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
889        },
890        imageGalleryPrev() {
891            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 10 : (parseInt(this.imageGalleryImageIndex) - 1);
892            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
893            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
894        }
895    }"
896    @keyup.right.window="imageGalleryNext();"
897    @keyup.left.window="imageGalleryPrev();"
898>
899<div class="flex">
900                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
901                                                                            <li class="art-item flex items-center" data-item-id="69b2e6162b588">
902                    <a
903                        data-index="1"
904                        data-caption=""
905                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/charlemagnesm_orig.jpg"
906                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
907                                                    @click.prevent="imageGalleryOpen($el)"
908                                            >
909                        <img
910                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
911                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/charlemagnesm_orig.jpg"
912                            alt=""
913                            loading="lazy"
914                        />
915                                            </a>
916                </li>
917                                                                            <li class="art-item flex items-center" data-item-id="69b2e6162cb45">
918                    <a
919                        data-index="2"
920                        data-caption=""
921                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/chenoweth-jennifer-indexfemale-sm_orig.jpg"
922                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
923                                                    @click.prevent="imageGalleryOpen($el)"
924                                            >
925                        <img
926                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
927                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/chenoweth-jennifer-indexfemale-sm_orig.jpg"
928                            alt=""
929                            loading="lazy"
930                        />
931                                            </a>
932                </li>
933                                                                            <li class="art-item flex items-center" data-item-id="69b2e6162e68e">
934                    <a
935                        data-index="3"
936                        data-caption=""
937                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/costanzasm_orig.jpg"
938                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
939                                                    @click.prevent="imageGalleryOpen($el)"
940                                            >
941                        <img
942                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
943                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/costanzasm_orig.jpg?w=800"
944                            alt=""
945                            loading="lazy"
946                        />
947                                            </a>
948                </li>
949                                                                            <li class="art-item flex items-center" data-item-id="69b2e6163036b">
950                    <a
951                        data-index="4"
952                        data-caption=""
953                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/indexmale_orig.jpg"
954                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
955                                                    @click.prevent="imageGalleryOpen($el)"
956                                            >
957                        <img
958                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
959                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/indexmale_orig.jpg"
960                            alt=""
961                            loading="lazy"
962                        />
963                                            </a>
964                </li>
965                                                                            <li class="art-item flex items-center" data-item-id="69b2e61632053">
966                    <a
967                        data-index="5"
968                        data-caption=""
969                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/licenseweb_orig.jpg"
970                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
971                                                    @click.prevent="imageGalleryOpen($el)"
972                                            >
973                        <img
974                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
975                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/licenseweb_orig.jpg?w=800"
976                            alt=""
977                            loading="lazy"
978                        />
979                                            </a>
980                </li>
981                                                                            <li class="art-item flex items-center" data-item-id="69b2e61633a7d">
982                    <a
983                        data-index="6"
984                        data-caption=""
985                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/montanosm_orig.jpg"
986                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
987                                                    @click.prevent="imageGalleryOpen($el)"
988                                            >
989                        <img
990                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
991                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/montanosm_orig.jpg"
992                            alt=""
993                            loading="lazy"
994                        />
995                                            </a>
996                </li>
997                                                                            <li class="art-item flex items-center" data-item-id="69b2e616351b1">
998                    <a
999                        data-index="7"
1000                        data-caption=""
1001                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/stepssm_orig.jpg"
1002                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1003                                                    @click.prevent="imageGalleryOpen($el)"
1004                                            >
1005                        <img
1006                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1007                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/stepssm_orig.jpg"
1008                            alt=""
1009                            loading="lazy"
1010                        />
1011                                            </a>
1012                </li>
1013                                                                            <li class="art-item flex items-center" data-item-id="69b2e61638207">
1014                    <a
1015                        data-index="8"
1016                        data-caption=""
1017                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/walkfree_orig.jpg"
1018                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1019                                                    @click.prevent="imageGalleryOpen($el)"
1020                                            >
1021                        <img
1022                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1023                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/walkfree_orig.jpg"
1024                            alt=""
1025                            loading="lazy"
1026                        />
1027                                            </a>
1028                </li>
1029                                                                            <li class="art-item flex items-center" data-item-id="69b2e61639961">
1030                    <a
1031                        data-index="9"
1032                        data-caption=""
1033                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/11004586-10152538332911511-7703846973423743171-o_orig.jpg"
1034                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1035                                                    @click.prevent="imageGalleryOpen($el)"
1036                                            >
1037                        <img
1038                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1039                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/11004586-10152538332911511-7703846973423743171-o_orig.jpg"
1040                            alt=""
1041                            loading="lazy"
1042                        />
1043                                            </a>
1044                </li>
1045                                                                            <li class="art-item flex items-center" data-item-id="69b2e6163b018">
1046                    <a
1047                        data-index="10"
1048                        data-caption=""
1049                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/corpussm_orig.jpg"
1050                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1051                                                    @click.prevent="imageGalleryOpen($el)"
1052                                            >
1053                        <img
1054                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1055                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/corpussm_orig.jpg"
1056                            alt=""
1057                            loading="lazy"
1058                        />
1059                                            </a>
1060                </li>
1061                    </ul>
1062    </div>
1063<template x-teleport="body">
1064            <div
1065    x-show="imageGalleryOpened"
1066    x-transition:enter="transition ease-in-out duration-300"
1067    x-transition:enter-start="opacity-0"
1068    x-transition:leave="transition ease-in-in duration-300"
1069    x-transition:leave-end="opacity-0"
1070    @click="imageGalleryClose"
1071    @keydown.window.escape="imageGalleryClose"
1072    x-trap.inert.noscroll="imageGalleryOpened"
1073    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
1074    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
1075        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
1076            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
1077        </div>
1078        <img
1079            x-show="imageGalleryOpened"
1080            x-transition:enter="transition ease-in-out duration-300"
1081            x-transition:enter-start="opacity-0 transform scale-50"
1082            x-transition:leave="transition ease-in-in duration-300"
1083            x-transition:leave-end="opacity-0 transform scale-50"
1084            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
1085        <div class="absolute bottom-0 left-0 right-0 p-4">
1086            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
1087        </div>
1088        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
1089            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
1090        </div>
1091    </div>
1092</div>
1093
1094    </template>
1095</div>
1096</div><div id="c69b2e6163b121" class="component"><div style="height: 50px"></div>
1097</div><div id="c69b2e61643002" class="component"><div
1098    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1099    x-data="{
1100        imageGalleryOpened: false,
1101        imageGalleryImageIndex: 1,
1102        imageGalleryActiveSrc: null,
1103        imageGalleryActiveCaption: '',
1104        imageGalleryOpen(el) {
1105            this.imageGalleryImageIndex = el.dataset.index;
1106            this.imageGalleryActiveSrc = el.dataset.lightbox;
1107            this.imageGalleryActiveCaption = el.dataset.caption;
1108            this.imageGalleryOpened = true && true;
1109        },
1110        imageGallerySet(el) {
1111            this.imageGalleryActiveSrc = el.dataset.lightbox;
1112            this.imageGalleryActiveCaption = el.dataset.caption;
1113            this.imageGalleryImageIndex = el.dataset.index;
1114        },
1115        imageGalleryClose() {
1116            this.imageGalleryOpened = false;
1117            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
1118        },
1119        imageGalleryNext(){
1120            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 5) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
1121            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
1122            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
1123        },
1124        imageGalleryPrev() {
1125            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 5 : (parseInt(this.imageGalleryImageIndex) - 1);
1126            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
1127            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
1128        }
1129    }"
1130    @keyup.right.window="imageGalleryNext();"
1131    @keyup.left.window="imageGalleryPrev();"
1132>
1133<div class="flex">
1134                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
1135                                                                            <li class="art-item flex items-center" data-item-id="69b2e6163cb20">
1136                    <a
1137                        data-index="1"
1138                        data-caption=""
1139                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/studiouma0115_orig.jpg"
1140                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1141                                                    @click.prevent="imageGalleryOpen($el)"
1142                                            >
1143                        <img
1144                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1145                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/studiouma0115_orig.jpg?w=800"
1146                            alt=""
1147                            loading="lazy"
1148                        />
1149                                            </a>
1150                </li>
1151                                                                            <li class="art-item flex items-center" data-item-id="69b2e6163e7dd">
1152                    <a
1153                        data-index="2"
1154                        data-caption=""
1155                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/studiouma0191_orig.jpg"
1156                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1157                                                    @click.prevent="imageGalleryOpen($el)"
1158                                            >
1159                        <img
1160                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1161                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/studiouma0191_orig.jpg?w=800"
1162                            alt=""
1163                            loading="lazy"
1164                        />
1165                                            </a>
1166                </li>
1167                                                                            <li class="art-item flex items-center" data-item-id="69b2e6163ff84">
1168                    <a
1169                        data-index="3"
1170                        data-caption=""
1171                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/calculatorrollssm_orig.jpg"
1172                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1173                                                    @click.prevent="imageGalleryOpen($el)"
1174                                            >
1175                        <img
1176                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1177                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/calculatorrollssm_orig.jpg"
1178                            alt=""
1179                            loading="lazy"
1180                        />
1181                                            </a>
1182                </li>
1183                                                                            <li class="art-item flex items-center" data-item-id="69b2e616418b5">
1184                    <a
1185                        data-index="4"
1186                        data-caption=""
1187                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/3storycityhall_orig.jpg"
1188                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1189                                                    @click.prevent="imageGalleryOpen($el)"
1190                                            >
1191                        <img
1192                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1193                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/3storycityhall_orig.jpg"
1194                            alt=""
1195                            loading="lazy"
1196                        />
1197                                            </a>
1198                </li>
1199                                                                            <li class="art-item flex items-center" data-item-id="69b2e61642f23">
1200                    <a
1201                        data-index="5"
1202                        data-caption=""
1203                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/layeredelevationssphereweb_orig.jpg"
1204                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1205                                                    @click.prevent="imageGalleryOpen($el)"
1206                                            >
1207                        <img
1208                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1209                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/layeredelevationssphereweb_orig.jpg"
1210                            alt=""
1211                            loading="lazy"
1212                        />
1213                                            </a>
1214                </li>
1215                    </ul>
1216    </div>
1217<template x-teleport="body">
1218            <div
1219    x-show="imageGalleryOpened"
1220    x-transition:enter="transition ease-in-out duration-300"
1221    x-transition:enter-start="opacity-0"
1222    x-transition:leave="transition ease-in-in duration-300"
1223    x-transition:leave-end="opacity-0"
1224    @click="imageGalleryClose"
1225    @keydown.window.escape="imageGalleryClose"
1226    x-trap.inert.noscroll="imageGalleryOpened"
1227    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
1228    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
1229        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
1230            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
1231        </div>
1232        <img
1233            x-show="imageGalleryOpened"
1234            x-transition:enter="transition ease-in-out duration-300"
1235            x-transition:enter-start="opacity-0 transform scale-50"
1236            x-transition:leave="transition ease-in-in duration-300"
1237            x-transition:leave-end="opacity-0 transform scale-50"
1238            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
1239        <div class="absolute bottom-0 left-0 right-0 p-4">
1240            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
1241        </div>
1242        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
1243            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
1244        </div>
1245    </div>
1246</div>
1247
1248    </template>
1249</div>
1250</div><div id="c69b2e6164304e" class="component"><div style="height: 50px"></div>
1251</div><div id="c69b2e616544ed" class="component"><div
1252    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1253    x-data="{
1254        imageGalleryOpened: false,
1255        imageGalleryImageIndex: 1,
1256        imageGalleryActiveSrc: null,
1257        imageGalleryActiveCaption: '',
1258        imageGalleryOpen(el) {
1259            this.imageGalleryImageIndex = el.dataset.index;
1260            this.imageGalleryActiveSrc = el.dataset.lightbox;
1261            this.imageGalleryActiveCaption = el.dataset.caption;
1262            this.imageGalleryOpened = true && true;
1263        },
1264        imageGallerySet(el) {
1265            this.imageGalleryActiveSrc = el.dataset.lightbox;
1266            this.imageGalleryActiveCaption = el.dataset.caption;
1267            this.imageGalleryImageIndex = el.dataset.index;
1268        },
1269        imageGalleryClose() {
1270            this.imageGalleryOpened = false;
1271            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
1272        },
1273        imageGalleryNext(){
1274            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 10) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
1275            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
1276            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
1277        },
1278        imageGalleryPrev() {
1279            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 10 : (parseInt(this.imageGalleryImageIndex) - 1);
1280            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
1281            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
1282        }
1283    }"
1284    @keyup.right.window="imageGalleryNext();"
1285    @keyup.left.window="imageGalleryPrev();"
1286>
1287<div class="flex">
1288                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
1289                                                                            <li class="art-item flex items-center" data-item-id="69b2e61644888">
1290                    <a
1291                        data-index="1"
1292                        data-caption=""
1293                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/wallacerunningshow_orig.jpg"
1294                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1295                                                    @click.prevent="imageGalleryOpen($el)"
1296                                            >
1297                        <img
1298                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1299                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/wallacerunningshow_orig.jpg"
1300                            alt=""
1301                            loading="lazy"
1302                        />
1303                                            </a>
1304                </li>
1305                                                                            <li class="art-item flex items-center" data-item-id="69b2e61645e7f">
1306                    <a
1307                        data-index="2"
1308                        data-caption=""
1309                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/fullbloomdrawings_orig.jpg"
1310                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1311                                                    @click.prevent="imageGalleryOpen($el)"
1312                                            >
1313                        <img
1314                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1315                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/fullbloomdrawings_orig.jpg"
1316                            alt=""
1317                            loading="lazy"
1318                        />
1319                                            </a>
1320                </li>
1321                                                                            <li class="art-item flex items-center" data-item-id="69b2e61647c62">
1322                    <a
1323                        data-index="3"
1324                        data-caption=""
1325                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/4gatesdrawings_orig.jpg"
1326                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1327                                                    @click.prevent="imageGalleryOpen($el)"
1328                                            >
1329                        <img
1330                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1331                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/4gatesdrawings_orig.jpg"
1332                            alt=""
1333                            loading="lazy"
1334                        />
1335                                            </a>
1336                </li>
1337                                                                            <li class="art-item flex items-center" data-item-id="69b2e616497e1">
1338                    <a
1339                        data-index="4"
1340                        data-caption=""
1341                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/saturation3circlesdwgs_orig.jpg"
1342                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1343                                                    @click.prevent="imageGalleryOpen($el)"
1344                                            >
1345                        <img
1346                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1347                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/saturation3circlesdwgs_orig.jpg"
1348                            alt=""
1349                            loading="lazy"
1350                        />
1351                                            </a>
1352                </li>
1353                                                                            <li class="art-item flex items-center" data-item-id="69b2e6164b444">
1354                    <a
1355                        data-index="5"
1356                        data-caption=""
1357                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/4gatesfromse_orig.jpg"
1358                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1359                                                    @click.prevent="imageGalleryOpen($el)"
1360                                            >
1361                        <img
1362                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1363                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/4gatesfromse_orig.jpg"
1364                            alt=""
1365                            loading="lazy"
1366                        />
1367                                            </a>
1368                </li>
1369                                                                            <li class="art-item flex items-center" data-item-id="69b2e6164d117">
1370                    <a
1371                        data-index="6"
1372                        data-caption=""
1373                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/hemissideview_orig.jpg"
1374                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1375                                                    @click.prevent="imageGalleryOpen($el)"
1376                                            >
1377                        <img
1378                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1379                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/hemissideview_orig.jpg"
1380                            alt=""
1381                            loading="lazy"
1382                        />
1383                                            </a>
1384                </li>
1385                                                                            <li class="art-item flex items-center" data-item-id="69b2e6164ed03">
1386                    <a
1387                        data-index="7"
1388                        data-caption=""
1389                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/descendingapollosacredspacedwg_orig.jpg"
1390                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1391                                                    @click.prevent="imageGalleryOpen($el)"
1392                                            >
1393                        <img
1394                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1395                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/descendingapollosacredspacedwg_orig.jpg"
1396                            alt=""
1397                            loading="lazy"
1398                        />
1399                                            </a>
1400                </li>
1401                                                                            <li class="art-item flex items-center" data-item-id="69b2e616508db">
1402                    <a
1403                        data-index="8"
1404                        data-caption=""
1405                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/iamthecosmos_orig.jpg"
1406                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1407                                                    @click.prevent="imageGalleryOpen($el)"
1408                                            >
1409                        <img
1410                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1411                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/iamthecosmos_orig.jpg"
1412                            alt=""
1413                            loading="lazy"
1414                        />
1415                                            </a>
1416                </li>
1417                                                                            <li class="art-item flex items-center" data-item-id="69b2e61652724">
1418                    <a
1419                        data-index="9"
1420                        data-caption=""
1421                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/100-3190_orig.jpg"
1422                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1423                                                    @click.prevent="imageGalleryOpen($el)"
1424                                            >
1425                        <img
1426                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1427                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/100-3190_orig.jpg"
1428                            alt=""
1429                            loading="lazy"
1430                        />
1431                                            </a>
1432                </li>
1433                                                                            <li class="art-item flex items-center" data-item-id="69b2e616543a1">
1434                    <a
1435                        data-index="10"
1436                        data-caption=""
1437                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/dishandcirclewalk_orig.jpg"
1438                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1439                                                    @click.prevent="imageGalleryOpen($el)"
1440                                            >
1441                        <img
1442                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1443                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/dishandcirclewalk_orig.jpg"
1444                            alt=""
1445                            loading="lazy"
1446                        />
1447                                            </a>
1448                </li>
1449                    </ul>
1450    </div>
1451<template x-teleport="body">
1452            <div
1453    x-show="imageGalleryOpened"
1454    x-transition:enter="transition ease-in-out duration-300"
1455    x-transition:enter-start="opacity-0"
1456    x-transition:leave="transition ease-in-in duration-300"
1457    x-transition:leave-end="opacity-0"
1458    @click="imageGalleryClose"
1459    @keydown.window.escape="imageGalleryClose"
1460    x-trap.inert.noscroll="imageGalleryOpened"
1461    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
1462    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
1463        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
1464            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
1465        </div>
1466        <img
1467            x-show="imageGalleryOpened"
1468            x-transition:enter="transition ease-in-out duration-300"
1469            x-transition:enter-start="opacity-0 transform scale-50"
1470            x-transition:leave="transition ease-in-in duration-300"
1471            x-transition:leave-end="opacity-0 transform scale-50"
1472            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
1473        <div class="absolute bottom-0 left-0 right-0 p-4">
1474            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
1475        </div>
1476        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
1477            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
1478        </div>
1479    </div>
1480</div>
1481
1482    </template>
1483</div>
1484</div><div id="c69b2e6165451b" class="component"><div style="height: 50px"></div>
1485</div><div id="c69b2e61670245" class="component"><div
1486    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1487    x-data="{
1488        imageGalleryOpened: false,
1489        imageGalleryImageIndex: 1,
1490        imageGalleryActiveSrc: null,
1491        imageGalleryActiveCaption: '',
1492        imageGalleryOpen(el) {
1493            this.imageGalleryImageIndex = el.dataset.index;
1494            this.imageGalleryActiveSrc = el.dataset.lightbox;
1495            this.imageGalleryActiveCaption = el.dataset.caption;
1496            this.imageGalleryOpened = true && true;
1497        },
1498        imageGallerySet(el) {
1499            this.imageGalleryActiveSrc = el.dataset.lightbox;
1500            this.imageGalleryActiveCaption = el.dataset.caption;
1501            this.imageGalleryImageIndex = el.dataset.index;
1502        },
1503        imageGalleryClose() {
1504            this.imageGalleryOpened = false;
1505            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
1506        },
1507        imageGalleryNext(){
1508            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 15) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
1509            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
1510            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
1511        },
1512        imageGalleryPrev() {
1513            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 15 : (parseInt(this.imageGalleryImageIndex) - 1);
1514            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
1515            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
1516        }
1517    }"
1518    @keyup.right.window="imageGalleryNext();"
1519    @keyup.left.window="imageGalleryPrev();"
1520>
1521<div class="flex">
1522                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
1523                                                                            <li class="art-item flex items-center" data-item-id="69b2e616560a7">
1524                    <a
1525                        data-index="1"
1526                        data-caption=""
1527                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/revivereachq_orig.jpg"
1528                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1529                                                    @click.prevent="imageGalleryOpen($el)"
1530                                            >
1531                        <img
1532                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1533                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/revivereachq_orig.jpg"
1534                            alt=""
1535                            loading="lazy"
1536                        />
1537                                            </a>
1538                </li>
1539                                                                            <li class="art-item flex items-center" data-item-id="69b2e61657d73">
1540                    <a
1541                        data-index="2"
1542                        data-caption=""
1543                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/heavencityhall_orig.jpg"
1544                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1545                                                    @click.prevent="imageGalleryOpen($el)"
1546                                            >
1547                        <img
1548                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1549                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/heavencityhall_orig.jpg?w=800"
1550                            alt=""
1551                            loading="lazy"
1552                        />
1553                                            </a>
1554                </li>
1555                                                                            <li class="art-item flex items-center" data-item-id="69b2e61659a5f">
1556                    <a
1557                        data-index="3"
1558                        data-caption=""
1559                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/hellcityhall_orig.jpg"
1560                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1561                                                    @click.prevent="imageGalleryOpen($el)"
1562                                            >
1563                        <img
1564                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1565                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/hellcityhall_orig.jpg?w=800"
1566                            alt=""
1567                            loading="lazy"
1568                        />
1569                                            </a>
1570                </li>
1571                                                                            <li class="art-item flex items-center" data-item-id="69b2e6165b5b9">
1572                    <a
1573                        data-index="4"
1574                        data-caption=""
1575                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/fireq_orig.jpg"
1576                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1577                                                    @click.prevent="imageGalleryOpen($el)"
1578                                            >
1579                        <img
1580                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1581                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/fireq_orig.jpg"
1582                            alt=""
1583                            loading="lazy"
1584                        />
1585                                            </a>
1586                </li>
1587                                                                            <li class="art-item flex items-center" data-item-id="69b2e6165d123">
1588                    <a
1589                        data-index="5"
1590                        data-caption=""
1591                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/foolq_orig.jpg"
1592                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1593                                                    @click.prevent="imageGalleryOpen($el)"
1594                                            >
1595                        <img
1596                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1597                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/foolq_orig.jpg"
1598                            alt=""
1599                            loading="lazy"
1600                        />
1601                                            </a>
1602                </li>
1603                                                                            <li class="art-item flex items-center" data-item-id="69b2e6165ed01">
1604                    <a
1605                        data-index="6"
1606                        data-caption=""
1607                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/finq_orig.jpg"
1608                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1609                                                    @click.prevent="imageGalleryOpen($el)"
1610                                            >
1611                        <img
1612                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1613                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/finq_orig.jpg"
1614                            alt=""
1615                            loading="lazy"
1616                        />
1617                                            </a>
1618                </li>
1619                                                                            <li class="art-item flex items-center" data-item-id="69b2e61660a5d">
1620                    <a
1621                        data-index="7"
1622                        data-caption=""
1623                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/gallucceq_orig.jpg"
1624                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1625                                                    @click.prevent="imageGalleryOpen($el)"
1626                                            >
1627                        <img
1628                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1629                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/gallucceq_orig.jpg"
1630                            alt=""
1631                            loading="lazy"
1632                        />
1633                                            </a>
1634                </li>
1635                                                                            <li class="art-item flex items-center" data-item-id="69b2e61662b28">
1636                    <a
1637                        data-index="8"
1638                        data-caption=""
1639                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/hagiasophiaq_orig.jpg"
1640                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1641                                                    @click.prevent="imageGalleryOpen($el)"
1642                                            >
1643                        <img
1644                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1645                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/hagiasophiaq_orig.jpg"
1646                            alt=""
1647                            loading="lazy"
1648                        />
1649                                            </a>
1650                </li>
1651                                                                            <li class="art-item flex items-center" data-item-id="69b2e6166499c">
1652                    <a
1653                        data-index="9"
1654                        data-caption=""
1655                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/laravennaq_orig.jpg"
1656                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1657                                                    @click.prevent="imageGalleryOpen($el)"
1658                                            >
1659                        <img
1660                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1661                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/laravennaq_orig.jpg"
1662                            alt=""
1663                            loading="lazy"
1664                        />
1665                                            </a>
1666                </li>
1667                                                                            <li class="art-item flex items-center" data-item-id="69b2e61666681">
1668                    <a
1669                        data-index="10"
1670                        data-caption=""
1671                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/sergiusq_orig.jpg"
1672                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1673                                                    @click.prevent="imageGalleryOpen($el)"
1674                                            >
1675                        <img
1676                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1677                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/sergiusq_orig.jpg"
1678                            alt=""
1679                            loading="lazy"
1680                        />
1681                                            </a>
1682                </li>
1683                                                                            <li class="art-item flex items-center" data-item-id="69b2e6166848a">
1684                    <a
1685                        data-index="11"
1686                        data-caption=""
1687                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/stmariafioreq_orig.jpg"
1688                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1689                                                    @click.prevent="imageGalleryOpen($el)"
1690                                            >
1691                        <img
1692                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1693                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/stmariafioreq_orig.jpg"
1694                            alt=""
1695                            loading="lazy"
1696                        />
1697                                            </a>
1698                </li>
1699                                                                            <li class="art-item flex items-center" data-item-id="69b2e6166a26e">
1700                    <a
1701                        data-index="12"
1702                        data-caption=""
1703                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/motherq_orig.jpg"
1704                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1705                                                    @click.prevent="imageGalleryOpen($el)"
1706                                            >
1707                        <img
1708                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1709                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/motherq_orig.jpg"
1710                            alt=""
1711                            loading="lazy"
1712                        />
1713                                            </a>
1714                </li>
1715                                                                            <li class="art-item flex items-center" data-item-id="69b2e6166c274">
1716                    <a
1717                        data-index="13"
1718                        data-caption=""
1719                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/citrineq_orig.jpg"
1720                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1721                                                    @click.prevent="imageGalleryOpen($el)"
1722                                            >
1723                        <img
1724                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1725                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/citrineq_orig.jpg"
1726                            alt=""
1727                            loading="lazy"
1728                        />
1729                                            </a>
1730                </li>
1731                                                                            <li class="art-item flex items-center" data-item-id="69b2e6166e009">
1732                    <a
1733                        data-index="14"
1734                        data-caption=""
1735                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/triple3q_orig.jpg"
1736                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1737                                                    @click.prevent="imageGalleryOpen($el)"
1738                                            >
1739                        <img
1740                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1741                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/triple3q_orig.jpg"
1742                            alt=""
1743                            loading="lazy"
1744                        />
1745                                            </a>
1746                </li>
1747                                                                            <li class="art-item flex items-center" data-item-id="69b2e61670065">
1748                    <a
1749                        data-index="15"
1750                        data-caption=""
1751                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/linequalitydetailq_orig.jpg"
1752                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1753                                                    @click.prevent="imageGalleryOpen($el)"
1754                                            >
1755                        <img
1756                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1757                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/linequalitydetailq_orig.jpg"
1758                            alt=""
1759                            loading="lazy"
1760                        />
1761                                            </a>
1762                </li>
1763                    </ul>
1764    </div>
1765<template x-teleport="body">
1766            <div
1767    x-show="imageGalleryOpened"
1768    x-transition:enter="transition ease-in-out duration-300"
1769    x-transition:enter-start="opacity-0"
1770    x-transition:leave="transition ease-in-in duration-300"
1771    x-transition:leave-end="opacity-0"
1772    @click="imageGalleryClose"
1773    @keydown.window.escape="imageGalleryClose"
1774    x-trap.inert.noscroll="imageGalleryOpened"
1775    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
1776    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
1777        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
1778            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
1779        </div>
1780        <img
1781            x-show="imageGalleryOpened"
1782            x-transition:enter="transition ease-in-out duration-300"
1783            x-transition:enter-start="opacity-0 transform scale-50"
1784            x-transition:leave="transition ease-in-in duration-300"
1785            x-transition:leave-end="opacity-0 transform scale-50"
1786            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
1787        <div class="absolute bottom-0 left-0 right-0 p-4">
1788            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
1789        </div>
1790        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
1791            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
1792        </div>
1793    </div>
1794</div>
1795
1796    </template>
1797</div>
1798</div><div id="c69b2e61670275" class="component"><div style="height: 50px"></div>
1799</div><div id="c69b2e6167950f" class="component"><div
1800    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1801    x-data="{
1802        imageGalleryOpened: false,
1803        imageGalleryImageIndex: 1,
1804        imageGalleryActiveSrc: null,
1805        imageGalleryActiveCaption: '',
1806        imageGalleryOpen(el) {
1807            this.imageGalleryImageIndex = el.dataset.index;
1808            this.imageGalleryActiveSrc = el.dataset.lightbox;
1809            this.imageGalleryActiveCaption = el.dataset.caption;
1810            this.imageGalleryOpened = true && true;
1811        },
1812        imageGallerySet(el) {
1813            this.imageGalleryActiveSrc = el.dataset.lightbox;
1814            this.imageGalleryActiveCaption = el.dataset.caption;
1815            this.imageGalleryImageIndex = el.dataset.index;
1816        },
1817        imageGalleryClose() {
1818            this.imageGalleryOpened = false;
1819            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
1820        },
1821        imageGalleryNext(){
1822            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 5) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
1823            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
1824            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
1825        },
1826        imageGalleryPrev() {
1827            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 5 : (parseInt(this.imageGalleryImageIndex) - 1);
1828            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
1829            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
1830        }
1831    }"
1832    @keyup.right.window="imageGalleryNext();"
1833    @keyup.left.window="imageGalleryPrev();"
1834>
1835<div class="flex">
1836                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
1837                                                                            <li class="art-item flex items-center" data-item-id="69b2e6167216d">
1838                    <a
1839                        data-index="1"
1840                        data-caption=""
1841                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/signpost1q_orig.jpg"
1842                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1843                                                    @click.prevent="imageGalleryOpen($el)"
1844                                            >
1845                        <img
1846                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1847                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/signpost1q_orig.jpg"
1848                            alt=""
1849                            loading="lazy"
1850                        />
1851                                            </a>
1852                </li>
1853                                                                            <li class="art-item flex items-center" data-item-id="69b2e61673dd4">
1854                    <a
1855                        data-index="2"
1856                        data-caption=""
1857                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/signpost3q_orig.jpg"
1858                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1859                                                    @click.prevent="imageGalleryOpen($el)"
1860                                            >
1861                        <img
1862                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1863                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/signpost3q_orig.jpg"
1864                            alt=""
1865                            loading="lazy"
1866                        />
1867                                            </a>
1868                </li>
1869                                                                            <li class="art-item flex items-center" data-item-id="69b2e61675bf9">
1870                    <a
1871                        data-index="3"
1872                        data-caption=""
1873                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/signpost2q_orig.jpg"
1874                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1875                                                    @click.prevent="imageGalleryOpen($el)"
1876                                            >
1877                        <img
1878                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1879                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/signpost2q_orig.jpg"
1880                            alt=""
1881                            loading="lazy"
1882                        />
1883                                            </a>
1884                </li>
1885                                                                            <li class="art-item flex items-center" data-item-id="69b2e616779a8">
1886                    <a
1887                        data-index="4"
1888                        data-caption=""
1889                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/carnivalbaloonsq_orig.jpg"
1890                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1891                                                    @click.prevent="imageGalleryOpen($el)"
1892                                            >
1893                        <img
1894                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1895                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/carnivalbaloonsq_orig.jpg"
1896                            alt=""
1897                            loading="lazy"
1898                        />
1899                                            </a>
1900                </li>
1901                                                                            <li class="art-item flex items-center" data-item-id="69b2e61679417">
1902                    <a
1903                        data-index="5"
1904                        data-caption=""
1905                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/j-chenoweth-2ccarnivalballoongameprocess_orig.jpg"
1906                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1907                                                    @click.prevent="imageGalleryOpen($el)"
1908                                            >
1909                        <img
1910                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
1911                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/j-chenoweth-2ccarnivalballoongameprocess_orig.jpg?w=800"
1912                            alt=""
1913                            loading="lazy"
1914                        />
1915                                            </a>
1916                </li>
1917                    </ul>
1918    </div>
1919<template x-teleport="body">
1920            <div
1921    x-show="imageGalleryOpened"
1922    x-transition:enter="transition ease-in-out duration-300"
1923    x-transition:enter-start="opacity-0"
1924    x-transition:leave="transition ease-in-in duration-300"
1925    x-transition:leave-end="opacity-0"
1926    @click="imageGalleryClose"
1927    @keydown.window.escape="imageGalleryClose"
1928    x-trap.inert.noscroll="imageGalleryOpened"
1929    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
1930    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
1931        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
1932            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
1933        </div>
1934        <img
1935            x-show="imageGalleryOpened"
1936            x-transition:enter="transition ease-in-out duration-300"
1937            x-transition:enter-start="opacity-0 transform scale-50"
1938            x-transition:leave="transition ease-in-in duration-300"
1939            x-transition:leave-end="opacity-0 transform scale-50"
1940            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
1941        <div class="absolute bottom-0 left-0 right-0 p-4">
1942            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
1943        </div>
1944        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
1945            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
1946        </div>
1947    </div>
1948</div>
1949
1950    </template>
1951</div>
1952</div><div id="c69b2e61679535" class="component"><div style="height: 50px"></div>
1953</div><div id="c69b2e6168d6a0" class="component"><div
1954    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
1955    x-data="{
1956        imageGalleryOpened: false,
1957        imageGalleryImageIndex: 1,
1958        imageGalleryActiveSrc: null,
1959        imageGalleryActiveCaption: '',
1960        imageGalleryOpen(el) {
1961            this.imageGalleryImageIndex = el.dataset.index;
1962            this.imageGalleryActiveSrc = el.dataset.lightbox;
1963            this.imageGalleryActiveCaption = el.dataset.caption;
1964            this.imageGalleryOpened = true && true;
1965        },
1966        imageGallerySet(el) {
1967            this.imageGalleryActiveSrc = el.dataset.lightbox;
1968            this.imageGalleryActiveCaption = el.dataset.caption;
1969            this.imageGalleryImageIndex = el.dataset.index;
1970        },
1971        imageGalleryClose() {
1972            this.imageGalleryOpened = false;
1973            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
1974        },
1975        imageGalleryNext(){
1976            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 10) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
1977            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
1978            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
1979        },
1980        imageGalleryPrev() {
1981            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 10 : (parseInt(this.imageGalleryImageIndex) - 1);
1982            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
1983            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
1984        }
1985    }"
1986    @keyup.right.window="imageGalleryNext();"
1987    @keyup.left.window="imageGalleryPrev();"
1988>
1989<div class="flex">
1990                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
1991                                                                            <li class="art-item flex items-center" data-item-id="69b2e6167b23e">
1992                    <a
1993                        data-index="1"
1994                        data-caption=""
1995                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/biglittleq_orig.jpg"
1996                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
1997                                                    @click.prevent="imageGalleryOpen($el)"
1998                                            >
1999                        <img
2000                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2001                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/biglittleq_orig.jpg"
2002                            alt=""
2003                            loading="lazy"
2004                        />
2005                                            </a>
2006                </li>
2007                                                                            <li class="art-item flex items-center" data-item-id="69b2e6167ceac">
2008                    <a
2009                        data-index="2"
2010                        data-caption=""
2011                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/doublejq_orig.jpg"
2012                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2013                                                    @click.prevent="imageGalleryOpen($el)"
2014                                            >
2015                        <img
2016                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2017                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/doublejq_orig.jpg"
2018                            alt=""
2019                            loading="lazy"
2020                        />
2021                                            </a>
2022                </li>
2023                                                                            <li class="art-item flex items-center" data-item-id="69b2e6167ef09">
2024                    <a
2025                        data-index="3"
2026                        data-caption=""
2027                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/earthq_orig.jpg"
2028                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2029                                                    @click.prevent="imageGalleryOpen($el)"
2030                                            >
2031                        <img
2032                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2033                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/earthq_orig.jpg"
2034                            alt=""
2035                            loading="lazy"
2036                        />
2037                                            </a>
2038                </li>
2039                                                                            <li class="art-item flex items-center" data-item-id="69b2e61680f1e">
2040                    <a
2041                        data-index="4"
2042                        data-caption=""
2043                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/thewayq_orig.jpg"
2044                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2045                                                    @click.prevent="imageGalleryOpen($el)"
2046                                            >
2047                        <img
2048                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2049                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/thewayq_orig.jpg"
2050                            alt=""
2051                            loading="lazy"
2052                        />
2053                                            </a>
2054                </li>
2055                                                                            <li class="art-item flex items-center" data-item-id="69b2e61682e44">
2056                    <a
2057                        data-index="5"
2058                        data-caption=""
2059                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/skystudyq_orig.jpg"
2060                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2061                                                    @click.prevent="imageGalleryOpen($el)"
2062                                            >
2063                        <img
2064                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2065                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/skystudyq_orig.jpg"
2066                            alt=""
2067                            loading="lazy"
2068                        />
2069                                            </a>
2070                </li>
2071                                                                            <li class="art-item flex items-center" data-item-id="69b2e61684dea">
2072                    <a
2073                        data-index="6"
2074                        data-caption=""
2075                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/redzipq_orig.jpg"
2076                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2077                                                    @click.prevent="imageGalleryOpen($el)"
2078                                            >
2079                        <img
2080                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2081                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/redzipq_orig.jpg"
2082                            alt=""
2083                            loading="lazy"
2084                        />
2085                                            </a>
2086                </li>
2087                                                                            <li class="art-item flex items-center" data-item-id="69b2e616869a6">
2088                    <a
2089                        data-index="7"
2090                        data-caption=""
2091                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/waterq_orig.jpg"
2092                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2093                                                    @click.prevent="imageGalleryOpen($el)"
2094                                            >
2095                        <img
2096                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2097                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/waterq_orig.jpg"
2098                            alt=""
2099                            loading="lazy"
2100                        />
2101                                            </a>
2102                </li>
2103                                                                            <li class="art-item flex items-center" data-item-id="69b2e61688d45">
2104                    <a
2105                        data-index="8"
2106                        data-caption=""
2107                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/rollofclouds_orig.jpg"
2108                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2109                                                    @click.prevent="imageGalleryOpen($el)"
2110                                            >
2111                        <img
2112                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2113                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/rollofclouds_orig.jpg?w=800"
2114                            alt=""
2115                            loading="lazy"
2116                        />
2117                                            </a>
2118                </li>
2119                                                                            <li class="art-item flex items-center" data-item-id="69b2e6168b4e9">
2120                    <a
2121                        data-index="9"
2122                        data-caption=""
2123                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/j-chenoweth-1ewayfindingraincloud_orig.jpg"
2124                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2125                                                    @click.prevent="imageGalleryOpen($el)"
2126                                            >
2127                        <img
2128                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2129                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/j-chenoweth-1ewayfindingraincloud_orig.jpg"
2130                            alt=""
2131                            loading="lazy"
2132                        />
2133                                            </a>
2134                </li>
2135                                                                            <li class="art-item flex items-center" data-item-id="69b2e6168d53a">
2136                    <a
2137                        data-index="10"
2138                        data-caption=""
2139                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/earthdetailq_orig.jpg"
2140                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2141                                                    @click.prevent="imageGalleryOpen($el)"
2142                                            >
2143                        <img
2144                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2145                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/earthdetailq_orig.jpg"
2146                            alt=""
2147                            loading="lazy"
2148                        />
2149                                            </a>
2150                </li>
2151                    </ul>
2152    </div>
2153<template x-teleport="body">
2154            <div
2155    x-show="imageGalleryOpened"
2156    x-transition:enter="transition ease-in-out duration-300"
2157    x-transition:enter-start="opacity-0"
2158    x-transition:leave="transition ease-in-in duration-300"
2159    x-transition:leave-end="opacity-0"
2160    @click="imageGalleryClose"
2161    @keydown.window.escape="imageGalleryClose"
2162    x-trap.inert.noscroll="imageGalleryOpened"
2163    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
2164    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
2165        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
2166            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
2167        </div>
2168        <img
2169            x-show="imageGalleryOpened"
2170            x-transition:enter="transition ease-in-out duration-300"
2171            x-transition:enter-start="opacity-0 transform scale-50"
2172            x-transition:leave="transition ease-in-in duration-300"
2173            x-transition:leave-end="opacity-0 transform scale-50"
2174            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
2175        <div class="absolute bottom-0 left-0 right-0 p-4">
2176            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
2177        </div>
2178        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
2179            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
2180        </div>
2181    </div>
2182</div>
2183
2184    </template>
2185</div>
2186</div><div id="c69b2e6168d6cd" class="component"><div style="height: 50px"></div>
2187</div><div id="c69b2e6169eb52" class="component"><div
2188    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
2189    x-data="{
2190        imageGalleryOpened: false,
2191        imageGalleryImageIndex: 1,
2192        imageGalleryActiveSrc: null,
2193        imageGalleryActiveCaption: '',
2194        imageGalleryOpen(el) {
2195            this.imageGalleryImageIndex = el.dataset.index;
2196            this.imageGalleryActiveSrc = el.dataset.lightbox;
2197            this.imageGalleryActiveCaption = el.dataset.caption;
2198            this.imageGalleryOpened = true && true;
2199        },
2200        imageGallerySet(el) {
2201            this.imageGalleryActiveSrc = el.dataset.lightbox;
2202            this.imageGalleryActiveCaption = el.dataset.caption;
2203            this.imageGalleryImageIndex = el.dataset.index;
2204        },
2205        imageGalleryClose() {
2206            this.imageGalleryOpened = false;
2207            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
2208        },
2209        imageGalleryNext(){
2210            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 10) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
2211            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
2212            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
2213        },
2214        imageGalleryPrev() {
2215            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 10 : (parseInt(this.imageGalleryImageIndex) - 1);
2216            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
2217            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
2218        }
2219    }"
2220    @keyup.right.window="imageGalleryNext();"
2221    @keyup.left.window="imageGalleryPrev();"
2222>
2223<div class="flex">
2224                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
2225                                                                            <li class="art-item flex items-center" data-item-id="69b2e6168f380">
2226                    <a
2227                        data-index="1"
2228                        data-caption=""
2229                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/20inkdwgsq_orig.jpg"
2230                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2231                                                    @click.prevent="imageGalleryOpen($el)"
2232                                            >
2233                        <img
2234                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2235                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/20inkdwgsq_orig.jpg"
2236                            alt=""
2237                            loading="lazy"
2238                        />
2239                                            </a>
2240                </li>
2241                                                                            <li class="art-item flex items-center" data-item-id="69b2e61690f0b">
2242                    <a
2243                        data-index="2"
2244                        data-caption=""
2245                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/ringtrophiessideq_orig.jpg"
2246                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2247                                                    @click.prevent="imageGalleryOpen($el)"
2248                                            >
2249                        <img
2250                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2251                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/ringtrophiessideq_orig.jpg?w=800"
2252                            alt=""
2253                            loading="lazy"
2254                        />
2255                                            </a>
2256                </li>
2257                                                                            <li class="art-item flex items-center" data-item-id="69b2e61692c20">
2258                    <a
2259                        data-index="3"
2260                        data-caption=""
2261                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/energyq_orig.jpg"
2262                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2263                                                    @click.prevent="imageGalleryOpen($el)"
2264                                            >
2265                        <img
2266                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2267                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/energyq_orig.jpg"
2268                            alt=""
2269                            loading="lazy"
2270                        />
2271                                            </a>
2272                </li>
2273                                                                            <li class="art-item flex items-center" data-item-id="69b2e616947c0">
2274                    <a
2275                        data-index="4"
2276                        data-caption=""
2277                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/triangulatedspheresdetailq_orig.jpg"
2278                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2279                                                    @click.prevent="imageGalleryOpen($el)"
2280                                            >
2281                        <img
2282                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2283                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/triangulatedspheresdetailq_orig.jpg"
2284                            alt=""
2285                            loading="lazy"
2286                        />
2287                                            </a>
2288                </li>
2289                                                                            <li class="art-item flex items-center" data-item-id="69b2e616963d1">
2290                    <a
2291                        data-index="5"
2292                        data-caption=""
2293                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/12inkdwgsq_orig.jpg"
2294                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2295                                                    @click.prevent="imageGalleryOpen($el)"
2296                                            >
2297                        <img
2298                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2299                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/12inkdwgsq_orig.jpg"
2300                            alt=""
2301                            loading="lazy"
2302                        />
2303                                            </a>
2304                </li>
2305                                                                            <li class="art-item flex items-center" data-item-id="69b2e61697f1f">
2306                    <a
2307                        data-index="6"
2308                        data-caption=""
2309                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/radiantptgq_orig.jpg"
2310                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2311                                                    @click.prevent="imageGalleryOpen($el)"
2312                                            >
2313                        <img
2314                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2315                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/radiantptgq_orig.jpg"
2316                            alt=""
2317                            loading="lazy"
2318                        />
2319                                            </a>
2320                </li>
2321                                                                            <li class="art-item flex items-center" data-item-id="69b2e6169999f">
2322                    <a
2323                        data-index="7"
2324                        data-caption=""
2325                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/radiantq_orig.jpg"
2326                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2327                                                    @click.prevent="imageGalleryOpen($el)"
2328                                            >
2329                        <img
2330                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2331                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/radiantq_orig.jpg"
2332                            alt=""
2333                            loading="lazy"
2334                        />
2335                                            </a>
2336                </li>
2337                                                                            <li class="art-item flex items-center" data-item-id="69b2e6169b56c">
2338                    <a
2339                        data-index="8"
2340                        data-caption=""
2341                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/cherryblossomq_orig.jpg"
2342                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2343                                                    @click.prevent="imageGalleryOpen($el)"
2344                                            >
2345                        <img
2346                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2347                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/cherryblossomq_orig.jpg"
2348                            alt=""
2349                            loading="lazy"
2350                        />
2351                                            </a>
2352                </li>
2353                                                                            <li class="art-item flex items-center" data-item-id="69b2e6169d066">
2354                    <a
2355                        data-index="9"
2356                        data-caption=""
2357                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/cherryblossombubblesideq_orig.jpg"
2358                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2359                                                    @click.prevent="imageGalleryOpen($el)"
2360                                            >
2361                        <img
2362                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2363                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/cherryblossombubblesideq_orig.jpg"
2364                            alt=""
2365                            loading="lazy"
2366                        />
2367                                            </a>
2368                </li>
2369                                                                            <li class="art-item flex items-center" data-item-id="69b2e6169ea66">
2370                    <a
2371                        data-index="10"
2372                        data-caption=""
2373                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/floatingworldstampw_orig.jpg"
2374                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2375                                                    @click.prevent="imageGalleryOpen($el)"
2376                                            >
2377                        <img
2378                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2379                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/floatingworldstampw_orig.jpg"
2380                            alt=""
2381                            loading="lazy"
2382                        />
2383                                            </a>
2384                </li>
2385                    </ul>
2386    </div>
2387<template x-teleport="body">
2388            <div
2389    x-show="imageGalleryOpened"
2390    x-transition:enter="transition ease-in-out duration-300"
2391    x-transition:enter-start="opacity-0"
2392    x-transition:leave="transition ease-in-in duration-300"
2393    x-transition:leave-end="opacity-0"
2394    @click="imageGalleryClose"
2395    @keydown.window.escape="imageGalleryClose"
2396    x-trap.inert.noscroll="imageGalleryOpened"
2397    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
2398    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
2399        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
2400            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
2401        </div>
2402        <img
2403            x-show="imageGalleryOpened"
2404            x-transition:enter="transition ease-in-out duration-300"
2405            x-transition:enter-start="opacity-0 transform scale-50"
2406            x-transition:leave="transition ease-in-in duration-300"
2407            x-transition:leave-end="opacity-0 transform scale-50"
2408            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
2409        <div class="absolute bottom-0 left-0 right-0 p-4">
2410            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
2411        </div>
2412        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
2413            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
2414        </div>
2415    </div>
2416</div>
2417
2418    </template>
2419</div>
2420</div><div id="c69b2e6169eb6c" class="component"><div style="height: 50px"></div>
2421</div><div id="c69b2e616b1178" class="component"><div
2422    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
2423    x-data="{
2424        imageGalleryOpened: false,
2425        imageGalleryImageIndex: 1,
2426        imageGalleryActiveSrc: null,
2427        imageGalleryActiveCaption: '',
2428        imageGalleryOpen(el) {
2429            this.imageGalleryImageIndex = el.dataset.index;
2430            this.imageGalleryActiveSrc = el.dataset.lightbox;
2431            this.imageGalleryActiveCaption = el.dataset.caption;
2432            this.imageGalleryOpened = true && true;
2433        },
2434        imageGallerySet(el) {
2435            this.imageGalleryActiveSrc = el.dataset.lightbox;
2436            this.imageGalleryActiveCaption = el.dataset.caption;
2437            this.imageGalleryImageIndex = el.dataset.index;
2438        },
2439        imageGalleryClose() {
2440            this.imageGalleryOpened = false;
2441            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
2442        },
2443        imageGalleryNext(){
2444            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 10) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
2445            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
2446            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
2447        },
2448        imageGalleryPrev() {
2449            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 10 : (parseInt(this.imageGalleryImageIndex) - 1);
2450            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
2451            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
2452        }
2453    }"
2454    @keyup.right.window="imageGalleryNext();"
2455    @keyup.left.window="imageGalleryPrev();"
2456>
2457<div class="flex">
2458                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
2459                                                                            <li class="art-item flex items-center" data-item-id="69b2e616a0892">
2460                    <a
2461                        data-index="1"
2462                        data-caption=""
2463                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/bluescalesyellowstampq_orig.jpg"
2464                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2465                                                    @click.prevent="imageGalleryOpen($el)"
2466                                            >
2467                        <img
2468                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2469                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/bluescalesyellowstampq_orig.jpg"
2470                            alt=""
2471                            loading="lazy"
2472                        />
2473                                            </a>
2474                </li>
2475                                                                            <li class="art-item flex items-center" data-item-id="69b2e616a25bc">
2476                    <a
2477                        data-index="2"
2478                        data-caption=""
2479                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/candyq_orig.jpg"
2480                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2481                                                    @click.prevent="imageGalleryOpen($el)"
2482                                            >
2483                        <img
2484                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2485                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/candyq_orig.jpg"
2486                            alt=""
2487                            loading="lazy"
2488                        />
2489                                            </a>
2490                </li>
2491                                                                            <li class="art-item flex items-center" data-item-id="69b2e616a411c">
2492                    <a
2493                        data-index="3"
2494                        data-caption=""
2495                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/chamberedq_orig.jpg"
2496                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2497                                                    @click.prevent="imageGalleryOpen($el)"
2498                                            >
2499                        <img
2500                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2501                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/chamberedq_orig.jpg"
2502                            alt=""
2503                            loading="lazy"
2504                        />
2505                                            </a>
2506                </li>
2507                                                                            <li class="art-item flex items-center" data-item-id="69b2e616a5bd5">
2508                    <a
2509                        data-index="4"
2510                        data-caption=""
2511                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/flower1w_orig.jpg"
2512                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2513                                                    @click.prevent="imageGalleryOpen($el)"
2514                                            >
2515                        <img
2516                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2517                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/flower1w_orig.jpg"
2518                            alt=""
2519                            loading="lazy"
2520                        />
2521                                            </a>
2522                </li>
2523                                                                            <li class="art-item flex items-center" data-item-id="69b2e616a76e6">
2524                    <a
2525                        data-index="5"
2526                        data-caption=""
2527                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/likenessq_orig.jpg"
2528                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2529                                                    @click.prevent="imageGalleryOpen($el)"
2530                                            >
2531                        <img
2532                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2533                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/likenessq_orig.jpg"
2534                            alt=""
2535                            loading="lazy"
2536                        />
2537                                            </a>
2538                </li>
2539                                                                            <li class="art-item flex items-center" data-item-id="69b2e616a92ac">
2540                    <a
2541                        data-index="6"
2542                        data-caption=""
2543                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/yokeq_orig.jpg"
2544                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2545                                                    @click.prevent="imageGalleryOpen($el)"
2546                                            >
2547                        <img
2548                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2549                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/yokeq_orig.jpg"
2550                            alt=""
2551                            loading="lazy"
2552                        />
2553                                            </a>
2554                </li>
2555                                                                            <li class="art-item flex items-center" data-item-id="69b2e616abf00">
2556                    <a
2557                        data-index="7"
2558                        data-caption=""
2559                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/fringesq_orig.jpg"
2560                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2561                                                    @click.prevent="imageGalleryOpen($el)"
2562                                            >
2563                        <img
2564                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2565                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/fringesq_orig.jpg"
2566                            alt=""
2567                            loading="lazy"
2568                        />
2569                                            </a>
2570                </li>
2571                                                                            <li class="art-item flex items-center" data-item-id="69b2e616ad9b5">
2572                    <a
2573                        data-index="8"
2574                        data-caption=""
2575                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/flowerpopq_orig.jpg"
2576                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2577                                                    @click.prevent="imageGalleryOpen($el)"
2578                                            >
2579                        <img
2580                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2581                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/flowerpopq_orig.jpg"
2582                            alt=""
2583                            loading="lazy"
2584                        />
2585                                            </a>
2586                </li>
2587                                                                            <li class="art-item flex items-center" data-item-id="69b2e616af46a">
2588                    <a
2589                        data-index="9"
2590                        data-caption=""
2591                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/persishopew_orig.jpg"
2592                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2593                                                    @click.prevent="imageGalleryOpen($el)"
2594                                            >
2595                        <img
2596                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2597                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/persishopew_orig.jpg"
2598                            alt=""
2599                            loading="lazy"
2600                        />
2601                                            </a>
2602                </li>
2603                                                                            <li class="art-item flex items-center" data-item-id="69b2e616b1051">
2604                    <a
2605                        data-index="10"
2606                        data-caption=""
2607                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/burstq_orig.jpg"
2608                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2609                                                    @click.prevent="imageGalleryOpen($el)"
2610                                            >
2611                        <img
2612                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2613                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/burstq_orig.jpg"
2614                            alt=""
2615                            loading="lazy"
2616                        />
2617                                            </a>
2618                </li>
2619                    </ul>
2620    </div>
2621<template x-teleport="body">
2622            <div
2623    x-show="imageGalleryOpened"
2624    x-transition:enter="transition ease-in-out duration-300"
2625    x-transition:enter-start="opacity-0"
2626    x-transition:leave="transition ease-in-in duration-300"
2627    x-transition:leave-end="opacity-0"
2628    @click="imageGalleryClose"
2629    @keydown.window.escape="imageGalleryClose"
2630    x-trap.inert.noscroll="imageGalleryOpened"
2631    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
2632    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
2633        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
2634            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
2635        </div>
2636        <img
2637            x-show="imageGalleryOpened"
2638            x-transition:enter="transition ease-in-out duration-300"
2639            x-transition:enter-start="opacity-0 transform scale-50"
2640            x-transition:leave="transition ease-in-in duration-300"
2641            x-transition:leave-end="opacity-0 transform scale-50"
2642            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
2643        <div class="absolute bottom-0 left-0 right-0 p-4">
2644            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
2645        </div>
2646        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
2647            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
2648        </div>
2649    </div>
2650</div>
2651
2652    </template>
2653</div>
2654</div><div id="c69b2e616b1191" class="component"><div style="height: 50px"></div>
2655</div><div id="c69b2e616b92af" class="component"><div
2656    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
2657    x-data="{
2658        imageGalleryOpened: false,
2659        imageGalleryImageIndex: 1,
2660        imageGalleryActiveSrc: null,
2661        imageGalleryActiveCaption: '',
2662        imageGalleryOpen(el) {
2663            this.imageGalleryImageIndex = el.dataset.index;
2664            this.imageGalleryActiveSrc = el.dataset.lightbox;
2665            this.imageGalleryActiveCaption = el.dataset.caption;
2666            this.imageGalleryOpened = true && true;
2667        },
2668        imageGallerySet(el) {
2669            this.imageGalleryActiveSrc = el.dataset.lightbox;
2670            this.imageGalleryActiveCaption = el.dataset.caption;
2671            this.imageGalleryImageIndex = el.dataset.index;
2672        },
2673        imageGalleryClose() {
2674            this.imageGalleryOpened = false;
2675            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
2676        },
2677        imageGalleryNext(){
2678            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 5) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
2679            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
2680            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
2681        },
2682        imageGalleryPrev() {
2683            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 5 : (parseInt(this.imageGalleryImageIndex) - 1);
2684            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
2685            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
2686        }
2687    }"
2688    @keyup.right.window="imageGalleryNext();"
2689    @keyup.left.window="imageGalleryPrev();"
2690>
2691<div class="flex">
2692                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
2693                                                                            <li class="art-item flex items-center" data-item-id="69b2e616b2aea">
2694                    <a
2695                        data-index="1"
2696                        data-caption=""
2697                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/eggq_orig.jpg"
2698                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2699                                                    @click.prevent="imageGalleryOpen($el)"
2700                                            >
2701                        <img
2702                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2703                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/eggq_orig.jpg"
2704                            alt=""
2705                            loading="lazy"
2706                        />
2707                                            </a>
2708                </li>
2709                                                                            <li class="art-item flex items-center" data-item-id="69b2e616b4423">
2710                    <a
2711                        data-index="2"
2712                        data-caption=""
2713                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/transitionstriptychq_orig.jpg"
2714                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2715                                                    @click.prevent="imageGalleryOpen($el)"
2716                                            >
2717                        <img
2718                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2719                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/transitionstriptychq_orig.jpg"
2720                            alt=""
2721                            loading="lazy"
2722                        />
2723                                            </a>
2724                </li>
2725                                                                            <li class="art-item flex items-center" data-item-id="69b2e616b5d53">
2726                    <a
2727                        data-index="3"
2728                        data-caption=""
2729                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/scalesq_orig.jpg"
2730                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2731                                                    @click.prevent="imageGalleryOpen($el)"
2732                                            >
2733                        <img
2734                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2735                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/scalesq_orig.jpg?w=800"
2736                            alt=""
2737                            loading="lazy"
2738                        />
2739                                            </a>
2740                </li>
2741                                                                            <li class="art-item flex items-center" data-item-id="69b2e616b764b">
2742                    <a
2743                        data-index="4"
2744                        data-caption=""
2745                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/yellowcellsp_orig.jpg"
2746                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2747                                                    @click.prevent="imageGalleryOpen($el)"
2748                                            >
2749                        <img
2750                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2751                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/yellowcellsp_orig.jpg"
2752                            alt=""
2753                            loading="lazy"
2754                        />
2755                                            </a>
2756                </li>
2757                                                                            <li class="art-item flex items-center" data-item-id="69b2e616b91d3">
2758                    <a
2759                        data-index="5"
2760                        data-caption=""
2761                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/whiteledgeredcellsp_orig.jpg"
2762                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2763                                                    @click.prevent="imageGalleryOpen($el)"
2764                                            >
2765                        <img
2766                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2767                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/whiteledgeredcellsp_orig.jpg?w=800"
2768                            alt=""
2769                            loading="lazy"
2770                        />
2771                                            </a>
2772                </li>
2773                    </ul>
2774    </div>
2775<template x-teleport="body">
2776            <div
2777    x-show="imageGalleryOpened"
2778    x-transition:enter="transition ease-in-out duration-300"
2779    x-transition:enter-start="opacity-0"
2780    x-transition:leave="transition ease-in-in duration-300"
2781    x-transition:leave-end="opacity-0"
2782    @click="imageGalleryClose"
2783    @keydown.window.escape="imageGalleryClose"
2784    x-trap.inert.noscroll="imageGalleryOpened"
2785    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
2786    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
2787        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
2788            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
2789        </div>
2790        <img
2791            x-show="imageGalleryOpened"
2792            x-transition:enter="transition ease-in-out duration-300"
2793            x-transition:enter-start="opacity-0 transform scale-50"
2794            x-transition:leave="transition ease-in-in duration-300"
2795            x-transition:leave-end="opacity-0 transform scale-50"
2796            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
2797        <div class="absolute bottom-0 left-0 right-0 p-4">
2798            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
2799        </div>
2800        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
2801            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
2802        </div>
2803    </div>
2804</div>
2805
2806    </template>
2807</div>
2808</div><div id="c69b2e616c19a5" class="component"><div
2809    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
2810    x-data="{
2811        imageGalleryOpened: false,
2812        imageGalleryImageIndex: 1,
2813        imageGalleryActiveSrc: null,
2814        imageGalleryActiveCaption: '',
2815        imageGalleryOpen(el) {
2816            this.imageGalleryImageIndex = el.dataset.index;
2817            this.imageGalleryActiveSrc = el.dataset.lightbox;
2818            this.imageGalleryActiveCaption = el.dataset.caption;
2819            this.imageGalleryOpened = true && true;
2820        },
2821        imageGallerySet(el) {
2822            this.imageGalleryActiveSrc = el.dataset.lightbox;
2823            this.imageGalleryActiveCaption = el.dataset.caption;
2824            this.imageGalleryImageIndex = el.dataset.index;
2825        },
2826        imageGalleryClose() {
2827            this.imageGalleryOpened = false;
2828            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
2829        },
2830        imageGalleryNext(){
2831            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 5) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
2832            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
2833            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
2834        },
2835        imageGalleryPrev() {
2836            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 5 : (parseInt(this.imageGalleryImageIndex) - 1);
2837            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
2838            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
2839        }
2840    }"
2841    @keyup.right.window="imageGalleryNext();"
2842    @keyup.left.window="imageGalleryPrev();"
2843>
2844<div class="flex">
2845                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
2846                                                                            <li class="art-item flex items-center" data-item-id="69b2e616baad5">
2847                    <a
2848                        data-index="1"
2849                        data-caption=""
2850                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/glazedripq_orig.jpg"
2851                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2852                                                    @click.prevent="imageGalleryOpen($el)"
2853                                            >
2854                        <img
2855                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2856                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/glazedripq_orig.jpg"
2857                            alt=""
2858                            loading="lazy"
2859                        />
2860                                            </a>
2861                </li>
2862                                                                            <li class="art-item flex items-center" data-item-id="69b2e616bc5d6">
2863                    <a
2864                        data-index="2"
2865                        data-caption=""
2866                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/fractalsq_orig.jpg"
2867                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2868                                                    @click.prevent="imageGalleryOpen($el)"
2869                                            >
2870                        <img
2871                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2872                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/fractalsq_orig.jpg"
2873                            alt=""
2874                            loading="lazy"
2875                        />
2876                                            </a>
2877                </li>
2878                                                                            <li class="art-item flex items-center" data-item-id="69b2e616be00b">
2879                    <a
2880                        data-index="3"
2881                        data-caption=""
2882                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/mangatriptychq_orig.jpg"
2883                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2884                                                    @click.prevent="imageGalleryOpen($el)"
2885                                            >
2886                        <img
2887                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2888                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/mangatriptychq_orig.jpg"
2889                            alt=""
2890                            loading="lazy"
2891                        />
2892                                            </a>
2893                </li>
2894                                                                            <li class="art-item flex items-center" data-item-id="69b2e616bfb0f">
2895                    <a
2896                        data-index="4"
2897                        data-caption=""
2898                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/spiralsq_orig.jpg"
2899                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2900                                                    @click.prevent="imageGalleryOpen($el)"
2901                                            >
2902                        <img
2903                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2904                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/spiralsq_orig.jpg"
2905                            alt=""
2906                            loading="lazy"
2907                        />
2908                                            </a>
2909                </li>
2910                                                                            <li class="art-item flex items-center" data-item-id="69b2e616c1878">
2911                    <a
2912                        data-index="5"
2913                        data-caption=""
2914                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/greenchairside2q_orig.jpg"
2915                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
2916                                                    @click.prevent="imageGalleryOpen($el)"
2917                                            >
2918                        <img
2919                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
2920                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/greenchairside2q_orig.jpg"
2921                            alt=""
2922                            loading="lazy"
2923                        />
2924                                            </a>
2925                </li>
2926                    </ul>
2927    </div>
2928<template x-teleport="body">
2929            <div
2930    x-show="imageGalleryOpened"
2931    x-transition:enter="transition ease-in-out duration-300"
2932    x-transition:enter-start="opacity-0"
2933    x-transition:leave="transition ease-in-in duration-300"
2934    x-transition:leave-end="opacity-0"
2935    @click="imageGalleryClose"
2936    @keydown.window.escape="imageGalleryClose"
2937    x-trap.inert.noscroll="imageGalleryOpened"
2938    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
2939    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
2940        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
2941            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
2942        </div>
2943        <img
2944            x-show="imageGalleryOpened"
2945            x-transition:enter="transition ease-in-out duration-300"
2946            x-transition:enter-start="opacity-0 transform scale-50"
2947            x-transition:leave="transition ease-in-in duration-300"
2948            x-transition:leave-end="opacity-0 transform scale-50"
2949            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
2950        <div class="absolute bottom-0 left-0 right-0 p-4">
2951            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
2952        </div>
2953        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
2954            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
2955        </div>
2956    </div>
2957</div>
2958
2959    </template>
2960</div>
2961</div><div id="c69b2e616cb155" class="component"><div
2962    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
2963    x-data="{
2964        imageGalleryOpened: false,
2965        imageGalleryImageIndex: 1,
2966        imageGalleryActiveSrc: null,
2967        imageGalleryActiveCaption: '',
2968        imageGalleryOpen(el) {
2969            this.imageGalleryImageIndex = el.dataset.index;
2970            this.imageGalleryActiveSrc = el.dataset.lightbox;
2971            this.imageGalleryActiveCaption = el.dataset.caption;
2972            this.imageGalleryOpened = true && true;
2973        },
2974        imageGallerySet(el) {
2975            this.imageGalleryActiveSrc = el.dataset.lightbox;
2976            this.imageGalleryActiveCaption = el.dataset.caption;
2977            this.imageGalleryImageIndex = el.dataset.index;
2978        },
2979        imageGalleryClose() {
2980            this.imageGalleryOpened = false;
2981            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
2982        },
2983        imageGalleryNext(){
2984            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 5) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
2985            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
2986            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
2987        },
2988        imageGalleryPrev() {
2989            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 5 : (parseInt(this.imageGalleryImageIndex) - 1);
2990            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
2991            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
2992        }
2993    }"
2994    @keyup.right.window="imageGalleryNext();"
2995    @keyup.left.window="imageGalleryPrev();"
2996>
2997<div class="flex">
2998                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
2999                                                                            <li class="art-item flex items-center" data-item-id="69b2e616c36b1">
3000                    <a
3001                        data-index="1"
3002                        data-caption=""
3003                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/coniferq_orig.jpg"
3004                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3005                                                    @click.prevent="imageGalleryOpen($el)"
3006                                            >
3007                        <img
3008                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3009                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/coniferq_orig.jpg"
3010                            alt=""
3011                            loading="lazy"
3012                        />
3013                                            </a>
3014                </li>
3015                                                                            <li class="art-item flex items-center" data-item-id="69b2e616c53a5">
3016                    <a
3017                        data-index="2"
3018                        data-caption=""
3019                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/hairpinq_orig.jpg"
3020                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3021                                                    @click.prevent="imageGalleryOpen($el)"
3022                                            >
3023                        <img
3024                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3025                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/hairpinq_orig.jpg"
3026                            alt=""
3027                            loading="lazy"
3028                        />
3029                                            </a>
3030                </li>
3031                                                                            <li class="art-item flex items-center" data-item-id="69b2e616c71d1">
3032                    <a
3033                        data-index="3"
3034                        data-caption=""
3035                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/skystudyptgq_orig.jpg"
3036                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3037                                                    @click.prevent="imageGalleryOpen($el)"
3038                                            >
3039                        <img
3040                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3041                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/skystudyptgq_orig.jpg"
3042                            alt=""
3043                            loading="lazy"
3044                        />
3045                                            </a>
3046                </li>
3047                                                                            <li class="art-item flex items-center" data-item-id="69b2e616c90b3">
3048                    <a
3049                        data-index="4"
3050                        data-caption=""
3051                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/syntheticq_orig.jpg"
3052                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3053                                                    @click.prevent="imageGalleryOpen($el)"
3054                                            >
3055                        <img
3056                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3057                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/syntheticq_orig.jpg"
3058                            alt=""
3059                            loading="lazy"
3060                        />
3061                                            </a>
3062                </li>
3063                                                                            <li class="art-item flex items-center" data-item-id="69b2e616cb04e">
3064                    <a
3065                        data-index="5"
3066                        data-caption=""
3067                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/yoshimiq_orig.jpg"
3068                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3069                                                    @click.prevent="imageGalleryOpen($el)"
3070                                            >
3071                        <img
3072                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3073                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/yoshimiq_orig.jpg"
3074                            alt=""
3075                            loading="lazy"
3076                        />
3077                                            </a>
3078                </li>
3079                    </ul>
3080    </div>
3081<template x-teleport="body">
3082            <div
3083    x-show="imageGalleryOpened"
3084    x-transition:enter="transition ease-in-out duration-300"
3085    x-transition:enter-start="opacity-0"
3086    x-transition:leave="transition ease-in-in duration-300"
3087    x-transition:leave-end="opacity-0"
3088    @click="imageGalleryClose"
3089    @keydown.window.escape="imageGalleryClose"
3090    x-trap.inert.noscroll="imageGalleryOpened"
3091    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
3092    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
3093        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
3094            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
3095        </div>
3096        <img
3097            x-show="imageGalleryOpened"
3098            x-transition:enter="transition ease-in-out duration-300"
3099            x-transition:enter-start="opacity-0 transform scale-50"
3100            x-transition:leave="transition ease-in-in duration-300"
3101            x-transition:leave-end="opacity-0 transform scale-50"
3102            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
3103        <div class="absolute bottom-0 left-0 right-0 p-4">
3104            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
3105        </div>
3106        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
3107            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
3108        </div>
3109    </div>
3110</div>
3111
3112    </template>
3113</div>
3114</div><div id="c69b2e616cb174" class="component"><div style="height: 50px"></div>
3115</div><div id="c69b2e616dd692" class="component"><div
3116    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
3117    x-data="{
3118        imageGalleryOpened: false,
3119        imageGalleryImageIndex: 1,
3120        imageGalleryActiveSrc: null,
3121        imageGalleryActiveCaption: '',
3122        imageGalleryOpen(el) {
3123            this.imageGalleryImageIndex = el.dataset.index;
3124            this.imageGalleryActiveSrc = el.dataset.lightbox;
3125            this.imageGalleryActiveCaption = el.dataset.caption;
3126            this.imageGalleryOpened = true && true;
3127        },
3128        imageGallerySet(el) {
3129            this.imageGalleryActiveSrc = el.dataset.lightbox;
3130            this.imageGalleryActiveCaption = el.dataset.caption;
3131            this.imageGalleryImageIndex = el.dataset.index;
3132        },
3133        imageGalleryClose() {
3134            this.imageGalleryOpened = false;
3135            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
3136        },
3137        imageGalleryNext(){
3138            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 10) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
3139            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
3140            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
3141        },
3142        imageGalleryPrev() {
3143            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 10 : (parseInt(this.imageGalleryImageIndex) - 1);
3144            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
3145            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
3146        }
3147    }"
3148    @keyup.right.window="imageGalleryNext();"
3149    @keyup.left.window="imageGalleryPrev();"
3150>
3151<div class="flex">
3152                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
3153                                                                            <li class="art-item flex items-center" data-item-id="69b2e616ccf01">
3154                    <a
3155                        data-index="1"
3156                        data-caption=""
3157                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/shipnyq_orig.jpg"
3158                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3159                                                    @click.prevent="imageGalleryOpen($el)"
3160                                            >
3161                        <img
3162                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3163                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/shipnyq_orig.jpg"
3164                            alt=""
3165                            loading="lazy"
3166                        />
3167                                            </a>
3168                </li>
3169                                                                            <li class="art-item flex items-center" data-item-id="69b2e616ceb76">
3170                    <a
3171                        data-index="2"
3172                        data-caption=""
3173                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/rwbnptg1w_orig.jpg"
3174                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3175                                                    @click.prevent="imageGalleryOpen($el)"
3176                                            >
3177                        <img
3178                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3179                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/rwbnptg1w_orig.jpg"
3180                            alt=""
3181                            loading="lazy"
3182                        />
3183                                            </a>
3184                </li>
3185                                                                            <li class="art-item flex items-center" data-item-id="69b2e616d0856">
3186                    <a
3187                        data-index="3"
3188                        data-caption=""
3189                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/scrollsinstallation_orig.jpg"
3190                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3191                                                    @click.prevent="imageGalleryOpen($el)"
3192                                            >
3193                        <img
3194                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3195                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/scrollsinstallation_orig.jpg"
3196                            alt=""
3197                            loading="lazy"
3198                        />
3199                                            </a>
3200                </li>
3201                                                                            <li class="art-item flex items-center" data-item-id="69b2e616d2504">
3202                    <a
3203                        data-index="4"
3204                        data-caption=""
3205                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/rwbnptg2p_orig.jpg"
3206                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3207                                                    @click.prevent="imageGalleryOpen($el)"
3208                                            >
3209                        <img
3210                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3211                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/rwbnptg2p_orig.jpg?w=800"
3212                            alt=""
3213                            loading="lazy"
3214                        />
3215                                            </a>
3216                </li>
3217                                                                            <li class="art-item flex items-center" data-item-id="69b2e616d4200">
3218                    <a
3219                        data-index="5"
3220                        data-caption=""
3221                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/shipdrq_orig.jpg"
3222                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3223                                                    @click.prevent="imageGalleryOpen($el)"
3224                                            >
3225                        <img
3226                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3227                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/shipdrq_orig.jpg"
3228                            alt=""
3229                            loading="lazy"
3230                        />
3231                                            </a>
3232                </li>
3233                                                                            <li class="art-item flex items-center" data-item-id="69b2e616d5e38">
3234                    <a
3235                        data-index="6"
3236                        data-caption=""
3237                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/bunkerq_orig.jpg"
3238                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3239                                                    @click.prevent="imageGalleryOpen($el)"
3240                                            >
3241                        <img
3242                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3243                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/bunkerq_orig.jpg"
3244                            alt=""
3245                            loading="lazy"
3246                        />
3247                                            </a>
3248                </li>
3249                                                                            <li class="art-item flex items-center" data-item-id="69b2e616d7de0">
3250                    <a
3251                        data-index="7"
3252                        data-caption=""
3253                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/gmbunker2q_orig.jpg"
3254                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3255                                                    @click.prevent="imageGalleryOpen($el)"
3256                                            >
3257                        <img
3258                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3259                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/gmbunker2q_orig.jpg"
3260                            alt=""
3261                            loading="lazy"
3262                        />
3263                                            </a>
3264                </li>
3265                                                                            <li class="art-item flex items-center" data-item-id="69b2e616d9c00">
3266                    <a
3267                        data-index="8"
3268                        data-caption=""
3269                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/gmboatq_orig.jpg"
3270                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3271                                                    @click.prevent="imageGalleryOpen($el)"
3272                                            >
3273                        <img
3274                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3275                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/gmboatq_orig.jpg"
3276                            alt=""
3277                            loading="lazy"
3278                        />
3279                                            </a>
3280                </li>
3281                                                                            <li class="art-item flex items-center" data-item-id="69b2e616db962">
3282                    <a
3283                        data-index="9"
3284                        data-caption=""
3285                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/rwbnpho3q_orig.jpg"
3286                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3287                                                    @click.prevent="imageGalleryOpen($el)"
3288                                            >
3289                        <img
3290                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3291                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/rwbnpho3q_orig.jpg"
3292                            alt=""
3293                            loading="lazy"
3294                        />
3295                                            </a>
3296                </li>
3297                                                                            <li class="art-item flex items-center" data-item-id="69b2e616dd58d">
3298                    <a
3299                        data-index="10"
3300                        data-caption=""
3301                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/rwbnpho7q_orig.jpg"
3302                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3303                                                    @click.prevent="imageGalleryOpen($el)"
3304                                            >
3305                        <img
3306                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3307                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/rwbnpho7q_orig.jpg"
3308                            alt=""
3309                            loading="lazy"
3310                        />
3311                                            </a>
3312                </li>
3313                    </ul>
3314    </div>
3315<template x-teleport="body">
3316            <div
3317    x-show="imageGalleryOpened"
3318    x-transition:enter="transition ease-in-out duration-300"
3319    x-transition:enter-start="opacity-0"
3320    x-transition:leave="transition ease-in-in duration-300"
3321    x-transition:leave-end="opacity-0"
3322    @click="imageGalleryClose"
3323    @keydown.window.escape="imageGalleryClose"
3324    x-trap.inert.noscroll="imageGalleryOpened"
3325    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
3326    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
3327        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
3328            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
3329        </div>
3330        <img
3331            x-show="imageGalleryOpened"
3332            x-transition:enter="transition ease-in-out duration-300"
3333            x-transition:enter-start="opacity-0 transform scale-50"
3334            x-transition:leave="transition ease-in-in duration-300"
3335            x-transition:leave-end="opacity-0 transform scale-50"
3336            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
3337        <div class="absolute bottom-0 left-0 right-0 p-4">
3338            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
3339        </div>
3340        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
3341            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
3342        </div>
3343    </div>
3344</div>
3345
3346    </template>
3347</div>
3348</div><div id="c69b2e616dd6b0" class="component"><div style="height: 50px"></div>
3349</div><div id="c69b2e616e4804" class="component"><div
3350    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
3351    x-data="{
3352        imageGalleryOpened: false,
3353        imageGalleryImageIndex: 1,
3354        imageGalleryActiveSrc: null,
3355        imageGalleryActiveCaption: '',
3356        imageGalleryOpen(el) {
3357            this.imageGalleryImageIndex = el.dataset.index;
3358            this.imageGalleryActiveSrc = el.dataset.lightbox;
3359            this.imageGalleryActiveCaption = el.dataset.caption;
3360            this.imageGalleryOpened = true && true;
3361        },
3362        imageGallerySet(el) {
3363            this.imageGalleryActiveSrc = el.dataset.lightbox;
3364            this.imageGalleryActiveCaption = el.dataset.caption;
3365            this.imageGalleryImageIndex = el.dataset.index;
3366        },
3367        imageGalleryClose() {
3368            this.imageGalleryOpened = false;
3369            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
3370        },
3371        imageGalleryNext(){
3372            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 3) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
3373            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
3374            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
3375        },
3376        imageGalleryPrev() {
3377            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 3 : (parseInt(this.imageGalleryImageIndex) - 1);
3378            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
3379            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
3380        }
3381    }"
3382    @keyup.right.window="imageGalleryNext();"
3383    @keyup.left.window="imageGalleryPrev();"
3384>
3385<div class="flex">
3386                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-3 md:grid-cols-3 grid-cols-3 lg:gap-2.5 md:gap-2.5 gap-2.5">
3387                                                                            <li class="art-item flex items-center" data-item-id="69b2e616e073c">
3388                    <a
3389                        data-index="1"
3390                        data-caption=""
3391                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/proto1q_orig.jpg"
3392                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3393                                                    @click.prevent="imageGalleryOpen($el)"
3394                                            >
3395                        <img
3396                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3397                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/proto1q_orig.jpg"
3398                            alt=""
3399                            loading="lazy"
3400                        />
3401                                            </a>
3402                </li>
3403                                                                            <li class="art-item flex items-center" data-item-id="69b2e616e2716">
3404                    <a
3405                        data-index="2"
3406                        data-caption=""
3407                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/proto2q_orig.jpg"
3408                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3409                                                    @click.prevent="imageGalleryOpen($el)"
3410                                            >
3411                        <img
3412                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3413                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/proto2q_orig.jpg?w=800"
3414                            alt=""
3415                            loading="lazy"
3416                        />
3417                                            </a>
3418                </li>
3419                                                                            <li class="art-item flex items-center" data-item-id="69b2e616e46bd">
3420                    <a
3421                        data-index="3"
3422                        data-caption=""
3423                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/proto3q_orig.jpg"
3424                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3425                                                    @click.prevent="imageGalleryOpen($el)"
3426                                            >
3427                        <img
3428                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3429                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/proto3q_orig.jpg"
3430                            alt=""
3431                            loading="lazy"
3432                        />
3433                                            </a>
3434                </li>
3435                    </ul>
3436    </div>
3437<template x-teleport="body">
3438            <div
3439    x-show="imageGalleryOpened"
3440    x-transition:enter="transition ease-in-out duration-300"
3441    x-transition:enter-start="opacity-0"
3442    x-transition:leave="transition ease-in-in duration-300"
3443    x-transition:leave-end="opacity-0"
3444    @click="imageGalleryClose"
3445    @keydown.window.escape="imageGalleryClose"
3446    x-trap.inert.noscroll="imageGalleryOpened"
3447    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
3448    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
3449        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
3450            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
3451        </div>
3452        <img
3453            x-show="imageGalleryOpened"
3454            x-transition:enter="transition ease-in-out duration-300"
3455            x-transition:enter-start="opacity-0 transform scale-50"
3456            x-transition:leave="transition ease-in-in duration-300"
3457            x-transition:leave-end="opacity-0 transform scale-50"
3458            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
3459        <div class="absolute bottom-0 left-0 right-0 p-4">
3460            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
3461        </div>
3462        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
3463            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
3464        </div>
3465    </div>
3466</div>
3467
3468    </template>
3469</div>
3470</div><div id="c69b2e616ed93d" class="component"><div
3471    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
3472    x-data="{
3473        imageGalleryOpened: false,
3474        imageGalleryImageIndex: 1,
3475        imageGalleryActiveSrc: null,
3476        imageGalleryActiveCaption: '',
3477        imageGalleryOpen(el) {
3478            this.imageGalleryImageIndex = el.dataset.index;
3479            this.imageGalleryActiveSrc = el.dataset.lightbox;
3480            this.imageGalleryActiveCaption = el.dataset.caption;
3481            this.imageGalleryOpened = true && true;
3482        },
3483        imageGallerySet(el) {
3484            this.imageGalleryActiveSrc = el.dataset.lightbox;
3485            this.imageGalleryActiveCaption = el.dataset.caption;
3486            this.imageGalleryImageIndex = el.dataset.index;
3487        },
3488        imageGalleryClose() {
3489            this.imageGalleryOpened = false;
3490            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
3491        },
3492        imageGalleryNext(){
3493            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 5) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
3494            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
3495            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
3496        },
3497        imageGalleryPrev() {
3498            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 5 : (parseInt(this.imageGalleryImageIndex) - 1);
3499            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
3500            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
3501        }
3502    }"
3503    @keyup.right.window="imageGalleryNext();"
3504    @keyup.left.window="imageGalleryPrev();"
3505>
3506<div class="flex">
3507                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
3508                                                                            <li class="art-item flex items-center" data-item-id="69b2e616e6441">
3509                    <a
3510                        data-index="1"
3511                        data-caption=""
3512                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/arc1q_orig.jpg"
3513                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3514                                                    @click.prevent="imageGalleryOpen($el)"
3515                                            >
3516                        <img
3517                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3518                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/arc1q_orig.jpg"
3519                            alt=""
3520                            loading="lazy"
3521                        />
3522                                            </a>
3523                </li>
3524                                                                            <li class="art-item flex items-center" data-item-id="69b2e616e8093">
3525                    <a
3526                        data-index="2"
3527                        data-caption=""
3528                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/arc2q_orig.jpg"
3529                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3530                                                    @click.prevent="imageGalleryOpen($el)"
3531                                            >
3532                        <img
3533                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3534                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/arc2q_orig.jpg"
3535                            alt=""
3536                            loading="lazy"
3537                        />
3538                                            </a>
3539                </li>
3540                                                                            <li class="art-item flex items-center" data-item-id="69b2e616e9d48">
3541                    <a
3542                        data-index="3"
3543                        data-caption=""
3544                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/arc4q_orig.jpg"
3545                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3546                                                    @click.prevent="imageGalleryOpen($el)"
3547                                            >
3548                        <img
3549                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3550                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/arc4q_orig.jpg"
3551                            alt=""
3552                            loading="lazy"
3553                        />
3554                                            </a>
3555                </li>
3556                                                                            <li class="art-item flex items-center" data-item-id="69b2e616eb9a6">
3557                    <a
3558                        data-index="4"
3559                        data-caption=""
3560                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/arcade1999-3_orig.jpeg"
3561                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3562                                                    @click.prevent="imageGalleryOpen($el)"
3563                                            >
3564                        <img
3565                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3566                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/arcade1999-3_orig.jpeg?w=800"
3567                            alt=""
3568                            loading="lazy"
3569                        />
3570                                            </a>
3571                </li>
3572                                                                            <li class="art-item flex items-center" data-item-id="69b2e616ed815">
3573                    <a
3574                        data-index="5"
3575                        data-caption=""
3576                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/arcade1999_orig.jpeg"
3577                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3578                                                    @click.prevent="imageGalleryOpen($el)"
3579                                            >
3580                        <img
3581                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3582                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/arcade1999_orig.jpeg?w=800"
3583                            alt=""
3584                            loading="lazy"
3585                        />
3586                                            </a>
3587                </li>
3588                    </ul>
3589    </div>
3590<template x-teleport="body">
3591            <div
3592    x-show="imageGalleryOpened"
3593    x-transition:enter="transition ease-in-out duration-300"
3594    x-transition:enter-start="opacity-0"
3595    x-transition:leave="transition ease-in-in duration-300"
3596    x-transition:leave-end="opacity-0"
3597    @click="imageGalleryClose"
3598    @keydown.window.escape="imageGalleryClose"
3599    x-trap.inert.noscroll="imageGalleryOpened"
3600    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
3601    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
3602        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
3603            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
3604        </div>
3605        <img
3606            x-show="imageGalleryOpened"
3607            x-transition:enter="transition ease-in-out duration-300"
3608            x-transition:enter-start="opacity-0 transform scale-50"
3609            x-transition:leave="transition ease-in-in duration-300"
3610            x-transition:leave-end="opacity-0 transform scale-50"
3611            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
3612        <div class="absolute bottom-0 left-0 right-0 p-4">
3613            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
3614        </div>
3615        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
3616            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
3617        </div>
3618    </div>
3619</div>
3620
3621    </template>
3622</div>
3623</div><div id="c69b2e616ed96a" class="component"><div style="height: 50px"></div>
3624</div><div id="c69b2e61702e63" class="component"><div
3625    class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
3626    x-data="{
3627        imageGalleryOpened: false,
3628        imageGalleryImageIndex: 1,
3629        imageGalleryActiveSrc: null,
3630        imageGalleryActiveCaption: '',
3631        imageGalleryOpen(el) {
3632            this.imageGalleryImageIndex = el.dataset.index;
3633            this.imageGalleryActiveSrc = el.dataset.lightbox;
3634            this.imageGalleryActiveCaption = el.dataset.caption;
3635            this.imageGalleryOpened = true && true;
3636        },
3637        imageGallerySet(el) {
3638            this.imageGalleryActiveSrc = el.dataset.lightbox;
3639            this.imageGalleryActiveCaption = el.dataset.caption;
3640            this.imageGalleryImageIndex = el.dataset.index;
3641        },
3642        imageGalleryClose() {
3643            this.imageGalleryOpened = false;
3644            setTimeout(() => this.imageGalleryActiveSrc = null, 300);
3645        },
3646        imageGalleryNext(){
3647            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 5) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1);
3648            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
3649            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
3650        },
3651        imageGalleryPrev() {
3652            this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 5 : (parseInt(this.imageGalleryImageIndex) - 1);
3653            this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox;
3654            this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption;
3655        }
3656    }"
3657    @keyup.right.window="imageGalleryNext();"
3658    @keyup.left.window="imageGalleryPrev();"
3659>
3660<div class="flex">
3661                    <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-5 md:grid-cols-5 grid-cols-5 lg:gap-2.5 md:gap-2.5 gap-2.5">
3662                                                                            <li class="art-item flex items-center" data-item-id="69b2e616ef67c">
3663                    <a
3664                        data-index="1"
3665                        data-caption=""
3666                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/ld3q_orig.jpg"
3667                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3668                                                    @click.prevent="imageGalleryOpen($el)"
3669                                            >
3670                        <img
3671                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3672                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/ld3q_orig.jpg"
3673                            alt=""
3674                            loading="lazy"
3675                        />
3676                                            </a>
3677                </li>
3678                                                                            <li class="art-item flex items-center" data-item-id="69b2e616f1568">
3679                    <a
3680                        data-index="2"
3681                        data-caption=""
3682                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/mirror2q_orig.jpg"
3683                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3684                                                    @click.prevent="imageGalleryOpen($el)"
3685                                            >
3686                        <img
3687                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3688                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/mirror2q_orig.jpg"
3689                            alt=""
3690                            loading="lazy"
3691                        />
3692                                            </a>
3693                </li>
3694                                                                            <li class="art-item flex items-center" data-item-id="69b2e616f34d2">
3695                    <a
3696                        data-index="3"
3697                        data-caption=""
3698                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/quarsecq_orig.jpg"
3699                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3700                                                    @click.prevent="imageGalleryOpen($el)"
3701                                            >
3702                        <img
3703                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3704                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/quarsecq_orig.jpg"
3705                            alt=""
3706                            loading="lazy"
3707                        />
3708                                            </a>
3709                </li>
3710                                                                            <li class="art-item flex items-center" data-item-id="69b2e61700fb7">
3711                    <a
3712                        data-index="4"
3713                        data-caption=""
3714                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/curvedelipse98q_orig.jpg"
3715                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3716                                                    @click.prevent="imageGalleryOpen($el)"
3717                                            >
3718                        <img
3719                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3720                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/curvedelipse98q_orig.jpg?w=800"
3721                            alt=""
3722                            loading="lazy"
3723                        />
3724                                            </a>
3725                </li>
3726                                                                            <li class="art-item flex items-center" data-item-id="69b2e61702d2d">
3727                    <a
3728                        data-index="5"
3729                        data-caption=""
3730                        data-lightbox="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/screen1q_orig.jpg"
3731                                                                        class="relative group/gallery-item w-full cursor-zoom-in"
3732                                                    @click.prevent="imageGalleryOpen($el)"
3733                                            >
3734                        <img
3735                            class="w-full object-cover aspect-[4/3] lg:rounded-md md:rounded-md rounded-md"
3736                            src="//cdn1.artcltn.com/storage/7665/a1489a48-272c-4abb-a30e-f79455d55a17/screen1q_orig.jpg"
3737                            alt=""
3738                            loading="lazy"
3739                        />
3740                                            </a>
3741                </li>
3742                    </ul>
3743    </div>
3744<template x-teleport="body">
3745            <div
3746    x-show="imageGalleryOpened"
3747    x-transition:enter="transition ease-in-out duration-300"
3748    x-transition:enter-start="opacity-0"
3749    x-transition:leave="transition ease-in-in duration-300"
3750    x-transition:leave-end="opacity-0"
3751    @click="imageGalleryClose"
3752    @keydown.window.escape="imageGalleryClose"
3753    x-trap.inert.noscroll="imageGalleryOpened"
3754    class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak>
3755    <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12">
3756        <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
3757            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
3758        </div>
3759        <img
3760            x-show="imageGalleryOpened"
3761            x-transition:enter="transition ease-in-out duration-300"
3762            x-transition:enter-start="opacity-0 transform scale-50"
3763            x-transition:leave="transition ease-in-in duration-300"
3764            x-transition:leave-end="opacity-0 transform scale-50"
3765            class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;">
3766        <div class="absolute bottom-0 left-0 right-0 p-4">
3767            <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p>
3768        </div>
3769        <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20">
3770            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
3771        </div>
3772    </div>
3773</div>
3774
3775    </template>
3776</div>
3777</div><div id="c69b2e61702e92" class="component"><div style="height: 50px"></div>
3778</div>
3779
3780            </div>
3781</section>
3782</div><div id="c69b2e6170311e" class="component"><section
3783    id="page-section"
3784    style="--min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
3785    class="page-section transition-all z-10 relative bg-type-none hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
3786>
3787    
3788    
3789    <div
3790        class="section-inner   relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1"
3791        style="padding-block: 48px;"
3792                
3793    >
3794        <div id="c69b2e61703075" class="component"><div style="height: 50px"></div>
3795</div><div id="c69b2e61703081" class="component"><div style="height: 50px"></div>
3796</div><div id="c69b2e6170308a" class="component"><div style="height: 50px"></div>
3797</div>
3798
3799            </div>
3800</section>
3801</div>
3802</div>
3803</div>
3804            </main>
3805            <footer>
3806                <div class="footer-inner">
3807                    <div id="c69b2e60d5a117" class="component"><section
3808    id="page-section"
3809    style="--text-color: #000000; --background-color: #ffffff; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
3810    class="page-section transition-all z-10 relative text-(--text-color) custom-text-color bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none lg:rou
3810nded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
3811>
3812    
3813    
3814    <div
3815        class="section-inner   relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1"
3816        style="padding-block: 48px;"
3817                
3818    >
3819        <div id="c69b2e61803d7c" class="component"><div class="column-container md:gap-6 md:flex" >
3820            <div
3821            class=" column relative  md:w-6/12"
3822            
3823                    >
3824            <div id="c69b2e61803ccb" class="component"><div style="height: 50px"></div>
3825</div>
3826                    </div>
3827            <div
3828            class=" column relative  md:w-6/12"
3829            
3830                    >
3831            <div id="c69b2e61803d29" class="component"><div style="height: 50px"></div>
3832</div>
3833                    </div>
3834    </div>
3835</div><div id="c69b2e61803dd3" class="component"><div class="column-container md:gap-6 md:flex" >
3836            <div
3837            class=" column relative  md:w-6/12"
3838            
3839                    >
3840            <div id="c69b2e61803d91" class="component"><div style="height: 50px"></div>
3841</div>
3842                    </div>
3843            <div
3844            class=" column relative  md:w-6/12"
3845            
3846                    >
3847            <div id="c69b2e61803da5" class="component"><div style="height: 50px"></div>
3848</div>
3849                    </div>
3850    </div>
3851</div><div id="c69b2e61803e5a" class="component"><div
3852    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
3853    style=""
3854>
3855    <div class="text-option"><div class="ql-align-right">Site powered by Weebly. Managed by <a href="http://www.pair.com">pair Networks</a></div></div>
3856</div>
3857</div>
3858
3859            </div>
3860</section>
3861</div>
3862                </div>
3863            </footer>
3864        </div>
3865    </div>
3866    
3867<div
3868    x-transition
3869    x-show="$store.commerceCart.totalQuantity > 0 && !$store.nav.mobile"
3870    x-data
3871    class="z-50 fixed flex p-5 right-0 bottom-0"
3872>
3873    <a href="/c/cart">
3874        <span title="Cart" class="art-cart-button transition-all flex p-2 rounded-full hover:scale-110 border border-(--color-text-dark-bg-heading) bg-(--color-primary-main) text-(--color-text-dark-bg-heading)">
3875            <svg class="w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
3876  <path d="M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/>
3877</svg>
3878            <p class="pl-1"
3879                x-text="$store.commerceCart.totalQuantity">
3880            </p>
3881        </span>
3882    </a>
3883</div>
3884</body>
3885
3886</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.