PageSourceSearch

https://www.magnificentobsessionmovie.com/

html magnificentobsessionmovie.com collected 2026-10-04 05:50:19 UTC 132,200 bytes, 2,328 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>Magnificent Obsession | Rock Music Documentary – The RockTronix - MUSIC DOCUMENTARY</title>
9<meta property="og:title" content="Magnificent Obsession | Rock Music Documentary – The RockTronix - MUSIC DOCUMENTARY">
10<meta name="twitter:title" content="Magnificent Obsession | Rock Music Documentary – The RockTronix - MUSIC DOCUMENTARY">
11<meta property="og:site_name" content="MUSIC DOCUMENTARY">
12<link rel="icon" href="/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/favicon.ico">
13<link rel="apple-touch-icon" href="https://www.magnificentobsessionmovie.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/favicon.ico" />
14<link rel="canonical" href="https://www.magnificentobsessionmovie.com/">
15<meta property="og:url" content="https://www.magnificentobsessionmovie.com/">
16<meta name="description" content="Watch Magnificent Obsession, a rock music documentary following The RockTronix through rehearsals, pre-production and three days recording their debut album.">
17<meta property="og:description" content="Watch Magnificent Obsession, a rock music documentary following The RockTronix through rehearsals, pre-production and three days recording their debut album.">
18<meta name="twitter:description" content="Watch Magnificent Obsession, a rock music documentary following The RockTronix through rehearsals, pre-production and three days recording their debut album.">
19<meta name="image" property="og:image" content="https://www.magnificentobsessionmovie.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/the_rocktronix_chris_blackwell_joseph_patrick_moore_wayne_viar6aaef55f0e2ab.jpg" />
20<meta name="twitter:card" content="summary_large_image" />
21<meta name="twitter:image" content="https://www.magnificentobsessionmovie.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/the_rocktronix_chris_blackwell_joseph_patrick_moore_wayne_viar6aaef55f0e2ab.jpg" />
22<meta name="keywords" content="Rock music documentary, Music documentary, Rock documentary, Recording studio documentary, Band documentary, Making an album documentary, Behind-the-scenes music documentary, Independent music documentary, Documentary about recording an album, The Rocktronix, Chris Blackwell, Joseph Patrick Moore, Wayne Viar">
23<meta name="generator" content="Articulation - https://www.articulationsites.com">
24<meta property="og:type" content="website">
25
26<meta name="google-site-verification" content="Ng1aXMvxXSjpeEfvJk4NTfJy6oA4s7G2sfULmLsc_p0" />
27<meta name="bitly-verification" content="9fd96ed26530"/>
28<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5c4a4cc9ad58ea0017e8ae6b&product=social-ab' async='async'></script>
28
29    <link rel="preconnect" href="https://assets.articulationsites.com" />
30        
30<script>
31        document.documentElement.classList.remove('dark')
32    </script>
32
33    
33<script defer src="https://assets.articulationsites.com/js/published/published.min.js?v=c17059228c8f0fb3962a3f88e7dd27316"></script>
33
34    
34<script defer src="https://assets.articulationsites.com/js/vendor/focus.min.js"></script>
34
35    
35<script defer src="https://assets.articulationsites.com/js/vendor/intersect.min.js?v=1"></script>
35
36    
36<script defer src="https://assets.articulationsites.com/js/vendor/alpine.min.js"></script>
36
37    <link href="/css/published.css?v=1599af1dd31c136b73844d19aef1421e" rel="stylesheet"/>
38    <style>
39        :root {
40            --color-text-dark-bg: #9ca3af;
41--color-text-dark-bg-heading: #f3f4f6;
42--color-text-light-bg: #666666;
43--text-color: #666666;
44--color-text-light-bg-heading: #3b3b3b;
45--heading-color: #3b3b3b;
46--font-heading: "Fjalla One";
47--font-text: "Lato";
48--font-button: "Lato";
49--font-nav_link: "Lato";
50--font-quote: "Lato";
51--color-primary-main: #1cadeb;
52--color-primary-light: #4bbeef;
53--color-primary-dark: #118ec3;
54--color-primary-contrast: #000000;
55--color-secondary-main: #3b3b3b;
56--color-secondary-light: #555555;
57--color-secondary-dark: #222222;
58--color-secondary-contrast: #ffffff;
59--color-accent-main: #84DCC6;
60--color-accent-light: #ace7d8;
61--color-accent-dark: #5cd1b4;
62--color-accent-contrast: #000000;
63--color-success-main: #22c55e;
64--color-success-light: #3ddd78;
65--color-success-dark: #1a9a49;
66--color-success-contrast: #000000;
67--color-error-main: #dc2626;
68--color-error-light: #e35252;
69--color-error-dark: #b21d1d;
70--color-error-contrast: #FFFFFF;
71--link-color: #1cadeb;
72--link-hover-color: #118ec3;
73--shape: 6px;
74--heading-2-font-size: 24.5px;
75--heading-2-line-height: 29.4px;
76--heading-2-font-weight: 400;
77--paragraph-font-size: 16px;
78--paragraph-line-height: 24px;
79--paragraph-font-weight: 400;
80--button-font-size: 14px;
81--button-letter-spacing: .1px;
82--button-font-weight: 700;
83--button-text-transform: uppercase;
84--nav-link-color: #ffffff;
85--nav-link-active-color: #ffffff;
86--nav-link-letter-spacing: 0.05px;
87--nav-link-text-transform: uppercase;
88--subnav-link-text-transform: uppercase;
89        }
90    </style>
91    <style id="site-css">
92        
93    </style>
94    
95    <link rel="preconnect" href="https://fonts.googleapis.com" />
96    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Actor:wght@400;700&family=Fjalla+One:wght@400;700&family=Lato:wght@400;700">
97</head>
98
99<body>
100    <div class="outer-container  ">
101        <div class="inner-container">
102            <div id="c6aa86925e3aac" class="component">    <header
103    class="layout-logo-left main-header "
104    style="--background-color: #191919; --text-color: #da4444; margin-bottom: var(--nav-height);"
105    x-data
106    x-init="
107        $store.nav.breakPoint = 1024;
108        $store.nav.checkIsMobile();
109        $nextTick(() => {
110            document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px');
111        })
112    "
113    @resize.window="document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px');"
114>
115    <nav
116        class="bg-(--background-color) bg-type-color fixed-nav"
117        :class="{
118            'mobile-nav': $store.nav.mobile,
119            'mobile-nav-open': $store.nav.mobileMenuOpen
120        }"
121        style="--background-color: #191919;;"
122        x-ref="nav"
123        x-resize="document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px');"
124        x-cloak
125    >
126        <div class="nav-container">
127            <div class="nav-outer">
128                <div class="nav-inner">
129                    <a href="/" aria-label="logo" class="logo ">
130                                                    <div
131                                class="text-logo text-logo-auto text-(--text-color) custom-text-color custom-font-family font-(family-name:--font-custom)"
132                                style="--text-color: #da4444; --font-custom: Actor;"
133                            >
134                                MUSIC DOCUMENTARY</div>
135                                            </a>
136
137                    <div class="mobile-menu-button-container">
138                        <button
139                            aria-label="hamburger"
140                            class="mobile-menu-button"
141                            @click="$store.nav.mobileMenuOpen = !$store.nav.mobileMenuOpen; $nextTick(() => { window.scrollTo(0,0) });"
142                            x-data x-cloak
143                        >
144                            <div
145                                class="mobile-cart-alert"
146                                aria-hidden="true"
147                                x-data
148                                x-show="$store.commerceCart.totalQuantity > 0 && $store.nav.mobile"
149                            >
150                                <span x-text="$store.commerceCart.totalQuantity"></span>
151                            </div>
152                            <div aria-hidden="true"
153                                 style="--background-color: #164e63;"
154                                 class="mobile-menu-button-piece mobile-piece-top bg-(--background-color) bg-type-color"></div>
155                            <div aria-hidden="true"
156                                 style="--background-color: #164e63;"
157                                 class="mobile-menu-button-piece mobile-piece-bottom bg-(--background-color) bg-type-color"></div>
158                        </button>
159                    </div>
160                </div>
161                <div
162                    :aria-hidden="!$store.nav.mobile"
163                    class="mobile-nav-backdrop"
164                    @click="$store.nav.mobileMenuOpen = false"
165                ></div>
166                <div
167                    class="nav-list-container"
168                    style="padding-block: 32px;"
169                    x-show="!$store.nav.mobile"
170                    x-cloak
171                >
172                    <div class="nav-list-container-inner">
173                        <ul
174    class="main-nav-list"
175    x-data
176    x-navigation="{ allowCollapseToMore: false }"
177>
178            <li
179    class="main-nav-item"
180    id="k7HMCG41"
181>
182    <a href="/"
183              class="nav-link active"
184    >
185        <span>Watch</span>
186    </a>
187    </li>
188
189            <li
190    class="main-nav-item"
191    id="0ZDLIJji"
192>
193    <a href="/the-album"
194              class="nav-link "
195    >
196        <span>Album</span>
197    </a>
198    </li>
199
200            <li
201    class="main-nav-item"
202    id="iZXPWZvD"
203>
204    <a href="/shop"
205              class="nav-link "
206    >
207        <span>Shop</span>
208    </a>
209    </li>
210
211            <li
212    class="main-nav-item"
213    id="2VK6RUpJ"
214>
215    <a href="/cast-crew"
216              class="nav-link "
217    >
218        <span>Cast &amp; Crew</span>
219    </a>
220    </li>
221
222            <li
223    class="main-nav-item"
224    id="4ntLVTyG"
225>
226    <a href="/directors-note"
227              class="nav-link "
228    >
229        <span>Director&#039;s Note</span>
230    </a>
231    </li>
232
233            <li
234    class="main-nav-item"
235    id="f1EPB1yg"
236>
237    <a href="/photos"
238              class="nav-link "
239    >
240        <span>Videos &amp; Photos</span>
241    </a>
242    </li>
243
244            <li
245    class="main-nav-item"
246    id="e7ElQT8D"
247>
248    <a href="https://www.josephpatrickmoore.com/the-rocktronix---magnificent-obsession.html"
249       target="_blank"       class="nav-link "
250    >
251        <span>RockTronix.com</span>
252    </a>
253    </li>
254
255            <li
256    class="main-nav-item"
257    id="nav-more-link"
258>
259    <a href="#"
260              class="nav-link "
261    >
262        <span>More...</span>
263    </a>
264            <ul
265    class="subnav subnav-level-1 subnav-parent-nav-more-link"
266>
267            <li id="subnav-k7HMCG41">
268    <a
269        href="/"
270                class="nav-link"
271    >
272        <span class="subnav-label">
273            Watch
274                    </span>
275    </a>
276    </li>
277
278            <li id="subnav-0ZDLIJji">
279    <a
280        href="/the-album"
281                class="nav-link"
282    >
283        <span class="subnav-label">
284            Album
285                    </span>
286    </a>
287    </li>
288
289            <li id="subnav-iZXPWZvD">
290    <a
291        href="/shop"
292                class="nav-link"
293    >
294        <span class="subnav-label">
295            Shop
296                    </span>
297    </a>
298    </li>
299
300            <li id="subnav-2VK6RUpJ">
301    <a
302        href="/cast-crew"
303                class="nav-link"
304    >
305        <span class="subnav-label">
306            Cast &amp; Crew
307                    </span>
308    </a>
309    </li>
310
311            <li id="subnav-4ntLVTyG">
312    <a
313        href="/directors-note"
314                class="nav-link"
315    >
316        <span class="subnav-label">
317            Director&#039;s Note
318                    </span>
319    </a>
320    </li>
321
322            <li id="subnav-f1EPB1yg">
323    <a
324        href="/photos"
325                class="nav-link"
326    >
327        <span class="subnav-label">
328            Videos &amp; Photos
329                    </span>
330    </a>
331    </li>
332
333            <li id="subnav-e7ElQT8D">
334    <a
335        href="https://www.josephpatrickmoore.com/the-rocktronix---magnificent-obsession.html"
336        target="_blank"        class="nav-link"
337    >
338        <span class="subnav-label">
339            RockTronix.com
340                    </span>
341    </a>
342    </li>
343
344    </ul>
345
346    </li>
347
348            </ul>
349
350                    </div>
351                                                                <div
352                            class="nav-button"
353                            x-data
354                            x-show="$store.commerceCart.totalQuantity > 0" x-cloak                        >
355                            <a href="/c/cart" class="nav-cart-link" data-cart-nav="not_empty" x-text="$store.commerceCart.totalQuantity > 0 ? 'Cart (' + $store.commerceCart.totalQuantity + ')' : 'Cart'">Cart</a>
356                        </div>
357                                        
358                    
359                    
360                                    </div>
361                <div
362    class="mobile-nav-overlay"
363    x-show="$store.nav.mobile && $store.nav.mobileMenuOpen"
364    x-transition.opacity.duration.200ms
365    x-cloak
366>
367    <div
368    class="mobile-nav-panels"
369    x-data="mobileNavigation"
370    x-effect="if (!$store.nav.mobileMenuOpen || !$store.nav.mobile) resetSubnav()"
371    x-cloak
372>
373    <div
374        class="mobile-nav-panel mobile-nav-panel--root"
375        :class="{ 'is-shifted': hasSubnavOpen() }"
376    >
377        <ul class="mobile-nav-links">
378            
379            
380                            <li
381    class="mobile-main-nav-item"
382    id="k7HMCG41"
383>
384                <a
385            href="/"
386                        class="mobile-nav-link active"
387        >Watch</a>
388    </li>
389
390                            <li
391    class="mobile-main-nav-item"
392    id="0ZDLIJji"
393>
394                <a
395            href="/the-album"
396                        class="mobile-nav-link "
397        >Album</a>
398    </li>
399
400                            <li
401    class="mobile-main-nav-item"
402    id="iZXPWZvD"
403>
404                <a
405            href="/shop"
406                        class="mobile-nav-link "
407        >Shop</a>
408    </li>
409
410                            <li
411    class="mobile-main-nav-item"
412    id="2VK6RUpJ"
413>
414                <a
415            href="/cast-crew"
416                        class="mobile-nav-link "
417        >Cast &amp; Crew</a>
418    </li>
419
420                            <li
421    class="mobile-main-nav-item"
422    id="4ntLVTyG"
423>
424                <a
425            href="/directors-note"
426                        class="mobile-nav-link "
427        >Director&#039;s Note</a>
428    </li>
429
430                            <li
431    class="mobile-main-nav-item"
432    id="f1EPB1yg"
433>
434                <a
435            href="/photos"
436                        class="mobile-nav-link "
437        >Videos &amp; Photos</a>
438    </li>
439
440                            <li
441    class="mobile-main-nav-item"
442    id="e7ElQT8D"
443>
444                <a
445            href="https://www.josephpatrickmoore.com/the-rocktronix---magnificent-obsession.html"
446            target="_blank"            class="mobile-nav-link "
447        >RockTronix.com</a>
448    </li>
449
450                    </ul>
451    </div>
452
453            
454            
455            
456            
457            
458            
459            
460    </div>
461
462    <div class="mobile-nav-overlay-buttons">
463                                    <a href="/c/cart" class="mobile-nav-overlay-link">Cart</a>
464            </div>
465</div>
466
467            </div>
468        </div>
469    </nav>
470</header>
471
472</div>
473            <main>
474                    <div id="c6aa86930a8407" class="component"><div >
475    <div id="c6aa86933db0f6" class="component"><section
476    id="page-section"
477    style="--min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
478    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"
479>
480    
481    
482    <div
483        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"
484        style="padding-block: 48px;"
485                
486    >
487        <div id="c6aa86933d7adc" class="component"><div style="height: 13px"></div>
488</div><div id="c6aa86933d7c0e" class="component"><div
489    class="flex justify-center"
490    style=""
491>
492    <div
493        class="embed-code-component transition-all overflow-hidden lg:w-full md:w-full w-full lg:rounded-md md:rounded-md rounded-md mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
494        style="text-align: center; "
495    >
496                    <div class="sharethis-inline-share-buttons"></div>
497                    </div>
498</div>
499</div><div id="c6aaef4048f8bf" class="component"><div
500    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"
501    style=""
502>
503    <div class="text-option"><p class="ql-align-center"><strong style="color: rgb(0, 0, 0); font-size: 24px;">Three musicians. Three days in the studio. One Magnificent Obsession.</strong></p></div>
504</div>
505</div><div id="c6aaeff17a7909" class="component"><div
506    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"
507    style=""
508>
509    <div class="text-option"><p class="ql-align-center"><span style="color: rgb(0, 0, 0); font-size: 18px;">A music documentary about creativity, collaboration, and the making of The RockTronix's debut album.</span></p></div>
510</div>
511</div><div id="c6aa86933db072" class="component"><div
512    style=""
513    x-data="{ fullscreen: false }"
514>
515    <div class="flex justify-center mt-0 mb-0 md:mt-0 md:mb-0 lg:mt-0 lg:mb-0">
516                    <a href="/"  class="relative">
517                    <img
518                src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/the_rocktronix_chris_blackwell_joseph_patrick_moore_wayne_viar6aaef55f0e2ab.jpg?w=1080"
519                alt="The RockTronix Magnificent Obsession Music Documentary Trailer. Featuring Chris Blackwell (guitar), Joseph Patrick Moore (bass/vocals), and Wayne Viar."
520                class="resizeable-image lg:rounded-sm md:rounded-sm rounded-sm border border-solid border-(--color-secondary-main) "
521                                            />
522                    </a>
523            </div>
524        </div>
525</div><div id="c6aaef5d4c741d" class="component"><div
526    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"
527    style=""
528>
529    <div class="text-option"><p class="ql-align-center"><a href="https://www.youtube.com/watch?v=R3r22q1sTkk&amp;feature=youtu.be" rel="noopener noreferrer" target="_blank" style="font-size: 20px; color: rgb(92, 188, 224);"><strong><u>WATCH TRAILER</u></strong></a><strong style="font-size: 20px; color: rgb(0, 0, 0);"> &nbsp;&nbsp;| </strong><a href="https://youtu.be/R8WIyrUNyyQ" rel="noopener noreferrer" target="_blank" style="font-size: 20px; color: rgb(92, 188, 224);"><strong><u>&nbsp;&nbsp;WATCH THE FILM</u></strong></a><strong style="font-size: 20px; color: rgb(0, 0, 0);"> &nbsp;&nbsp;| </strong><a href="https://music.apple.com/us/album/magnificent-obsession/1848112162" rel="noopener noreferrer" target="_blank" style="font-size: 20px; color: rgb(92, 188, 224);"><strong><u>&nbsp;&nbsp;LISTEN TO THE ALBUM</u></strong></a></p></div>
530</div>
531</div><div id="c6aa86933db093" class="component"><div style="height: 20px"></div>
532</div>
533
534            </div>
535</section>
536</div><div id="c6aa86933e6d1c" class="component"><section
537    id="page-section"
538    style="--background-image: url('//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/240824806.jpg'); --background-position: 36% 55%; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
539    class="page-section transition-all z-10 relative bg-[image:var(--background-image)] bg-no-repeat bg-[position:var(--background-position)] bg-cover sm:bg-fixed bg-type-image 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"
540>
541    
542    
543    <div
544        class="section-inner  opacity-0 translate-y-5 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"
545        style="padding-block: 48px;"
546                    x-data="{ shown: false }"
547            x-cloak
548            x-intersect.threshold-20.once="setTimeout(() => shown = true, 400)"
549            :class="{ '!opacity-100 !translate-y-0': shown }"
550                
551    >
552        <div id="c6aa86933dfd34" class="component"><div style="height: 20px"></div>
553</div><div id="c6aaf01425dbdc" class="component"><div
554    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"
555    style=""
556>
557    <div class="text-option"><p class="ql-align-center"><strong style="font-size: 20px; color: rgb(255, 255, 255);"><u>ABOUT THE MUSIC DOCUMENTARY</u></strong></p></div>
558</div>
559</div><div id="c6aaf0051e6fa3" class="component"><div
560    class="m-2.5 md:m-2.5 lg:m-2.5"
561    style="--background-color: var(--color-primary-main); --hover-background-color: var(--color-primary-light);">
562            <div class="component-text-with-image layout-float">
563    <div class="text-with-image-inner">
564                                                    <img
565                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/screenshot_2026-09-19_at_2.34.57_pm.png?w=800"
566                    class="object-contain mb-2 lg:rounded-md md:rounded-md rounded-md w-4/12 float-left mr-2"
567                    alt="THE ROCKTRONIX"
568                                    />
569                                            <div class="text-left">
570                        <div
571                class=""
572                style=""
573            ><div class="text-option"><p><span style="font-size: 18px; color: rgb(255, 255, 255);">Magnificent Obsession&nbsp;is a music documentary that captures the birth, evolution, and creative journey of&nbsp;The RockTronix—an original band featuring&nbsp;</span><strong style="font-size: 18px; color: rgb(255, 255, 255);">Chris Blackwell&nbsp;</strong><span style="font-size: 18px; color: rgb(255, 255, 255);">on guitar,&nbsp;</span><strong style="font-size: 18px; color: rgb(255, 255, 255);">Joseph Patrick Moore</strong><span style="font-size: 18px; color: rgb(255, 255, 255);">&nbsp;on bass, and&nbsp;</span><strong style="font-size: 18px; color: rgb(255, 255, 255);">Wayne Viar</strong><span style="font-size: 18px; color: rgb(255, 255, 255);">&nbsp;on drums.</span></p><p><br></p><p><span style="font-size: 18px; color: rgb(255, 255, 255);">Follow the trio from rehearsals and pre-production through three intense days in the recording studio as they bring their debut album to life. Through candid interviews, unedited rehearsal footage, behind-the-scenes studio sessions, live performances, and a full-length music video,&nbsp;</span><em style="font-size: 18px; color: rgb(255, 255, 255);">Magnificent Obsession</em><span style="font-size: 18px; color: rgb(255, 255, 255);">&nbsp;offers an intimate look inside the minds of three musicians as individual ideas evolve into a collective musical vision.</span></p><p><br></p><p><span style="font-size: 18px; color: rgb(255, 255, 255);">More than simply a film about recording an album,&nbsp;</span><em style="font-size: 18px; color: rgb(255, 255, 255);">Magnificent Obsession</em><span style="font-size: 18px; color: rgb(255, 255, 255);">&nbsp;explores the creativity, collaboration, experimentation, and dedication behind making original music. From the first rehearsal to the final recording, the documentary invites viewers inside the creative process as The RockTronix pursue the sound—and the magnificent obsession—that brought them together.&nbsp;</span></p></div></div>
574                    </div>
575        <div class="clear-both"></div>
576    </div>
577</div>
578
579        </div>
580</div><div id="c6aaf00f780415" class="component"><div
581    style="--spacer-height-mobile: 8px; --spacer-height-tablet: 8px; --spacer-height-desktop: 8px;"
582    class="art-spacer"
583></div>
584</div><div id="c6aa86933e6dc8" class="component"><div
585    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"
586    style=""
587>
588    <div class="text-option"><h2 class="ql-align-center"><u style="color: rgb(255, 255, 255); font-size: 32px;">WATCH | RENT | OWN</u></h2></div>
589</div>
590</div><div id="c6aaefec94ec0c" class="component"><div
591    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"
592    style=""
593>
594    <div class="text-option"><p class="ql-align-center"><span style="color: rgb(255, 255, 255);">2014 • Music Documentary • 42 Minutes • Rock / Electronica / Experimental</span></p></div>
595</div>
596</div><div id="c6aa86933eac1d" class="component"><div
597    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"
598    style=""
599>
600    <div class="text-option"><h2 class="ql-align-center"><a href="https://play.google.com/store/movies/details/Rocktronix?id=GGV-ayzLcE8&amp;hl=en" rel="noopener noreferrer" target="_blank" style="font-size: 20px; color: rgb(92, 188, 224);"><strong><u>Google Play</u></strong></a></h2><h2 class="ql-align-center"><a href="https://tv.apple.com/us/movie/rocktronix-magnificent-obsession/umc.cmc.2e62t2etgww8ulfxz3mwsm2dm" rel="noopener noreferrer" target="_blank" style="font-size: 20px; color: rgb(92, 188, 224);"><strong><u>iTunes</u></strong></a></h2><h2 class="ql-align-center"><a href="/c/products/the-rocktronix-magnificent-obsession-dvd" style="font-size: 20px;"><strong><u>The Official Store</u></strong></a></h2></div>
601</div>
602</div><div id="c6aa86933eab0d" class="component"><div
603    style=""
604    x-data="{ fullscreen: false }"
605>
606    <div class="flex justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
607                    <a href="http://www.imdb.com/title/tt3920840/" target="_blank" class="relative">
608                    <img
609                src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/imdb_orig.jpg?w=1080"
610                alt="The RockTronix Magnificent Obsession on IMDB"
611                class="resizeable-image lg:rounded-md md:rounded-md rounded-md "
612                                    style="width: 200px;"
613                                            />
614                    </a>
615            </div>
616        </div>
617</div><div id="c6aa86933e3902" class="component"><div style="height: 11px"></div>
618</div>
619
620            </div>
621</section>
622</div><div id="c6aaef7fe0c250" class="component"><section
623    id="page-section"
624    style="--gradient-from-color: var(--color-primary-main); --gradient-to-color: var(--color-secondary-main); --gradient-direction: to right; --background-image: url(''); --background-opacity: 30%; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
625    class="page-section transition-all z-10 relative bg-[image:var(--background-image)] bg-repeat bg-center bg-auto relative bg-gradient-overlay bg-type-image_with_gradient_overlay 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"
626>
627    
628    
629    <div
630        class="section-inner  opacity-0 translate-y-5 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"
631        style="padding-block: 48px;"
632                    x-data="{ shown: false }"
633            x-cloak
634            x-intersect.threshold-20.once="setTimeout(() => shown = true, 400)"
635            :class="{ '!opacity-100 !translate-y-0': shown }"
636                
637    >
638        <div id="c6aaef9cb6c2aa" class="component"><div
639    class="flex w-full justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
640    x-data="{
641        duration: 5000,
642        active: 0,
643        previous: 0,
644        incoming: null,
645        direction: 'next',
646        transition: 'fade',
647        totalImages: 29,
648        progress: 0,
649        firstFrameTime: 0,
650        touchStartX: null,
651        touchEndX: null,
652        swipeThreshold: 50,
653        rtl: false,
654        init() {
655            this.rtl = getComputedStyle(this.$el).direction === 'rtl'
656            this.startAnimation()
657            this.$watch('active', callback => {
658                cancelAnimationFrame(this.frame)
659                this.startAnimation()
660            })
661        },
662        startAnimation() {
663            this.progress = 0
664            this.$nextTick(() => {
665                this.firstFrameTime = performance.now()
666                this.frame = requestAnimationFrame(this.animate.bind(this))
667            })
668        },
669        animate(now) {
670            let timeFraction = (now - this.firstFrameTime) / this.duration
671            if (timeFraction <= 1) {
672                this.progress = timeFraction * 100
673                this.frame = requestAnimationFrame(this.animate.bind(this))
674            } else {
675                timeFraction = 1
676                this.goTo((this.active + 1) % this.totalImages, 'next')
677            }
678        },
679        goTo(index, dir) {
680            if (index === this.active) return
681            this.direction = dir
682            if (this.transition === 'slide') {
683                this.incoming = index
684                this.$nextTick(() => {
685                    void this.$el.offsetHeight
686                    this.previous = this.active
687                    this.active = index
688                    this.incoming = null
689                })
690            } else {
691                this.previous = this.active
692                this.active = index
693            }
694        },
695        prev() {
696            this.goTo(this.active === 0 ? this.totalImages - 1 : this.active - 1, 'prev')
697        },
698        forward() {
699            this.goTo((this.active + 1) % this.totalImages, 'next')
700        },
701        handleTouchStart(event) {
702            this.touchStartX = event.touches[0].clientX
703        },
704        handleTouchMove(event) {
705            this.touchEndX = event.touches[0].clientX
706        },
707        handleTouchEnd() {
708            if(this.touchEndX){
709                const forward = (this.touchStartX - this.touchEndX) * (this.rtl ? -1 : 1)
710                if (forward > this.swipeThreshold) {
711                    this.forward()
712                }
713                if (forward < -this.swipeThreshold) {
714                    this.prev()
715                }
716                this.touchStartX = null
717                this.touchEndX = null
718            }
719        },
720        get thumbOffset() {
721            const container = this.$refs.thumbContainer
722            if (!container) return 0
723            const track = this.$refs.thumbTrack
724            if (!track || !track.children[this.active]) return 0
725            const thumb = track.children[this.active]
726            const containerWidth = container.offsetWidth
727            const idealOffset = thumb.offsetLeft - containerWidth / 2 + thumb.offsetWidth / 2
728            const maxOffset = track.scrollWidth - containerWidth
729            if (this.rtl) {
730                return -Math.min(Math.max(0, -idealOffset), Math.max(0, maxOffset))
731            }
732            return Math.min(Math.max(0, idealOffset), Math.max(0, maxOffset))
733        }
734    }">
735    <div class="transition-all w-full relative duration-150 delay-300 ease-in-out">
736        <div
737            class="relative w-full grid overflow-hidden "
738            @touchstart="handleTouchStart($event)"
739            @touchmove="handleTouchMove($event)"
740            @touchend="handleTouchEnd()"
741        >
742                                                            <div
743                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
744                    
745                    :class="(() => {
746                        const i = 0;
747                        if (transition === 'slide') {
748                            const fromRight = (direction === 'next') !== rtl;
749                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
750                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
751                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
752                            return 'z-0 translate-x-full invisible';
753                        }
754                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
755                    })()"
756                >
757                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
758                                                                        <img
759                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/animatedbutterfly.jpg?w=800"
760                            alt="The Rocktronix featuring Chris Blackwell (guitar), Joseph Patrick Moore (bass/vocals), Wayne Viar (drums)"
761                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
762                            loading="lazy"
763                        />
764                                                                    </div>
765                                    </div>
766                                                            <div
767                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
768                    x-cloak
769                    :class="(() => {
770                        const i = 1;
771                        if (transition === 'slide') {
772                            const fromRight = (direction === 'next') !== rtl;
773                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
774                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
775                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
776                            return 'z-0 translate-x-full invisible';
777                        }
778                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
779                    })()"
780                >
781                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
782                                                                        <img
783                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/cbblues6aac317752db2.jpg?w=800"
784                            alt="Chris Blackwell on guitar"
785                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
786                            loading="lazy"
787                        />
788                                                                    </div>
789                                    </div>
790                                                            <div
791                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
792                    x-cloak
793                    :class="(() => {
794                        const i = 2;
795                        if (transition === 'slide') {
796                            const fromRight = (direction === 'next') !== rtl;
797                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
798                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
799                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
800                            return 'z-0 translate-x-full invisible';
801                        }
802                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
803                    })()"
804                >
805                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
806                                                                        <img
807                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/cbredguitar1.jpg?w=800"
808                            alt="Chris Blackwell from The Rocktronix's red guitar"
809                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
810                            loading="lazy"
811                        />
812                                                                    </div>
813                                    </div>
814                                                            <div
815                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
816                    x-cloak
817                    :class="(() => {
818                        const i = 3;
819                        if (transition === 'slide') {
820                            const fromRight = (direction === 'next') !== rtl;
821                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
822                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
823                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
824                            return 'z-0 translate-x-full invisible';
825                        }
826                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
827                    })()"
828                >
829                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
830                                                                        <img
831                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/chorus.jpg?w=800"
832                            alt="The Rocktronix featuring Chris Blackwell (guitar), Joseph Patrick Moore (bass/vocals), Wayne Viar (drums)"
833                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
834                            loading="lazy"
835                        />
836                                                                    </div>
837                                    </div>
838                                                            <div
839                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
840                    x-cloak
841                    :class="(() => {
842                        const i = 4;
843                        if (transition === 'slide') {
844                            const fromRight = (direction === 'next') !== rtl;
845                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
846                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
847                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
848                            return 'z-0 translate-x-full invisible';
849                        }
850                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
851                    })()"
852                >
853                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
854                                                                        <img
855                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/chrisgreen.jpg?w=800"
856                            alt="Chris Blackwell shooting a music video"
857                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
858                            loading="lazy"
859                        />
860                                                                    </div>
861                                    </div>
862                                                            <div
863                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
864                    x-cloak
865                    :class="(() => {
866                        const i = 5;
867                        if (transition === 'slide') {
868                            const fromRight = (direction === 'next') !== rtl;
869                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
870                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
871                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
872                            return 'z-0 translate-x-full invisible';
873                        }
874                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
875                    })()"
876                >
877                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
878                                                                        <img
879                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/guitarrig6aaef9e4c694d.jpg?w=800"
880                            alt="Recording Engineer Rush Anderson setting up microphones."
881                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
882                            loading="lazy"
883                        />
884                                                                    </div>
885                                    </div>
886                                                            <div
887                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
888                    x-cloak
889                    :class="(() => {
890                        const i = 6;
891                        if (transition === 'slide') {
892                            const fromRight = (direction === 'next') !== rtl;
893                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
894                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
895                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
896                            return 'z-0 translate-x-full invisible';
897                        }
898                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
899                    })()"
900                >
901                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
902                                                                        <img
903                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/hallway6aaef9e85299b.jpg?w=800"
904                            alt="Recording Engineer Rush Anderson's studio"
905                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
906                            loading="lazy"
907                        />
908                                                                    </div>
909                                    </div>
910                                                            <div
911                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
912                    x-cloak
913                    :class="(() => {
914                        const i = 7;
915                        if (transition === 'slide') {
916                            const fromRight = (direction === 'next') !== rtl;
917                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
918                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
919                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
920                            return 'z-0 translate-x-full invisible';
921                        }
922                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
923                    })()"
924                >
925                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
926                                                                        <img
927                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/jpm3.jpg?w=800"
928                            alt="Joseph Patrick Moore about to shoot a music video."
929                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
930                            loading="lazy"
931                        />
932                                                                    </div>
933                                    </div>
934                                                            <div
935                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
936                    x-cloak
937                    :class="(() => {
938                        const i = 8;
939                        if (transition === 'slide') {
940                            const fromRight = (direction === 'next') !== rtl;
941                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
942                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
943                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
944                            return 'z-0 translate-x-full invisible';
945                        }
946                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
947                    })()"
948                >
949                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
950                                                                        <img
951                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/jpmandwayne.jpg?w=800"
952                            alt="The Rocktronix featuring Chris Blackwell (guitar), Joseph Patrick Moore (bass/vocals), Wayne Viar (drums)"
953                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
954                            loading="lazy"
955                        />
956                                                                    </div>
957                                    </div>
958                                                            <div
959                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
960                    x-cloak
961                    :class="(() => {
962                        const i = 9;
963                        if (transition === 'slide') {
964                            const fromRight = (direction === 'next') !== rtl;
965                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
966                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
967                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
968                            return 'z-0 translate-x-full invisible';
969                        }
970                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
971                    })()"
972                >
973                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
974                                                                        <img
975                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/jpmbassclose.jpg?w=800"
976                            alt="Joseph Patrick Moore recording on his green Medulla 5 string bass."
977                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
978                            loading="lazy"
979                        />
980                                                                    </div>
981                                    </div>
982                                                            <div
983                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
984                    x-cloak
985                    :class="(() => {
986                        const i = 10;
987                        if (transition === 'slide') {
988                            const fromRight = (direction === 'next') !== rtl;
989                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
990                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
991                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
992                            return 'z-0 translate-x-full invisible';
993                        }
994                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
995                    })()"
996                >
997                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
998                                                                        <img
999                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/jpmcloseup.jpg?w=800"
1000                            alt="Up and Close with Joseph Patrick Moore"
1001                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1002                            loading="lazy"
1003                        />
1004                                                                    </div>
1005                                    </div>
1006                                                            <div
1007                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1008                    x-cloak
1009                    :class="(() => {
1010                        const i = 11;
1011                        if (transition === 'slide') {
1012                            const fromRight = (direction === 'next') !== rtl;
1013                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1014                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1015                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1016                            return 'z-0 translate-x-full invisible';
1017                        }
1018                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1019                    })()"
1020                >
1021                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1022                                                                        <img
1023                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/jpmhomefullshot.jpg?w=800"
1024                            alt="The Joseph Patrick Moore Interview"
1025                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1026                            loading="lazy"
1027                        />
1028                                                                    </div>
1029                                    </div>
1030                                                            <div
1031                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1032                    x-cloak
1033                    :class="(() => {
1034                        const i = 12;
1035                        if (transition === 'slide') {
1036                            const fromRight = (direction === 'next') !== rtl;
1037                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1038                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1039                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1040                            return 'z-0 translate-x-full invisible';
1041                        }
1042                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1043                    })()"
1044                >
1045                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1046                                                                        <img
1047                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/jpmupright.jpg?w=800"
1048                            alt="Joseph Patrick Moore rocking the double bass"
1049                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1050                            loading="lazy"
1051                        />
1052                                                                    </div>
1053                                    </div>
1054                                                            <div
1055                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1056                    x-cloak
1057                    :class="(() => {
1058                        const i = 13;
1059                        if (transition === 'slide') {
1060                            const fromRight = (direction === 'next') !== rtl;
1061                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1062                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1063                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1064                            return 'z-0 translate-x-full invisible';
1065                        }
1066                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1067                    })()"
1068                >
1069                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1070                                                                        <img
1071                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/openingscene.jpg?w=800"
1072                            alt="The Rocktronix featuring Chris Blackwell (guitar), Joseph Patrick Moore (bass/vocals), Wayne Viar (drums)"
1073                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1074                            loading="lazy"
1075                        />
1076                                                                    </div>
1077                                    </div>
1078                                                            <div
1079                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1080                    x-cloak
1081                    :class="(() => {
1082                        const i = 14;
1083                        if (transition === 'slide') {
1084                            const fromRight = (direction === 'next') !== rtl;
1085                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1086                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1087                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1088                            return 'z-0 translate-x-full invisible';
1089                        }
1090                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1091                    })()"
1092                >
1093                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1094                                                                        <img
1095                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/reh1.jpg?w=800"
1096                            alt="The Rocktronix rehearsing before the studio sessions."
1097                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1098                            loading="lazy"
1099                        />
1100                                                                    </div>
1101                                    </div>
1102                                                            <div
1103                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1104                    x-cloak
1105                    :class="(() => {
1106                        const i = 15;
1107                        if (transition === 'slide') {
1108                            const fromRight = (direction === 'next') !== rtl;
1109                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1110                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1111                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1112                            return 'z-0 translate-x-full invisible';
1113                        }
1114                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1115                    })()"
1116                >
1117                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1118                                                                        <img
1119                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/reh11.jpg?w=800"
1120                            alt="The Rocktronix composing and writing a song."
1121                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1122                            loading="lazy"
1123                        />
1124                                                                    </div>
1125                                    </div>
1126                                                            <div
1127                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1128                    x-cloak
1129                    :class="(() => {
1130                        const i = 16;
1131                        if (transition === 'slide') {
1132                            const fromRight = (direction === 'next') !== rtl;
1133                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1134                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1135                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1136                            return 'z-0 translate-x-full invisible';
1137                        }
1138                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1139                    })()"
1140                >
1141                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1142                                                                        <img
1143                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/rocklive.jpg?w=800"
1144                            alt="The Rocktronix live at Nashville NAMM Bass Bash"
1145                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1146                            loading="lazy"
1147                        />
1148                                                                    </div>
1149                                    </div>
1150                                                            <div
1151                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1152                    x-cloak
1153                    :class="(() => {
1154                        const i = 17;
1155                        if (transition === 'slide') {
1156                            const fromRight = (direction === 'next') !== rtl;
1157                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1158                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1159                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1160                            return 'z-0 translate-x-full invisible';
1161                        }
1162                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1163                    })()"
1164                >
1165                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1166                                                                        <img
1167                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio7.jpg?w=800"
1168                            alt="Joseph Patrick Moore and Rush Anderson (engineer) mixing The Rocktronix"
1169                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1170                            loading="lazy"
1171                        />
1172                                                                    </div>
1173                                    </div>
1174                                                            <div
1175                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1176                    x-cloak
1177                    :class="(() => {
1178                        const i = 18;
1179                        if (transition === 'slide') {
1180                            const fromRight = (direction === 'next') !== rtl;
1181                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1182                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1183                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1184                            return 'z-0 translate-x-full invisible';
1185                        }
1186                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1187                    })()"
1188                >
1189                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1190                                                                        <img
1191                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio22.jpg?w=800"
1192                            alt="Chris Blackwell recording guitar."
1193                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1194                            loading="lazy"
1195                        />
1196                                                                    </div>
1197                                    </div>
1198                                                            <div
1199                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1200                    x-cloak
1201                    :class="(() => {
1202                        const i = 19;
1203                        if (transition === 'slide') {
1204                            const fromRight = (direction === 'next') !== rtl;
1205                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1206                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1207                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1208                            return 'z-0 translate-x-full invisible';
1209                        }
1210                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1211                    })()"
1212                >
1213                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1214                                                                        <img
1215                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio50.jpg?w=800"
1216                            alt="Joseph Patrick Moore up close on the 5 string bass"
1217                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1218                            loading="lazy"
1219                        />
1220                                                                    </div>
1221                                    </div>
1222                                                            <div
1223                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1224                    x-cloak
1225                    :class="(() => {
1226                        const i = 20;
1227                        if (transition === 'slide') {
1228                            const fromRight = (direction === 'next') !== rtl;
1229                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1230                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1231                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1232                            return 'z-0 translate-x-full invisible';
1233                        }
1234                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1235                    })()"
1236                >
1237                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1238                                                                        <img
1239                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio56.jpg?w=800"
1240                            alt="Chris Blackwell recording guitar."
1241                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1242                            loading="lazy"
1243                        />
1244                                                                    </div>
1245                                    </div>
1246                                                            <div
1247                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1248                    x-cloak
1249                    :class="(() => {
1250                        const i = 21;
1251                        if (transition === 'slide') {
1252                            const fromRight = (direction === 'next') !== rtl;
1253                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1254                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1255                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1256                            return 'z-0 translate-x-full invisible';
1257                        }
1258                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1259                    })()"
1260                >
1261                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1262                                                                        <img
1263                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio62.jpg?w=800"
1264                            alt="Close up of guitarist Chris Blackwell"
1265                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1266                            loading="lazy"
1267                        />
1268                                                                    </div>
1269                                    </div>
1270                                                            <div
1271                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1272                    x-cloak
1273                    :class="(() => {
1274                        const i = 22;
1275                        if (transition === 'slide') {
1276                            const fromRight = (direction === 'next') !== rtl;
1277                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1278                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1279                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1280                            return 'z-0 translate-x-full invisible';
1281                        }
1282                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1283                    })()"
1284                >
1285                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1286                                                                        <img
1287                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio74.jpg?w=800"
1288                            alt="Wayne Viar recording drums with The Rocktronix"
1289                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1290                            loading="lazy"
1291                        />
1292                                                                    </div>
1293                                    </div>
1294                                                            <div
1295                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1296                    x-cloak
1297                    :class="(() => {
1298                        const i = 23;
1299                        if (transition === 'slide') {
1300                            const fromRight = (direction === 'next') !== rtl;
1301                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1302                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1303                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1304                            return 'z-0 translate-x-full invisible';
1305                        }
1306                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1307                    })()"
1308                >
1309                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1310                                                                        <img
1311                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio81.jpg?w=800"
1312                            alt="Chris Blackwell showing his guitar collection"
1313                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1314                            loading="lazy"
1315                        />
1316                                                                    </div>
1317                                    </div>
1318                                                            <div
1319                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1320                    x-cloak
1321                    :class="(() => {
1322                        const i = 24;
1323                        if (transition === 'slide') {
1324                            const fromRight = (direction === 'next') !== rtl;
1325                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1326                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1327                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1328                            return 'z-0 translate-x-full invisible';
1329                        }
1330                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1331                    })()"
1332                >
1333                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1334                                                                        <img
1335                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio86.jpg?w=800"
1336                            alt="Guitarist Chris Blackwell's guitar collection"
1337                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1338                            loading="lazy"
1339                        />
1340                                                                    </div>
1341                                    </div>
1342                                                            <div
1343                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1344                    x-cloak
1345                    :class="(() => {
1346                        const i = 25;
1347                        if (transition === 'slide') {
1348                            const fromRight = (direction === 'next') !== rtl;
1349                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1350                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1351                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1352                            return 'z-0 translate-x-full invisible';
1353                        }
1354                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1355                    })()"
1356                >
1357                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1358                                                                        <img
1359                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/trio2.jpg?w=800"
1360                            alt="The Rocktronix featuring Chris Blackwell (guitar), Joseph Patrick Moore (bass/vocals), Wayne Viar (drums)"
1361                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1362                            loading="lazy"
1363                        />
1364                                                                    </div>
1365                                    </div>
1366                                                            <div
1367                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1368                    x-cloak
1369                    :class="(() => {
1370                        const i = 26;
1371                        if (transition === 'slide') {
1372                            const fromRight = (direction === 'next') !== rtl;
1373                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1374                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1375                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1376                            return 'z-0 translate-x-full invisible';
1377                        }
1378                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1379                    })()"
1380                >
1381                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1382                                                                        <img
1383                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/trio7.jpg?w=800"
1384                            alt="The Rocktronix featuring Chris Blackwell (guitar), Joseph Patrick Moore (bass/vocals), Wayne Viar (drums)"
1385                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1386                            loading="lazy"
1387                        />
1388                                                                    </div>
1389                                    </div>
1390                                                            <div
1391                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1392                    x-cloak
1393                    :class="(() => {
1394                        const i = 27;
1395                        if (transition === 'slide') {
1396                            const fromRight = (direction === 'next') !== rtl;
1397                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1398                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1399                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1400                            return 'z-0 translate-x-full invisible';
1401                        }
1402                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1403                    })()"
1404                >
1405                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1406                                                                        <img
1407                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/waynewhite2.jpg?w=800"
1408                            alt="Wayne Viar with his drums"
1409                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1410                            loading="lazy"
1411                        />
1412                                                                    </div>
1413                                    </div>
1414                                                            <div
1415                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
1416                    x-cloak
1417                    :class="(() => {
1418                        const i = 28;
1419                        if (transition === 'slide') {
1420                            const fromRight = (direction === 'next') !== rtl;
1421                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
1422                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
1423                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
1424                            return 'z-0 translate-x-full invisible';
1425                        }
1426                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
1427                    })()"
1428                >
1429                    <div class="relative overflow-hidden lg:rounded-md md:rounded-md rounded-md">
1430                                                                        <img
1431                            src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/wvstudio.jpg?w=800"
1432                            alt="The Rocktronix drummer Wayne Viar recording drums on Magnificent Obsession"
1433                            class="object-cover lg:rounded-md md:rounded-md rounded-md h-120"
1434                            loading="lazy"
1435                        />
1436                                                                    </div>
1437                                    </div>
1438            
1439                            <div @click="rtl ? forward() : prev()"
1440                     class="absolute z-30 left-0 top-1/2 -translate-y-1/2 flex items-center justify-center text-black translate-x-3 rounded-full cursor-pointer bg-white/30 w-14 h-14 hover:bg-white/40"
1441                >
1442                    <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>
1443                </div>
1444
1445                <div @click="rtl ? prev() : forward()"
1446                     class="absolute z-30 right-0 top-1/2 -translate-y-1/2 flex items-center justify-center text-black -translate-x-3 rounded-full cursor-pointer bg-white/30 w-14 h-14 hover:bg-white/40"
1447                >
1448                    <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>
1449                </div>
1450                    </div>
1451                                    <div class="relative mt-5 overflow-hidden" x-ref="thumbContainer">
1452                    <div
1453                        class="flex gap-1 transition-transform duration-300 ease-in-out"
1454                        x-ref="thumbTrack"
1455                        :style="`transform: translateX(-${thumbOffset}px)`"
1456                    >
1457                                                    <button
1458                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1459                                :class="{
1460                                    'opacity-100': active === 0
1461                                }"
1462                                @click="goTo(0, 0 > active ? 'next' : 'prev')"
1463                            >
1464                                <img
1465                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/animatedbutterfly.jpg?w=60"
1466                                    alt="carousel chooser"
1467                                    class="w-14 h-14 object-cover"
1468                                    loading="lazy"
1469                                />
1470                            </button>
1471                                                    <button
1472                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1473                                :class="{
1474                                    'opacity-100': active === 1
1475                                }"
1476                                @click="goTo(1, 1 > active ? 'next' : 'prev')"
1477                            >
1478                                <img
1479                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/cbblues6aac317752db2.jpg?w=60"
1480                                    alt="carousel chooser"
1481                                    class="w-14 h-14 object-cover"
1482                                    loading="lazy"
1483                                />
1484                            </button>
1485                                                    <button
1486                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1487                                :class="{
1488                                    'opacity-100': active === 2
1489                                }"
1490                                @click="goTo(2, 2 > active ? 'next' : 'prev')"
1491                            >
1492                                <img
1493                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/cbredguitar1.jpg?w=60"
1494                                    alt="carousel chooser"
1495                                    class="w-14 h-14 object-cover"
1496                                    loading="lazy"
1497                                />
1498                            </button>
1499                                                    <button
1500                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1501                                :class="{
1502                                    'opacity-100': active === 3
1503                                }"
1504                                @click="goTo(3, 3 > active ? 'next' : 'prev')"
1505                            >
1506                                <img
1507                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/chorus.jpg?w=60"
1508                                    alt="carousel chooser"
1509                                    class="w-14 h-14 object-cover"
1510                                    loading="lazy"
1511                                />
1512                            </button>
1513                                                    <button
1514                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1515                                :class="{
1516                                    'opacity-100': active === 4
1517                                }"
1518                                @click="goTo(4, 4 > active ? 'next' : 'prev')"
1519                            >
1520                                <img
1521                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/chrisgreen.jpg?w=60"
1522                                    alt="carousel chooser"
1523                                    class="w-14 h-14 object-cover"
1524                                    loading="lazy"
1525                                />
1526                            </button>
1527                                                    <button
1528                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1529                                :class="{
1530                                    'opacity-100': active === 5
1531                                }"
1532                                @click="goTo(5, 5 > active ? 'next' : 'prev')"
1533                            >
1534                                <img
1535                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/guitarrig6aaef9e4c694d.jpg?w=60"
1536                                    alt="carousel chooser"
1537                                    class="w-14 h-14 object-cover"
1538                                    loading="lazy"
1539                                />
1540                            </button>
1541                                                    <button
1542                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1543                                :class="{
1544                                    'opacity-100': active === 6
1545                                }"
1546                                @click="goTo(6, 6 > active ? 'next' : 'prev')"
1547                            >
1548                                <img
1549                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/hallway6aaef9e85299b.jpg?w=60"
1550                                    alt="carousel chooser"
1551                                    class="w-14 h-14 object-cover"
1552                                    loading="lazy"
1553                                />
1554                            </button>
1555                                                    <button
1556                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1557                                :class="{
1558                                    'opacity-100': active === 7
1559                                }"
1560                                @click="goTo(7, 7 > active ? 'next' : 'prev')"
1561                            >
1562                                <img
1563                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/jpm3.jpg?w=60"
1564                                    alt="carousel chooser"
1565                                    class="w-14 h-14 object-cover"
1566                                    loading="lazy"
1567                                />
1568                            </button>
1569                                                    <button
1570                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1571                                :class="{
1572                                    'opacity-100': active === 8
1573                                }"
1574                                @click="goTo(8, 8 > active ? 'next' : 'prev')"
1575                            >
1576                                <img
1577                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/jpmandwayne.jpg?w=60"
1578                                    alt="carousel chooser"
1579                                    class="w-14 h-14 object-cover"
1580                                    loading="lazy"
1581                                />
1582                            </button>
1583                                                    <button
1584                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1585                                :class="{
1586                                    'opacity-100': active === 9
1587                                }"
1588                                @click="goTo(9, 9 > active ? 'next' : 'prev')"
1589                            >
1590                                <img
1591                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/jpmbassclose.jpg?w=60"
1592                                    alt="carousel chooser"
1593                                    class="w-14 h-14 object-cover"
1594                                    loading="lazy"
1595                                />
1596                            </button>
1597                                                    <button
1598                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1599                                :class="{
1600                                    'opacity-100': active === 10
1601                                }"
1602                                @click="goTo(10, 10 > active ? 'next' : 'prev')"
1603                            >
1604                                <img
1605                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/jpmcloseup.jpg?w=60"
1606                                    alt="carousel chooser"
1607                                    class="w-14 h-14 object-cover"
1608                                    loading="lazy"
1609                                />
1610                            </button>
1611                                                    <button
1612                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1613                                :class="{
1614                                    'opacity-100': active === 11
1615                                }"
1616                                @click="goTo(11, 11 > active ? 'next' : 'prev')"
1617                            >
1618                                <img
1619                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/jpmhomefullshot.jpg?w=60"
1620                                    alt="carousel chooser"
1621                                    class="w-14 h-14 object-cover"
1622                                    loading="lazy"
1623                                />
1624                            </button>
1625                                                    <button
1626                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1627                                :class="{
1628                                    'opacity-100': active === 12
1629                                }"
1630                                @click="goTo(12, 12 > active ? 'next' : 'prev')"
1631                            >
1632                                <img
1633                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/jpmupright.jpg?w=60"
1634                                    alt="carousel chooser"
1635                                    class="w-14 h-14 object-cover"
1636                                    loading="lazy"
1637                                />
1638                            </button>
1639                                                    <button
1640                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1641                                :class="{
1642                                    'opacity-100': active === 13
1643                                }"
1644                                @click="goTo(13, 13 > active ? 'next' : 'prev')"
1645                            >
1646                                <img
1647                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/openingscene.jpg?w=60"
1648                                    alt="carousel chooser"
1649                                    class="w-14 h-14 object-cover"
1650                                    loading="lazy"
1651                                />
1652                            </button>
1653                                                    <button
1654                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1655                                :class="{
1656                                    'opacity-100': active === 14
1657                                }"
1658                                @click="goTo(14, 14 > active ? 'next' : 'prev')"
1659                            >
1660                                <img
1661                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/reh1.jpg?w=60"
1662                                    alt="carousel chooser"
1663                                    class="w-14 h-14 object-cover"
1664                                    loading="lazy"
1665                                />
1666                            </button>
1667                                                    <button
1668                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1669                                :class="{
1670                                    'opacity-100': active === 15
1671                                }"
1672                                @click="goTo(15, 15 > active ? 'next' : 'prev')"
1673                            >
1674                                <img
1675                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/reh11.jpg?w=60"
1676                                    alt="carousel chooser"
1677                                    class="w-14 h-14 object-cover"
1678                                    loading="lazy"
1679                                />
1680                            </button>
1681                                                    <button
1682                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1683                                :class="{
1684                                    'opacity-100': active === 16
1685                                }"
1686                                @click="goTo(16, 16 > active ? 'next' : 'prev')"
1687                            >
1688                                <img
1689                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/rocklive.jpg?w=60"
1690                                    alt="carousel chooser"
1691                                    class="w-14 h-14 object-cover"
1692                                    loading="lazy"
1693                                />
1694                            </button>
1695                                                    <button
1696                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1697                                :class="{
1698                                    'opacity-100': active === 17
1699                                }"
1700                                @click="goTo(17, 17 > active ? 'next' : 'prev')"
1701                            >
1702                                <img
1703                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio7.jpg?w=60"
1704                                    alt="carousel chooser"
1705                                    class="w-14 h-14 object-cover"
1706                                    loading="lazy"
1707                                />
1708                            </button>
1709                                                    <button
1710                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1711                                :class="{
1712                                    'opacity-100': active === 18
1713                                }"
1714                                @click="goTo(18, 18 > active ? 'next' : 'prev')"
1715                            >
1716                                <img
1717                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio22.jpg?w=60"
1718                                    alt="carousel chooser"
1719                                    class="w-14 h-14 object-cover"
1720                                    loading="lazy"
1721                                />
1722                            </button>
1723                                                    <button
1724                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1725                                :class="{
1726                                    'opacity-100': active === 19
1727                                }"
1728                                @click="goTo(19, 19 > active ? 'next' : 'prev')"
1729                            >
1730                                <img
1731                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio50.jpg?w=60"
1732                                    alt="carousel chooser"
1733                                    class="w-14 h-14 object-cover"
1734                                    loading="lazy"
1735                                />
1736                            </button>
1737                                                    <button
1738                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1739                                :class="{
1740                                    'opacity-100': active === 20
1741                                }"
1742                                @click="goTo(20, 20 > active ? 'next' : 'prev')"
1743                            >
1744                                <img
1745                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio56.jpg?w=60"
1746                                    alt="carousel chooser"
1747                                    class="w-14 h-14 object-cover"
1748                                    loading="lazy"
1749                                />
1750                            </button>
1751                                                    <button
1752                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1753                                :class="{
1754                                    'opacity-100': active === 21
1755                                }"
1756                                @click="goTo(21, 21 > active ? 'next' : 'prev')"
1757                            >
1758                                <img
1759                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio62.jpg?w=60"
1760                                    alt="carousel chooser"
1761                                    class="w-14 h-14 object-cover"
1762                                    loading="lazy"
1763                                />
1764                            </button>
1765                                                    <button
1766                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1767                                :class="{
1768                                    'opacity-100': active === 22
1769                                }"
1770                                @click="goTo(22, 22 > active ? 'next' : 'prev')"
1771                            >
1772                                <img
1773                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio74.jpg?w=60"
1774                                    alt="carousel chooser"
1775                                    class="w-14 h-14 object-cover"
1776                                    loading="lazy"
1777                                />
1778                            </button>
1779                                                    <button
1780                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1781                                :class="{
1782                                    'opacity-100': active === 23
1783                                }"
1784                                @click="goTo(23, 23 > active ? 'next' : 'prev')"
1785                            >
1786                                <img
1787                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio81.jpg?w=60"
1788                                    alt="carousel chooser"
1789                                    class="w-14 h-14 object-cover"
1790                                    loading="lazy"
1791                                />
1792                            </button>
1793                                                    <button
1794                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1795                                :class="{
1796                                    'opacity-100': active === 24
1797                                }"
1798                                @click="goTo(24, 24 > active ? 'next' : 'prev')"
1799                            >
1800                                <img
1801                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/studio86.jpg?w=60"
1802                                    alt="carousel chooser"
1803                                    class="w-14 h-14 object-cover"
1804                                    loading="lazy"
1805                                />
1806                            </button>
1807                                                    <button
1808                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1809                                :class="{
1810                                    'opacity-100': active === 25
1811                                }"
1812                                @click="goTo(25, 25 > active ? 'next' : 'prev')"
1813                            >
1814                                <img
1815                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/trio2.jpg?w=60"
1816                                    alt="carousel chooser"
1817                                    class="w-14 h-14 object-cover"
1818                                    loading="lazy"
1819                                />
1820                            </button>
1821                                                    <button
1822                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1823                                :class="{
1824                                    'opacity-100': active === 26
1825                                }"
1826                                @click="goTo(26, 26 > active ? 'next' : 'prev')"
1827                            >
1828                                <img
1829                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/trio7.jpg?w=60"
1830                                    alt="carousel chooser"
1831                                    class="w-14 h-14 object-cover"
1832                                    loading="lazy"
1833                                />
1834                            </button>
1835                                                    <button
1836                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1837                                :class="{
1838                                    'opacity-100': active === 27
1839                                }"
1840                                @click="goTo(27, 27 > active ? 'next' : 'prev')"
1841                            >
1842                                <img
1843                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/waynewhite2.jpg?w=60"
1844                                    alt="carousel chooser"
1845                                    class="w-14 h-14 object-cover"
1846                                    loading="lazy"
1847                                />
1848                            </button>
1849                                                    <button
1850                                class="shrink-0 cursor-pointer opacity-50 transition-opacity"
1851                                :class="{
1852                                    'opacity-100': active === 28
1853                                }"
1854                                @click="goTo(28, 28 > active ? 'next' : 'prev')"
1855                            >
1856                                <img
1857                                    src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/wvstudio.jpg?w=60"
1858                                    alt="carousel chooser"
1859                                    class="w-14 h-14 object-cover"
1860                                    loading="lazy"
1861                                />
1862                            </button>
1863                                            </div>
1864                </div>
1865                        </div>
1866</div>
1867</div>
1868
1869            </div>
1870</section>
1871</div><div id="c6aa86933dfd18" class="component"><section
1872    id="page-section"
1873    style="--background-color: #bfbfbf; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
1874    class="page-section transition-all z-10 relative bg-(--background-color) bg-type-color 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"
1875>
1876    
1877    
1878    <div
1879        class="section-inner  opacity-0 translate-y-5 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"
1880        style="padding-block: 48px;"
1881                    x-data="{ shown: false }"
1882            x-cloak
1883            x-intersect.threshold-20.once="setTimeout(() => shown = true, 400)"
1884            :class="{ '!opacity-100 !translate-y-0': shown }"
1885                
1886    >
1887        <div id="c6aa86933db158" class="component"><div
1888    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"
1889    style=""
1890>
1891    <div class="text-option"><h2 class="ql-align-center"><span style="color: rgb(0, 0, 0);">WATCH MAGNIFICENT OBSESSION | FULL MUSIC DOCUMENTARY</span></h2></div>
1892</div>
1893</div><div id="c6aa86933de346" class="component"><div
1894    style=""
1895    x-data="{ fullscreen: false }"
1896>
1897    <div class="flex justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
1898                    <a href="https://www.youtube.com/watch?v=R8WIyrUNyyQ" target="_blank" class="relative">
1899                    <img
1900                src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/010bee87-9901-468e-92cc-a7e99b39c8e1_orig.png?w=1080"
1901                alt="RockTronix - Magnificent Obsession Music Documentary"
1902                class="resizeable-image lg:rounded-md md:rounded-md rounded-md "
1903                                            />
1904                    </a>
1905            </div>
1906        </div>
1907</div><div id="c6aa86933df6f3" class="component"><div class="column-container md:gap-6 md:flex" >
1908            <div
1909            class=" column relative  md:w-6/12"
1910            
1911                    >
1912            <div id="c6aa86933df5bb" class="component"><div
1913    class="flex justify-center"
1914    style=""
1915>
1916    <div class="transition-all lg:w-full md:w-full w-full lg:h-96 md:h-96 h-64 lg:rounded-md md:rounded-md rounded-md mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
1917        <iframe
1918            class="w-full h-full lg:rounded-md md:rounded-md rounded-md"
1919            src="https://www.youtube-nocookie.com/embed/R8WIyrUNyyQ"
1920            title="YouTube video player"
1921            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1922            allowfullscreen
1923        ></iframe>
1924            </div>
1925</div>
1926</div><div id="c6aa86933df62a" class="component"><div
1927    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"
1928    style=""
1929>
1930    <div class="text-option"><h2 class="ql-align-center"><a href="https://www.youtube.com/watch?v=R8WIyrUNyyQ" rel="noopener noreferrer" target="_blank" style="color: rgb(76, 170, 201); font-size: 18px;"><u>WATCH MAGNIFICENT OBSESSION</u></a><span style="color: rgb(0, 0, 0); font-size: 18px;">&nbsp;— FULL MUSIC DOCUMENTARY</span></h2><p class="ql-align-center"><br></p></div>
1931</div>
1932</div>
1933                    </div>
1934            <div
1935            class=" column relative  md:w-6/12"
1936            
1937                    >
1938            <div id="c6aa86933df67a" class="component"><div
1939    class="flex justify-center"
1940    style=""
1941>
1942    <div class="transition-all lg:w-full md:w-full w-full lg:h-96 md:h-96 h-64 lg:rounded-md md:rounded-md rounded-md mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
1943        <iframe
1944            class="w-full h-full lg:rounded-md md:rounded-md rounded-md"
1945            src="https://www.youtube-nocookie.com/embed/R3r22q1sTkk"
1946            title="YouTube video player"
1947            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1948            allowfullscreen
1949        ></iframe>
1950            </div>
1951</div>
1952</div><div id="c6aa86933df6bc" class="component"><div
1953    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"
1954    style=""
1955>
1956    <div class="text-option"><h2 class="ql-align-center"><strong style="color: rgb(0, 0, 0); font-size: 18px;">MAGNIFICENT OBSESSION — </strong><a href="https://www.youtube.com/watch?v=R3r22q1sTkk" rel="noopener noreferrer" target="_blank" style="color: rgb(76, 170, 201); font-size: 18px;"><strong><u>OFFICIAL TRAILER</u></strong></a></h2></div>
1957</div>
1958</div>
1959                    </div>
1960    </div>
1961</div><div id="c6aa86933dfcae" class="component"><div
1962    class="divider-component flex justify-center"
1963    style="--background-color: #C6CDD6;"
1964>
1965    <div class="divider-component-inner transition-all lg:w-full md:w-full w-full mt-2 mb-2 md:mt-4 md:mb-4 lg:mt-5 lg:mb-5">
1966        <div class="divider-component-line transition-all h-px lg:rounded-md md:rounded-md rounded-md bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none"></div>
1967    </div>
1968</div>
1969</div><div id="c6aa9d32db8d5c" class="component"><div class="column-container md:gap-6 md:flex" >
1970            <div
1971            class=" column relative  md:w-6/12"
1972            
1973                    >
1974            <div id="c6aa9d32db1e29" class="component"><div
1975    class=""
1976    style=""
1977>
1978    <div class="transition-all lg:w-full md:w-full w-full lg:h-96 md:h-96 h-64 lg:rounded-md md:rounded-md rounded-md mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
1979        <iframe
1980            class="w-full h-full lg:rounded-md md:rounded-md rounded-md"
1981            src="https://www.youtube-nocookie.com/embed/kvCJFIeJUfo"
1982            title="YouTube video player"
1983            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
1984            allowfullscreen
1985        ></iframe>
1986            </div>
1987</div>
1988</div><div id="c6aa9d3d81fa65" class="component"><div
1989    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"
1990    style=""
1991>
1992    <div class="text-option"><p class="ql-align-center"><a href="https://www.youtube.com/watch?v=kvCJFIeJUfo" rel="noopener noreferrer" target="_blank" style="color: rgb(224, 92, 92);"><strong>THE CALLING</strong></a><a href="https://www.youtube.com/watch?v=kvCJFIeJUfo" rel="noopener noreferrer" target="_blank" style="color: rgb(0, 0, 0);"><strong> (MUSIC VIDEO)</strong></a></p></div>
1993</div>
1994</div>
1995                    </div>
1996            <div
1997            class=" column relative  md:w-6/12"
1998            
1999                    >
2000            <div id="c6aa9d324e5cfd" class="component"><div
2001    class=""
2002    style=""
2003>
2004    <div class="transition-all lg:w-full md:w-full w-full lg:h-96 md:h-96 h-64 lg:rounded-md md:rounded-md rounded-md mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
2005        <iframe
2006            class="w-full h-full lg:rounded-md md:rounded-md rounded-md"
2007            src="https://www.youtube-nocookie.com/embed/qDVwDmi91pw"
2008            title="YouTube video player"
2009            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
2010            allowfullscreen
2011        ></iframe>
2012            </div>
2013</div>
2014</div><div id="c6aa9d375b262e" class="component"><div
2015    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"
2016    style=""
2017>
2018    <div class="text-option"><p class="ql-align-center"><a href="https://www.youtube.com/watch?v=qDVwDmi91pw" rel="noopener noreferrer" target="_blank" style="color: rgb(218, 68, 68);"><strong>WHEN I BECOME A BUTTERFLY</strong></a><strong style="color: rgb(0, 0, 0);">&nbsp;(MUSIC VIDEO)</strong></p></div>
2019</div>
2020</div>
2021                    </div>
2022    </div>
2023</div><div id="c6aac37dd1e0cd" class="component"><div
2024    class="flex justify-center"
2025    style="--background-color: var(--color-primary-main); --hover-background-color: var(--color-primary-light);"
2026>
2027    <a
2028        href="/photos"
2029                class="art-button transition-all text-center inline-block button-standard   mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5 w-full md:w-auto lg:w-auto lg:button-medium md:button-medium button-small"
2030    >
2031        Watch More Videos
2032    </a>
2033</div>
2034</div>
2035
2036            </div>
2037</section>
2038</div><div id="c6aa86933eed97" class="component"><section
2039    id="page-section"
2040    style="--gradient-from-color: #dedddd; --gradient-to-color: #fcfcfc; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
2041    class="page-section transition-all z-10 relative bg-gradient-to-b from-(--gradient-from-color) to-(--gradient-to-color) bg-type-gradient hover:bg-type-none group-hover:bg-type-none lg:rou
2041nded-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"
2042>
2043    
2044    
2045    <div
2046        class="section-inner  opacity-0 translate-y-5 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"
2047        style="padding-block: 48px;"
2048                    x-data="{ shown: false }"
2049            x-cloak
2050            x-intersect.threshold-20.once="setTimeout(() => shown = true, 400)"
2051            :class="{ '!opacity-100 !translate-y-0': shown }"
2052                
2053    >
2054        <div id="c6aa86933eae08" class="component"><div style="height: 15px"></div>
2055</div><div id="c6aa86933eae7e" class="component"><div
2056    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"
2057    style=""
2058>
2059    <div class="text-option"><h2 class="ql-align-center"><u><span>&#65279;</span><span style="font-size:32px;">CREDITS:</span><span>&#65279;</span></u></h2></div>
2060</div>
2061</div><div id="c6aa86933ee940" class="component"><div
2062    style=""
2063    x-data="{ fullscreen: false }"
2064>
2065    <div class="flex justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
2066                    <img
2067                src="//cdn1.artcltn.com/storage/34351/01a0a1da-bc3d-739c-ba32-6bd85cdb622c/logo-whitebackground_orig.jpg?w=1080"
2068                alt="The RockTronix Logo"
2069                class="resizeable-image lg:rounded-md md:rounded-md rounded-md "
2070                                            />
2071            </div>
2072        </div>
2073</div><div id="c6aa86933eed29" class="component"><div class="column-container md:gap-6 md:flex" >
2074            <div
2075            class=" column relative  md:w-4/12"
2076            
2077                    >
2078            <div id="c6aa86933ee9ac" class="component"><div
2079    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"
2080    style=""
2081>
2082    <div class="text-option"><div class="ql-align-left"><span style="font-size:13px;">BLUE CANOE DIGITAL PRESENTS</span></div></div>
2083</div>
2084</div><div id="c6aa86933ee9f0" class="component"><div
2085    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"
2086    style=""
2087>
2088    <div class="text-option"><div class="ql-align-left"><span style="font-size:13px;">DIRECTED BY<strong>: </strong></span><span style="font-weight:bold"><span style="font-size:13px;">ROBERT PAUL</span></span></div></div>
2089</div>
2090</div><div id="c6aa86933eea2c" class="component"><div
2091    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"
2092    style=""
2093>
2094    <div class="text-option"><div class="ql-align-left"><span style="font-size:13px;">MUSIC BY<strong>:&nbsp;</strong></span><strong><span style="font-size:13px;">THE ROCKTRONIX</span></strong></div></div>
2095</div>
2096</div><div id="c6aa86933eea96" class="component"><div
2097    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"
2098    style=""
2099>
2100    <div class="text-option"><div class="ql-align-left"><span style="font-size:13px;">STARRING<u>&#8203;</u><strong>:&nbsp;</strong></span><br /><strong><span style="font-size:13px;"><u><a href="https://www.wayneviar.com" target="_blank">WAYNE VIAR</a></u>&nbsp;(drums)<br /><u><a href="http://www.JosephPatrickMoore.com" target="_blank">JOSEPH PATRICK MOORE</a>&nbsp;</u>(bass)<br /><u><a href="https://www.youtube.com/@cblackwell781" target="_blank">CHRIS BLACKWELL</a></u>&nbsp;(guitar)</span></strong></div></div>
2101</div>
2102</div><div id="c6aa86933eead2" class="component"><div
2103    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"
2104    style=""
2105>
2106    <div class="text-option"><div class="ql-align-left"><span style="font-size:13px;">CO-STARRING<strong>:&nbsp;</strong></span><strong><span style="font-size:13px;">RUSH ANDERSON</span></strong></div></div>
2107</div>
2108</div>
2109                    </div>
2110            <div
2111            class=" column relative  md:w-4/12"
2112            
2113                    >
2114            <div id="c6aa86933eeb36" class="component"><div
2115    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"
2116    style=""
2117>
2118    <div class="text-option"><p><span style="color: rgb(0, 0, 0);">I</span><strong style="color: rgb(0, 0, 0);">N ASSOCIATION WITH</strong></p><p><span style="color: rgb(0, 0, 0);">Blue Canoe Records</span></p></div>
2119</div>
2120</div><div id="c6aa86933eeb82" class="component"><div
2121    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"
2122    style=""
2123>
2124    <div class="text-option"><div class="ql-align-left"><span style="font-size:13px;">EXECUTIVE PRODUCER:&nbsp;</span><strong><span style="font-size:13px;">BCD &amp; JPM</span></strong></div></div>
2125</div>
2126</div><div id="c6aa86933eebc7" class="component"><div
2127    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"
2128    style=""
2129>
2130    <div class="text-option"><div class="ql-align-left"><span style="font-size:13px;">PRODUCED BY<strong>: <a href="http://www.JosephPatrickMoore.com" target="_blank">JPM</a></strong></span></div></div>
2131</div>
2132</div><div id="c6aa86933eebfd" class="component"><div
2133    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"
2134    style=""
2135>
2136    <div class="text-option"><div class="ql-align-left"><span style="font-size:13px;">FILM EDITED BY<strong>:&nbsp;</strong></span><strong><span style="font-size:13px;">JPM, ROBERT PAUL</span></strong></div></div>
2137</div>
2138</div><div id="c6aa86933eec31" class="component"><div
2139    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"
2140    style=""
2141>
2142    <div class="text-option"><div class="ql-align-left"><span style="font-size:13px;">VIDEOGRAPHER<strong>:&nbsp;</strong></span><strong><span style="font-size:13px;">BOB CARTER, JUSTIN ROGERS, JAKE GOODMAN</span></strong></div></div>
2143</div>
2144</div>
2145                    </div>
2146            <div
2147            class=" column relative  md:w-4/12"
2148            
2149                    >
2150            <div id="c6aa86933eec84" class="component"><div
2151    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"
2152    style=""
2153>
2154    <div class="text-option"><div class="ql-align-left"><span style="font-size:13px;"><a href="https://www.josephpatrickmoore.com/the-rocktronix---magnificent-obsession.html" target="_blank"><strong>THE ROCKTRONIX</strong> </a>- MAGNIFICENT OBSESSION</span></div></div>
2155</div>
2156</div><div id="c6aa86933eecbb" class="component"><div
2157    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"
2158    style=""
2159>
2160    <div class="text-option"><div class="ql-align-left"><span style="font-size:13px;">SOUND EDITOR/MIXER<strong>:&nbsp;</strong></span><strong><span style="font-size:13px;">RUSH ANDERSON</span></strong></div></div>
2161</div>
2162</div><div id="c6aa86933eeced" class="component"><div
2163    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"
2164    style=""
2165>
2166    <div class="text-option"><div class="ql-align-left"><span style="font-size:13px;">MASTERED BY<strong>:&nbsp;</strong></span><strong><span style="font-size:13px;">KEN LOVE</span></strong></div></div>
2167</div>
2168</div>
2169                    </div>
2170    </div>
2171</div>
2172
2173            </div>
2174</section>
2175</div>
2176</div>
2177</div>
2178            </main>
2179            <footer>
2180                <div class="footer-inner">
2181                    <div id="c6aa86925e59d2" class="component"><section
2182    id="page-section"
2183    style="--text-color: #ffffff; --background-color: #222121; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
2184    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
2184nded-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"
2185>
2186    
2187    
2188    <div
2189        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"
2190        style="padding-block: 48px;"
2191                
2192    >
2193        <div id="c6aa86936018db" class="component"><div class="column-container md:gap-18 md:flex" >
2194            <div
2195            class=" column relative  md:w-1/12"
2196            
2197                    >
2198            <div id="c6aaeeb8b14029" class="component"><div
2199    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"
2200    style=""
2201>
2202    <div class="text-option"><p><a href="https://www.magnificentobsessionmovie.com">Watch</a></p></div>
2203</div>
2204</div>
2205                    </div>
2206            <div
2207            class=" column relative  md:w-1/12"
2208            
2209                    >
2210            <div id="c6aaeebadd0bba" class="component"><div
2211    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"
2212    style=""
2213>
2214    <div class="text-option"><p><a href="https://www.magnificentobsessionmovie.com/the-album">Album</a></p></div>
2215</div>
2216</div>
2217                    </div>
2218            <div
2219            class=" column relative  md:w-1/12"
2220            
2221                    >
2222            <div id="c6aaeebcd86d7c" class="component"><div
2223    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"
2224    style=""
2225>
2226    <div class="text-option"><p><a href="https://www.magnificentobsessionmovie.com/shop">Shop</a></p></div>
2227</div>
2228</div>
2229                    </div>
2230            <div
2231            class=" column relative  md:w-1/12"
2232            
2233                    >
2234            <div id="c6aaeebf0d08c5" class="component"><div
2235    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"
2236    style=""
2237>
2238    <div class="text-option"><p><a href="https://www.magnificentobsessionmovie.com/cast-crew">Cast &amp; Crew</a></p></div>
2239</div>
2240</div>
2241                    </div>
2242            <div
2243            class=" column relative  md:w-2/12"
2244            
2245                    >
2246            <div id="c6aaeec06d0e2d" class="component"><div
2247    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"
2248    style=""
2249>
2250    <div class="text-option"><p><a href="https://www.magnificentobsessionmovie.com/directors-note">Director's Note</a></p></div>
2251</div>
2252</div>
2253                    </div>
2254            <div
2255            class=" column relative  md:w-1/12"
2256            
2257                    >
2258            <div id="c6aaeec3073c26" class="component"><div
2259    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"
2260    style=""
2261>
2262    <div class="text-option"><p><a href="https://www.magnificentobsessionmovie.com/photos">Videos &amp; Photos</a></p></div>
2263</div>
2264</div>
2265                    </div>
2266            <div
2267            class=" column relative  md:w-2/12"
2268            
2269                    >
2270            <div id="c6aa86936018ba" class="component"><div
2271    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"
2272    style=""
2273>
2274    <div class="text-option"><div class="ql-align-left"><span style="font-size:13px;"><a href="https://www.josephpatrickmoore.com/the-rocktronix---magnificent-obsession.html" target="_blank">THEROCKTRONIX.COM</a></span></div></div>
2275</div>
2276</div>
2277                    </div>
2278    </div>
2279</div><div id="c6aaeec8496034" class="component"><div
2280    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"
2281    style=""
2282>
2283    <div class="text-option"><p class="ql-align-center">​©&nbsp;2014 - 2026 &nbsp;Abstract Truth | All Rights Reserved</p></div>
2284</div>
2285</div>
2286
2287            </div>
2288</section>
2289</div>
2290                </div>
2291            </footer>
2292        </div>
2293    </div>
2294    
2295<script type='text/javascript'>var _merchantSettings=_merchantSettings || [];_merchantSettings.push(['AT', '1010l3Id']);(function(){var autolink=document.createElement('script');autolink.type='text/javascript';autolink.async=true; autolink.src= ('https:' == document.location.protocol) ? 'https://autolinkmaker.itunes.apple.com/js/itunes_autolinkmaker.js' : 'http://autolinkmaker.itunes.apple.com/js/itunes_autolinkmaker.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(autolink, s);})();</script>
2295
2296
2297  
2297<script src="https://cdn.vhx.tv/assets/api.js" data-vhx-site="magnificentobsession.vhx.tv"></script>
2297
2298
2299<meta name="google-site-verification" content="r1O8iEzce-EPTLGkA8L_PLhZdj5jVkHsx9X41afwyX8" />
2300
2301<script>
vendor: 338 bytes, lines 2301-2306
2301
2302  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
2303  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
2304  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
2305  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
2306  ga('create', '
2306UA-53646225-1
vendor: 39 bytes, lines 2306-2308
2306', 'auto');
2307  ga('send', 'pageview');
2308
2309</script>
2309<div
2310    x-transition
2311    x-show="$store.commerceCart.totalQuantity > 0 && !$store.nav.mobile"
2312    x-data
2313    class="z-50 fixed flex p-5 right-0 bottom-0"
2314>
2315    <a href="/c/cart">
2316        <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)">
2317            <svg class="w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2318  <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"/>
2319</svg>
2320            <p class="pl-1"
2321                x-text="$store.commerceCart.totalQuantity">
2322            </p>
2323        </span>
2324    </a>
2325</div>
2326</body>
2327
2328</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.