PageSourceSearch

http://dearecords.it/public-site/about.html

html dearecords.it collected 2026-10-02 12:34:58 UTC 52,312 bytes, 1,712 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    
7    <title>About DEA Records · Public Music Platform</title>
8
9    <meta name="description" content="DEA Records creates atmospheres for body, mind and soul. Discover our public music platform, artists, moods, playlists and listening paths.">
10    <meta name="robots" content="index, follow, max-image-preview:large">
11    <link rel="canonical" href="https://dearecords.it/public-site/about.html">
12
13    <meta property="og:site_name" content="DEA Records">
14    <meta property="og:title" content="About DEA Records · Public Music Platform">
15    <meta property="og:description" content="DEA Records creates atmospheres for body, mind and soul. Discover our public music platform, artists, moods, playlists and listening paths.">
16    <meta property="og:type" content="website">
17    <meta property="og:url" content="https://dearecords.it/public-site/about.html">
18    <meta property="og:image" content="https://dearec
18ords.it/public-site/assets/cover-placeholder.png">
19    <meta property="og:image:alt" content="About DEA Records · Public Music Platform">
20
21    <meta name="twitter:card" content="summary_large_image">
22    <meta name="twitter:title" content="About DEA Records · Public Music Platform">
23    <meta name="twitter:description" content="DEA Records creates atmospheres for body, mind and soul. Discover our public music platform, artists, moods, playlists and listening paths.">
24    <meta name="twitter:image" content="https://dearecords.it/public-site/assets/cover-placeholder.png">
25
26    <meta name="theme-color" content="#070b10">
27    <meta name="format-detection" content="telephone=no">
28
29    
29<script type="application/ld+json">
30    
31    {
32        "@context": "https://schema.org",
33        "@type": "Organization",
34        "name": "DEA Records",
35        "url": "https://dearecords.it",
36        "logo": "https://dearecords.it/public-site/assets/cover-placeholder.png",
37        "description": "DEA Records creates atmospheres for wellness, relaxation, body and mind."
38    }
39    
40    </script>
40
41    
42
43
44    <!-- Google Tag Manager - DEA Records -->
45    
45<script>
vendor: 463 bytes, lines 45-58
45
46    (function(w,d,s,l,i){
47        w[l]=w[l]||[];
48        w[l].push({
49            'gtm.start': new Date().getTime(),
50            event: 'gtm.js'
51        });
52        var f=d.getElementsByTagName(s)[0],
53            j=d.createElement(s),
54            dl=l!='dataLayer'?'&l='+l:'';
55        j.async=true;
56        j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
57        f.parentNode.insertBefore(j,f);
58    })(window,document,'script','dataLayer','
58GTM-MGJNTGS
vendor: 9 bytes, lines 58-59
58');
59    
59</script>
59
60    <!-- End Google Tag Manager -->
61
62    <link rel="stylesheet" href="/public-site/assets/public-overrides.css?v=12">
63
64    <style>
65        :root {
66            --bg:#050608;
67            --bg-soft:#0a0d12;
68            --panel:#141920;
69            --panel-2:#181d25;
70            --line:rgba(255,255,255,.10);
71            --line-strong:rgba(255,255,255,.18);
72            --text:#f6f4ef;
73            --muted:#b8bec8;
74            --muted-2:#7f8794;
75            --orange:#ff650f;
76            --orange-2:#ff9b2c;
77            --blue:#2ea7ff;
78            --max:1760px;
79            --page-pad:clamp(22px, 3.2vw, 64px);
80        }
81
82        * {
83            box-sizing:border-box;
84        }
85
86        html,
87        body {
88            margin:0;
89            min-height:100%;
90            background:
91                radial-gradient(circle at 84% 10%, rgba(23,92,170,.20), transparent 28%),
92                radial-gradient(circle at 12% 2%, rgba(255,101,15,.09), transparent 20%),
93                linear-gradient(180deg,#050608 0%,#080c12 52%,#050608 100%);
94            color:var(--text);
95            font-family:"Inter","Helvetica Neue",Arial,sans-serif;
96            -webkit-font-smoothing:antialiased;
97            text-rendering:optimizeLegibility;
98            overflow-x:hidden;
99        }
100
101        body::before {
102            content:"";
103            position:fixed;
104            inset:0;
105            z-index:0;
106            pointer-events:none;
107            background:
108                radial-gradient(circle at 70% 20%, rgba(46,167,255,.08), transparent 30%),
109                repeating-linear-gradient(
110                    100deg,
111                    rgba(255,255,255,.014) 0px,
112                    rgba(255,255,255,.014) 1px,
113                    transparent 1px,
114                    transparent 8px
115                );
116            opacity:.55;
117            mask-image:linear-gradient(to bottom, rgba(0,0,0,.82), transparent 72%);
118        }
119
120        a {
121            color:inherit;
122        }
123
124        .topbar {
125            position:sticky;
126            top:0;
127            z-index:1000;
128            background:rgba(5,6,8,.94);
129            backdrop-filter:blur(14px);
130            -webkit-backdrop-filter:blur(14px);
131            border-bottom:1px solid var(--line);
132        }
133
134        .topbar-inner {
135            max-width:var(--max);
136            height:76px;
137            margin:0 auto;
138            padding:0 var(--page-pad);
139            display:grid;
140            grid-template-columns:230px minmax(0,1fr) 46px;
141            align-items:center;
142            gap:24px;
143        }
144
145        .brand {
146            display:flex;
147            align-items:center;
148            justify-content:flex-start;
149            height:76px;
150            min-width:0;
151            text-decoration:none;
152        }
153
154        .brand img {
155            display:block;
156            width:171px;
157            height:auto;
158            max-height:52px;
159            object-fit:contain;
160            object-position:left center;
161            background:transparent;
162        }
163
164        .brand-fallback {
165            display:none;
166            align-items:flex-start;
167            justify-content:center;
168            flex-direction:column;
169            line-height:1;
170        }
171
172        .brand-fallback strong {
173            color:#ff1d1d;
174            font-size:32px;
175            font-weight:900;
176            letter-spacing:.04em;
177        }
178
179        .brand-fallback span {
180            color:#fff;
181            font-size:11px;
182            text-transform:uppercase;
183            letter-spacing:.22em;
184            margin-top:4px;
185        }
186
187        .nav-links {
188            height:76px;
189            display:flex;
190            align-items:center;
191            justify-content:center;
192            gap:28px;
193            min-width:0;
194        }
195
196        .nav-links a {
197            position:relative;
198            display:inline-flex;
199            align-items:center;
200            justify-content:center;
201            height:76px;
202            color:#f4f5f7;
203            text-decoration:none;
204            font-size:14px;
205            line-height:1;
206            font-weight:800;
207            letter-spacing:-.01em;
208            white-space:nowrap;
209            transition:.16s ease;
210        }
211
212        .nav-links a:hover {
213            color:#fff;
214        }
215
216        .nav-links a.is-active::after,
217        .nav-links a:hover::after {
218            content:"";
219            position:absolute;
220            left:50%;
221            bottom:8px;
222            width:42px;
223            height:4px;
224            transform:translateX(-50%);
225            border-radius:999px;
226            background:var(--orange);
227            box-shadow:0 0 18px rgba(255,101,15,.55);
228        }
229
230        .mobile-menu-toggle {
231            display:none;
232            width:44px;
233            height:44px;
234            align-items:center;
235            justify-content:center;
236            border-radius:14px;
237            border:1px solid rgba(255,255,255,.18);
238            background:rgba(255,255,255,.06);
239            color:#fff;
240            font-size:24px;
241            font-weight:900;
242            line-height:1;
243            cursor:pointer;
244        }
245
246        .site-shell {
247            position:relative;
248            z-index:1;
249            max-width:var(--max);
250            margin:0 auto;
251            padding:0 var(--page-pad) 14px;
252        }
253
254        .btn {
255            display:inline-flex;
256            align-items:center;
257            justify-content:center;
258            min-height:44px;
259            padding:0 20px;
260            border-radius:10px;
261            border:1px solid rgba(255,255,255,.28);
262            background:rgba(255,255,255,.035);
263            color:#fff;
264            text-decoration:none;
265            font-size:14px;
266            line-height:1;
267            transition:.16s ease;
268        }
269
270        .btn:hover {
271            transform:translateY(-1px);
272            border-color:rgba(46,167,255,.65);
273            background:rgba(255,255,255,.07);
274        }
275
276        .btn-primary {
277            border-color:transparent;
278            background:linear-gradient(135deg,var(--orange),var(--orange-2));
279            box-shadow:0 14px 30px rgba(255,101,15,.20);
280        }
281
282        .btn-primary:hover {
283            border-color:transparent;
284            background:linear-gradient(135deg,#ff741d,#ff9a2d);
285        }
286
287        .section {
288            margin-top:0;
289            padding:14px 0 16px;
290            border-bottom:1px solid var(--line);
291        }
292
293        .section h2 {
294            margin:0 0 10px;
295            font-size:20px;
296            line-height:1.1;
297            font-weight:900;
298            letter-spacing:-.02em;
299        }
300
301        .muted {
302            color:var(--muted);
303            line-height:1.45;
304            font-size:13px;
305        }
306
307        .pill {
308            display:inline-flex;
309            align-items:center;
310            justify-content:center;
311            min-height:22px;
312            padding:0 8px;
313            border-radius:999px;
314            background:rgba(46,167,255,.13);
315            color:#b9dcff;
316            border:1px solid rgba(46,167,255,.22);
317            font-size:11px;
318            font-weight:800;
319            margin:3px 5px 0 0;
320        }
321
322        .link-list {
323            display:grid;
324            gap:10px;
325        }
326
327        .link-row {
328            display:flex;
329            align-items:center;
330            justify-content:space-between;
331            gap:16px;
332            padding:12px 14px;
333            border-radius:10px;
334            border:1px solid var(--line);
335            background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.045));
336            color:#fff;
337            text-decoration:none;
338            transition:.16s ease;
339        }
340
341        .link-row:hover {
342            transform:translateX(2px);
343            border-color:rgba(46,167,255,.52);
344        }
345
346        .dea-global-fan-banner {
347            position: relative;
348            z-index: 1;
349            width: min(100% - 40px, 1080px);
350            max-width: 1080px;
351            margin: 28px auto 18px;
352            padding: 18px 22px;
353            border-radius: 18px;
354            border: 1px solid rgba(255,255,255,.14);
355            background:
356                radial-gradient(circle at 0% 50%, rgba(255,101,15,.18), transparent 34%),
357                radial-gradient(circle at 100% 20%, rgba(46,167,255,.15), transparent 36%),
358                linear-gradient(135deg, rgba(255,255,255,.060), rgba(255,255,255,.030));
359            box-shadow: 0 16px 38px rgba(0,0,0,.20);
360            display: grid;
361            grid-template-columns: minmax(0,1fr) auto;
362            gap: 18px;
363            align-items: center;
364            overflow: hidden;
365        }
366
367        .dea-global-fan-kicker {
368            color: var(--blue);
369            text-transform: uppercase;
370            letter-spacing: .26em;
371            font-size: 10px;
372            font-weight: 950;
373            margin-bottom: 5px;
374        }
375
376        .dea-global-fan-copy h2 {
377            margin: 0;
378            color: #ffffff;
379            font-family: Georgia, "Times New Roman", serif;
380            font-size: clamp(22px, 2.2vw, 32px);
381            line-height: .95;
382            letter-spacing: -.05em;
383            font-weight: 700;
384        }
385
386        .dea-global-fan-copy h2 span {
387            color: var(--orange);
388            font-style: italic;
389            font-weight: 500;
390        }
391
392        .dea-global-fan-copy p {
393            max-width: 640px;
394            margin: 7px 0 0;
395            color: rgba(255,255,255,.72);
396            font-size: 12px;
397            line-height: 1.35;
398        }
399
400        .dea-global-fan-actions {
401            display: flex;
402            flex-wrap: wrap;
403            gap: 8px;
404            justify-content: flex-end;
405            align-items: center;
406        }
407
408        .dea-global-fan-primary,
409        .dea-global-fan-secondary {
410            min-height: 34px;
411            display: inline-flex;
412            align-items: center;
413            justify-content: center;
414            padding: 0 12px;
415            border-radius: 10px;
416            text-decoration: none;
417            font-size: 11px;
418            font-weight: 950;
419            white-space: nowrap;
420        }
421
422        .dea-global-fan-primary {
423            background: linear-gradient(135deg,var(--orange),var(--orange-2));
424            color: #ffffff;
425            box-shadow: 0 10px 22px rgba(255,101,15,.22);
426        }
427
428        .dea-global-fan-secondary {
429            border: 1px solid rgba(255,255,255,.24);
430            background: rgba(255,255,255,.045);
431            color: #ffffff;
432        }
433
434        .mh-section-head > a,
435        .artists-cluster-head > a,
436        .playlist-cluster-head > a,
437        .release-section-head > a,
438        .reels-section-head > a,
439        .links-section-head > a,
440        .mood-detail-head > a,
441        a.dea-section-nav-link {
442            color: var(--orange) !important;
443            font-size: 16px !important;
444            line-height: 1.1 !important;
445            font-weight: 950 !important;
446            letter-spacing: -0.01em !important;
447            text-decoration: none !important;
448        }
449
450        .mh-section-head > a:hover,
451        .artists-cluster-head > a:hover,
452        .playlist-cluster-head > a:hover,
453        .release-section-head > a:hover,
454        .reels-section-head > a:hover,
455        .links-section-head > a:hover,
456        .mood-detail-head > a:hover,
457        a.dea-section-nav-link:hover {
458            color: var(--orange-2) !important;
459            text-decoration: none !important;
460        }
461
462        @media (max-width: 980px) {
463            .dea-global-fan-banner {
464                width: auto;
465                margin: 24px var(--page-pad) 18px;
466                grid-template-columns: 1fr;
467                gap: 14px;
468                padding: 18px;
469            }
470
471            .dea-global-fan-actions {
472                justify-content: flex-start;
473            }
474        }
475
476        @media (max-width: 620px) {
477            .dea-global-fan-banner {
478                margin-top: 22px;
479                border-radius: 18px;
480                padding: 18px 14px;
481            }
482
483            .dea-global-fan-copy h2 {
484                font-size: 28px;
485            }
486
487            .dea-global-fan-copy p {
488                font-size: 12px;
489            }
490
491            .dea-global-fan-actions {
492                display: grid;
493                grid-template-columns: 1fr;
494                gap: 8px;
495            }
496
497            .dea-global-fan-primary,
498            .dea-global-fan-secondary {
499                width: 100%;
500                min-height: 40px;
501                font-size: 12px;
502            }
503        }
504
505        .footer {
506            max-width:var(--max);
507            margin:0 auto;
508            display:grid;
509            grid-template-columns:1.35fr .75fr .75fr .75fr .85fr;
510            gap:28px;
511            padding:22px var(--page-pad) 16px;
512            border-top:1px solid rgba(255,255,255,.08);
513            color:var(--muted);
514            font-size:13px;
515        }
516
517        .footer-logo {
518            display:block;
519            width:150px;
520            max-height:46px;
521            object-fit:contain;
522            object-position:left center;
523            margin-bottom:8px;
524            background:transparent;
525        }
526
527        .footer-brand-block {
528            min-width:0;
529        }
530
531        .footer-since {
532            margin-top:6px;
533            color:#d9e2ee;
534            font-size:13px;
535            line-height:1.35;
536            font-weight:400;
537            letter-spacing:0;
538            white-space:nowrap;
539            max-width:none;
540        }
541
542        .footer h4 {
543            margin:0 0 8px;
544            color:#d7dbe2;
545            font-size:12px;
546            letter-spacing:.13em;
547            text-transform:uppercase;
548            font-weight:800;
549        }
550
551        .footer a {
552            display:block;
553            color:var(--muted);
554            text-decoration:none;
555            margin:5px 0;
556        }
557
558        .footer a:hover {
559            color:#fff;
560        }
561
562        .social-row {
563            display:flex;
564            align-items:center;
565            gap:12px;
566            flex-wrap:wrap;
567        }
568
569        .social-dot {
570            width:36px;
571            height:36px;
572            border-radius:50%;
573            border:1px solid rgba(46,167,255,.55);
574            color:var(--blue);
575            display:flex;
576            align-items:center;
577            justify-content:center;
578            font-size:14px;
579            font-weight:900;
580            text-decoration:none;
581        }
582
583        .copyright {
584            max-width:var(--max);
585            margin:0 auto;
586            display:flex;
587            align-items:center;
588            justify-content:flex-start;
589            gap:20px;
590            color:var(--muted-2);
591            font-size:12px;
592            padding:0 var(--page-pad) 16px;
593        }
594
595        @media (min-width: 1700px) {
596            :root {
597                --max:1600px;
598                --page-pad:88px;
599            }
600        }
601
602        @media (max-width: 1180px) {
603            :root {
604                --page-pad:18px;
605            }
606
607            .topbar-inner {
608                grid-template-columns:190px minmax(0,1fr) 46px;
609                gap:16px;
610            }
611
612            .brand img {
613                width:160px;
614                max-height:52px;
615            }
616
617            .nav-links {
618                gap:18px;
619            }
620
621            .footer {
622                grid-template-columns:1fr 1fr;
623            }
624        }
625
626        /* ======================================================
627           DEA PUBLIC SITE TRUE MOBILE NAV
628        ====================================================== */
629
630        @media (max-width: 860px) {
631            html,
632            body {
633                max-width:100%;
634                overflow-x:hidden;
635            }
636
637            .topbar-inner {
638                height:auto;
639                min-height:72px;
640                padding-top:10px;
641                padding-bottom:10px;
642                display:grid;
643                grid-template-columns:minmax(0,1fr) 46px;
644                align-items:center;
645                gap:12px;
646            }
647
648            .brand {
649                height:auto;
650                min-width:0;
651            }
652
653            .brand img {
654                width:155px;
655                max-height:52px;
656            }
657
658            .mobile-menu-toggle {
659    display:none !important;
660}
661
662            .nav-links {
663    display:flex;
664    grid-column:1 / -1;
665    width:100%;
666    height:auto;
667    padding-top:10px;
668    gap:8px;
669    justify-content:flex-start;
670    align-items:center;
671    overflow-x:auto;
672    overflow-y:hidden;
673    -webkit-overflow-scrolling:touch;
674    scrollbar-width:none;
675}
676
677.nav-links::-webkit-scrollbar {
678    display:none;
679}
680
681body.mobile-menu-open .nav-links {
682    display:flex;
683}
684
685            .nav-links a {
686                height:40px;
687                min-height:40px;
688                padding:0 10px;
689                border-radius:12px;
690                border:1px solid rgba(255,255,255,.10);
691                background:rgba(255,255,255,.055);
692                color:#fff;
693                font-size:13px;
694                font-weight:900;
695            }
696
697            .nav-links a.is-active,
698            .nav-links a:hover {
699                border-color:rgba(255,101,15,.58);
700                background:rgba(255,101,15,.20);
701            }
702
703            .nav-links a.is-active::after,
704            .nav-links a:hover::after {
705                display:none;
706            }
707
708            .site-shell {
709                padding-left:16px;
710                padding-right:16px;
711            }
712
713            .footer {
714                grid-template-columns:1fr;
715            }
716
717            .footer-since {
718                white-space:normal;
719            }
720
721            .copyright {
722                flex-direction:column;
723                align-items:flex-start;
724            }
725        }
726
727        /* ======================================================
728           DEA PUBLIC SITE COMPACT OVERRIDE
729           Riduce hero e box iniziali su desktop e mobile
730        ====================================================== */
731
732        .hero,
733        .releases-hero,
734        .reels-hero,
735        .playlists-hero,
736        .artist-hero,
737        .pa-hero,
738        .bl-hero {
739            min-height:auto !important;
740            padding-top:28px !important;
741            padding-bottom:28px !important;
742        }
743
744        .hero h1,
745        .releases-hero h1,
746        .reels-hero h1,
747        .playlists-hero h1,
748        .artist-hero h1,
749        .pa-hero h1,
750        .bl-title {
751            font-size:clamp(38px, 5vw, 72px) !important;
752            line-height:.94 !important;
753            margin-bottom:10px !important;
754        }
755
756        .hero p,
757        .releases-hero p,
758        .reels-hero p,
759        .playlists-hero p,
760        .artist-hero p,
761        .pa-hero p,
762        .bl-lead {
763            font-size:14px !important;
764            line-height:1.42 !important;
765            margin-top:10px !important;
766        }
767
768        .cover-card,
769        .reels-hero-panel,
770        .playlists-hero-card,
771        .releases-hero-card,
772        .pa-hero-card,
773        .bl-callout {
774            padding:18px !important;
775            border-radius:20px !important;
776        }
777
778        .section,
779        .release-section,
780        .reels-section,
781        .bl-section {
782            padding-top:26px !important;
783        }
784
785        /* ======================================================
786           DEA PUBLIC SITE MOBILE SAFETY OVERRIDES
787        ====================================================== */
788
789        @media (max-width: 760px) {
790            main,
791            .site-shell,
792            .section,
793            .public-main,
794            .page-wrap {
795                max-width:100%;
796                overflow-x:hidden;
797            }
798
799            img,
800            video,
801            iframe {
802                max-width:100%;
803            }
804
805            .hero,
806            .releases-hero,
807            .reels-hero,
808            .playlists-hero,
809            .artist-hero,
810            .pa-hero,
811            .bl-hero {
812                display:block !important;
813                padding-top:18px !important;
814                padding-bottom:18px !important;
815                min-height:auto !important;
816                overflow:hidden !important;
817            }
818
819            .hero h1,
820            .releases-hero h1,
821            .reels-hero h1,
822            .playlists-hero h1,
823            .artist-hero h1,
824            .pa-hero h1,
825            .bl-title {
826                font-size:36px !important;
827                line-height:.96 !important;
828                letter-spacing:-.04em !important;
829                max-width:100% !important;
830                overflow-wrap:break-word !important;
831            }
832
833            .hero p,
834            .releases-hero p,
835            .reels-hero p,
836            .playlists-hero p,
837            .artist-hero p,
838            .pa-hero p,
839            .bl-lead {
840                font-size:13px !important;
841                line-height:1.36 !important;
842                max-width:100% !important;
843            }
844
845            .actions,
846            .reels-actions,
847            .releases-hero-actions,
848            .bl-actions {
849                display:grid !important;
850                grid-template-columns:1fr !important;
851                gap:8px !important;
852                margin-top:14px !important;
853                width:100% !important;
854            }
855
856            .btn,
857            .btn-primary {
858                min-height:38px !important;
859                padding:0 12px !important;
860                font-size:12px !important;
861                width:100%;
862                max-width:100%;
863                justify-content:center;
864            }
865
866            .cover-card,
867            .reels-hero-panel,
868            .playlists-hero-card,
869            .releases-hero-card,
870            .pa-hero-card,
871            .bl-callout {
872                margin-top:14px !important;
873                padding:14px !important;
874                border-radius:18px !important;
875                max-width:100% !important;
876            }
877
878            .section,
879            .release-section,
880            .reels-section,
881            .bl-section {
882                padding-top:20px !important;
883            }
884
885            .grid,
886            .cards-grid,
887            .artist-grid,
888            .release-grid,
889            .playlist-grid,
890            .reel-grid,
891            .pa-grid,
892            .pa-main-grid,
893            .pa-section-grid {
894                grid-template-columns:1fr !important;
895            }
896
897            .card,
898            .artist-card,
899            .release-card,
900            .playlist-card,
901            .reel-card {
902                width:100% !important;
903                max-width:100% !important;
904            }
905
906            .vinyl,
907            .record,
908            .album-vinyl,
909            .hero-vinyl {
910                display:none !important;
911            }
912        }
913    </style>
914</head>
915
916<body>
917
918    <!-- Google Tag Manager noscript - DEA Records -->
vendor: 96 bytes, lines 918-921
918
919    <noscript>
920        <iframe
921            src="https://www.googletagmanager.com/ns.html?id=
921GTM-MGJNTGS
vendor: 143 bytes, lines 921-927
921"
922            height="0"
923            width="0"
924            style="display:none;visibility:hidden"
925        ></iframe>
926    </noscript>
927    
927<!-- End Google Tag Manager noscript -->
928
929    <header class="topbar">
930        <div class="topbar-inner">
931            <a class="brand" href="/public-site/index.html">
932                <img src="/public-site/assets/dea-logo-red-clean.png" alt="DEA Records" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';">
933                <div class="brand-fallback">
934                    <strong>DEA</strong>
935                    <span>Records</span>
936                </div>
937            </a>
938
939            <nav class="nav-links" id="publicMobileNav">
940                <a href="/public-site/index.html">Home</a>
941                <a href="/public-site/artists/index.html">Artists</a>
942                <a href="/public-site/playlists/index.html">Playlists</a>
943                <a href="/public-site/releases/index.html">Releases</a>
944                <a href="/public-site/moods/index.html">Moods</a>
945                <a href="/public-site/reels/index.html">Reels</a>
946                <a class="is-active" href="/public-site/links/index.html">Links</a>
947            </nav>
948
949        </div>
950    </header>
951
952    <main class="site-shell">
953        
954<style>
955/* DEA_PUBLIC_ABOUT_CENTERED_V3 */
956.about-page {
957    width: min(1180px, calc(100% - 44px));
958    margin: 0 auto;
959    padding: 0 0 38px;
960}
961
962.about-hero {
963    margin: 20px auto 0;
964    padding: 34px 36px;
965    border-radius: 26px;
966    border: 1px solid rgba(255,255,255,.12);
967    background:
968        radial-gradient(circle at 0% 0%, rgba(255,101,15,.16), transparent 34%),
969        radial-gradient(circle at 100% 0%, rgba(46,167,255,.14), transparent 38%),
970        linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
971    box-shadow: 0 24px 64px rgba(0,0,0,.22);
972}
973
974.about-kicker {
975    color: #2ea7ff;
976    font-size: 12px;
977    font-weight: 950;
978    letter-spacing: .26em;
979    text-transform: uppercase;
980    margin-bottom: 12px;
981}
982
983.about-hero h1 {
984    margin: 0;
985    max-width: 820px;
986    font-family: Georgia, "Times New Roman", serif;
987    font-size: clamp(42px, 5.1vw, 66px);
988    line-height: .94;
989    letter-spacing: -.055em;
990    color: #ffffff;
991    font-weight: 760;
992}
993
994.about-hero h1 em {
995    color: #ff650f;
996    font-style: italic;
997    font-weight: 520;
998}
999
1000.about-lead {
1001    max-width: 760px;
1002    margin: 18px 0 0;
1003    color: rgba(255,255,255,.80);
1004    font-size: 15px;
1005    line-height: 1.58;
1006    font-weight: 520;
1007}
1008
1009.about-signature {
1010    display: grid;
1011    gap: 8px;
1012    margin-top: 22px;
1013    padding-top: 18px;
1014    border-top: 1px solid rgba(255,255,255,.10);
1015}
1016
1017.about-signature-line {
1018    color: rgba(255,255,255,.90);
1019    font-size: 15px;
1020    line-height: 1.45;
1021    font-weight: 850;
1022}
1023
1024.about-actions {
1025    display: flex;
1026    flex-wrap: wrap;
1027    gap: 10px;
1028    margin-top: 20px;
1029}
1030
1031.about-btn {
1032    min-height: 38px;
1033    display: inline-flex;
1034    align-items: center;
1035    justify-content: center;
1036    padding: 0 15px;
1037    border-radius: 999px;
1038    border: 1px solid rgba(255,255,255,.15);
1039    background: rgba(255,255,255,.06);
1040    color: #ffffff;
1041    text-decoration: none;
1042    font-size: 12px;
1043    font-weight: 900;
1044}
1045
1046.about-btn-primary {
1047    background: linear-gradient(135deg, #ff650f, #ff8a22);
1048    border-color: rgba(255,101,15,.70);
1049    box-shadow: 0 16px 32px rgba(255,101,15,.18);
1050}
1051
1052.about-section {
1053    margin-top: 16px;
1054}
1055
1056.about-grid {
1057    display: grid;
1058    grid-template-columns: repeat(3, minmax(0, 1fr));
1059    gap: 14px;
1060}
1061
1062.about-card {
1063    min-height: 168px;
1064    padding: 22px;
1065    border-radius: 22px;
1066    border: 1px solid rgba(255,255,255,.12);
1067    background:
1068        radial-gradient(circle at 0% 0%, rgba(255,101,15,.095), transparent 34%),
1069        radial-gradient(circle at 100% 0%, rgba(46,167,255,.11), transparent 38%),
1070        rgba(255,255,255,.045);
1071    box-shadow: 0 14px 38px rgba(0,0,0,.17);
1072}
1073
1074.about-card h2 {
1075    margin: 0 0 11px;
1076    color: #2ea7ff;
1077    font-size: 13px;
1078    font-weight: 950;
1079    letter-spacing: .22em;
1080    text-transform: uppercase;
1081}
1082
1083.about-card p,
1084.about-card li {
1085    color: rgba(255,255,255,.80);
1086    font-size: 13px;
1087    line-height: 1.62;
1088}
1089
1090.about-card p {
1091    margin: 0;
1092}
1093
1094.about-card ul {
1095    margin: 0;
1096    padding-left: 18px;
1097}
1098
1099.about-card li + li {
1100    margin-top: 4px;
1101}
1102
1103.about-card-feature {
1104    grid-column: span 2;
1105}
1106
1107.about-trust {
1108    display: flex;
1109    flex-wrap: wrap;
1110    gap: 9px;
1111    margin-top: 16px;
1112}
1113
1114.about-pill {
1115    display: inline-flex;
1116    align-items: center;
1117    min-height: 31px;
1118    padding: 0 11px;
1119    border-radius: 999px;
1120    border: 1px solid rgba(255,255,255,.13);
1121    background: rgba(255,255,255,.055);
1122    color: rgba(255,255,255,.82);
1123    text-decoration: none;
1124    font-size: 11px;
1125    font-weight: 850;
1126}
1127
1128.about-pill:hover {
1129    border-color: rgba(46,167,255,.45);
1130    color: #ffffff;
1131}
1132
1133@media (max-width: 980px) {
1134    .about-page {
1135        width: min(100% - 28px, 1180px);
1136    }
1137
1138    .about-grid {
1139        grid-template-columns: 1fr 1fr;
1140    }
1141
1142    .about-card-feature {
1143        grid-column: span 2;
1144    }
1145}
1146
1147@media (max-width: 720px) {
1148    .about-page {
1149        width: min(100% - 24px, 1180px);
1150    }
1151
1152    .about-hero {
1153        margin-top: 12px;
1154        padding: 22px 18px;
1155        border-radius: 22px;
1156    }
1157
1158    .about-hero h1 {
1159        font-size: clamp(38px, 11vw, 52px);
1160        line-height: .94;
1161    }
1162
1163    .about-lead {
1164        font-size: 13px;
1165        line-height: 1.5;
1166    }
1167
1168    .about-signature-line {
1169        font-size: 13px;
1170    }
1171
1172    .about-grid {
1173        grid-template-columns: 1fr;
1174    }
1175
1176    .about-card,
1177    .about-card-feature {
1178        grid-column: auto;
1179        min-height: 0;
1180    }
1181
1182    .about-card {
1183        padding: 18px;
1184        border-radius: 19px;
1185    }
1186}
1187</style>
1188
1189<div class="about-page">
1190    <section class="about-hero">
1191        <div class="about-kicker">Mission</div>
1192
1193        <h1>Atmospheres for <em>body, mind and soul.</em></h1>
1194
1195        <p class="about-lead">
1196            DEA Records is a public music platform built around artists, moods, releases,
1197            playlists and listening paths for wellness, relaxation, focus and emotional balance.
1198        </p>
1199
1200        <div class="about-signature">
1201            <div class="about-signature-line">🌞 We are Source of Art, Beauty, Balance and Peace</div>
1202            <div class="about-signature-line">🎶 We create Atmospheres for Wellness and Relaxation for Body and Mind 🎧</div>
1203        </div>
1204
1205        <div class="about-actions">
1206            <a class="about-btn about-btn-primary" href="/public-site/artists/index.html">Explore Artists →</a>
1207            <a class="about-btn" href="/public-site/moods/index.html">Discover Moods →</a>
1208            <a class="about-btn" href="/public-site/links/index.html">Open Bio Links →</a>
1209        </div>
1210    </section>
1211
1212    <section class="about-section">
1213        <div class="about-grid">
1214            <div class="about-card about-card-feature">
1215                <h2>What we create</h2>
1216                <p>
1217                    Since 1992, DEA Records has created and curated music experiences designed to bring
1218                    beauty, balance, wellness and relaxation into everyday life. The public site connects
1219                    listeners with music worlds shaped by atmosphere, mood and moment.
1220                </p>
1221            </div>
1222
1223            <div class="about-card">
1224                <h2>Public platform</h2>
1225                <p>
1226                    Artist pages, releases, playlists, moods and Bio Links work together as a discovery
1227                    path for modern listening habits.
1228                </p>
1229            </div>
1230
1231            <div class="about-card">
1232                <h2>Our direction</h2>
1233                <ul>
1234                    <li>music discovery by mood and atmosphere;</li>
1235                    <li>artist pages with listening paths;</li>
1236                    <li>playlist and Bio Link journeys;</li>
1237                    <li>privacy-conscious fan growth.</li>
1238                </ul>
1239            </div>
1240
1241            <div class="about-card about-card-feature">
1242                <h2>Trust & privacy</h2>
1243                <p>
1244                    The new public site includes dedicated pages for Privacy Policy, Privacy Choices,
1245                    Cookie Policy and Terms, designed to keep the public experience clear and coherent.
1246                </p>
1247
1248                <div class="about-trust">
1249                    <a class="about-pill" href="/public-site/privacy.html">Privacy Policy</a>
1250                    <a class="about-pill" href="/public-site/privacy-choices.html">Privacy Choices</a>
1251                    <a class="about-pill" href="/public-site/cookie-policy.html">Cookie Policy</a>
1252                    <a class="about-pill" href="/public-site/terms.html">Terms</a>
1253                </div>
1254            </div>
1255        </div>
1256    </section>
1257</div>
1258
1259    </main>
1260
1261    
1262    <section class="dea-global-fan-banner">
1263        <div class="dea-global-fan-copy">
1264            <div class="dea-global-fan-kicker">Stay connected with DEA</div>
1265
1266            <h2>
1267                Continue the <span>atmosphere</span>
1268            </h2>
1269
1270            <p>
1271                Choose your favorite moods and receive new DEA artists, playlists and releases.
1272            </p>
1273        </div>
1274
1275        <div class="dea-global-fan-actions">
1276            <a class="dea-global-fan-primary" href="/public-site/subscribe.html">
1277                Subscribe by Mood →
1278            </a>
1279
1280            <a class="dea-global-fan-secondary" href="/public-site/playlists/index.html">
1281                Explore Playlists →
1282            </a>
1283
1284            <a class="dea-global-fan-secondary" href="/public-site/moods/index.html">
1285                Discover Moods →
1286            </a>
1287        </div>
1288    </section>
1289    
1290
1291    <footer class="footer">
1292        <div class="footer-brand-block">
1293            <img class="footer-logo" src="/public-site/assets/dea-logo-red-clean.png" alt="DEA Records" onerror="this.style.display='none'">
1294
1295            <div class="footer-since">
1296                Since 1992 · Designed with passion. Built for music 🎧
1297            </div>
1298        </div>
1299
1300        <div>
1301            <h4>Explore</h4>
1302            <a href="/public-site/artists/index.html">Artists</a>
1303            <a href="/public-site/releases/index.html">Releases</a>
1304            <a href="/public-site/moods/index.html">Moods</a>
1305            <a href="/public-site/playlists/index.html">Playlists</a>
1306            <a href="/public-site/reels/index.html">Reels</a>
1307        </div>
1308
1309        <div>
1310            <h4>Music</h4>
1311            <a href="/public-site/releases/index.html">New Releases</a>
1312            <a href="/public-site/playlists/index.html">Playlists</a>
1313            <a href="/public-site/moods/index.html">Moods</a>
1314            <a href="/public-site/links/index.html">Bio Links</a>
1315        </div>
1316
1317        <div id="about">
1318            <h4>About</h4>
1319            <a href="/public-site/about.html">About DEA Records</a>
1320            <a href="/public-site/mission.html">Our Mission</a>
1321            <a href="/public-site/privacy.html">Privacy Policy</a>
1322        </div>
1323
1324        <div>
1325            <h4>Follow</h4>
1326            <div class="social-row">
1327                <a class="social-dot" href="https://open.spotify.com/user/11173993464/playlists" target="_blank" rel="noopener" title="Spotify" aria-label="Spotify"><img src="/public-site/assets/icons/social/spotify.svg" alt="" aria-hidden="true" loading="lazy"></a>
1328                <a class="social-dot" href="https://www.instagram.com/dearecords.it" target="_blank" rel="noopener" title="Instagram" aria-label="Instagram"><img src="/public-site/assets/icons/social/instagram.svg" alt="" aria-hidden="true" loading="lazy"></a>
1329                <a class="social-dot" href="https://www.facebook.com/DeaRecordsItaly/" target="_blank" rel="noopener" title="Facebook" aria-label="Facebook"><img src="/public-site/assets/icons/social/facebook.svg" alt="" aria-hidden="true" loading="lazy"></a>
1330            </div>
1331        </div>
1332    </footer>
1333
1334    <div class="copyright">
1335        <div>
1336            Copyright © <span id="dea-current-year">2026</span> DEA RECORDS S.R.L.
1337            - Partita IVA (VAT): 04743410237. All rights reserved.
1338        </div>
1339    </div>
1340
1341    
1341<script>
1342        document.getElementById("dea-current-year").textContent = new Date().getFullYear();
1343    </script>
1343
1344
1345    
1345<script>
1346    (function () {
1347        try {
1348            var params = new URLSearchParams(window.location.search || "");
1349
1350            var sessionKey = "";
1351
1352            try {
1353                sessionKey = window.sessionStorage.getItem("dea_public_session_key") || "";
1354
1355                if (!sessionKey) {
1356                    sessionKey = "s_" + Date.now().toString(36) + "_" + Math.random().toString(36).slice(2);
1357                    window.sessionStorage.setItem("dea_public_session_key", sessionKey);
1358                }
1359            } catch (err) {
1360                sessionKey = "s_" + Date.now().toString(36);
1361            }
1362
1363            var path = window.location.pathname || "";
1364            var pageType = "page";
1365
1366            if (path.indexOf("/public-site/artists/") >= 0) {
1367                pageType = "artist";
1368            } else if (path.indexOf("/public-site/releases/") >= 0) {
1369                pageType = "release";
1370            } else if (path.indexOf("/public-site/playlists/") >= 0) {
1371                pageType = "playlist";
1372            } else if (path.indexOf("/public-site/moods/") >= 0) {
1373                pageType = "mood";
1374            } else if (path.indexOf("/public-site/reels/") >= 0) {
1375                pageType = "reel";
1376            } else if (path.indexOf("/public-site/links/artist/") >= 0) {
1377                pageType = "bio_link";
1378            }
1379
1380            var payload = {
1381                page_url: window.location.href || "",
1382                page_path: path,
1383                page_title: document.title || "",
1384                page_type: pageType,
1385                referrer: document.referrer || "",
1386                utm_source: params.get("utm_source") || "",
1387                utm_medium: params.get("utm_medium") || "",
1388                utm_campaign: params.get("utm_campaign") || "",
1389                session_key: sessionKey
1390            };
1391
1392            var body = JSON.stringify(payload);
1393
1394            if (navigator.sendBeacon) {
1395                var blob = new Blob([body], { type: "application/json" });
1396                navigator.sendBeacon("/public-site/track/page-view", blob);
1397            } else {
1398                fetch("/public-site/track/page-view", {
1399                    method: "POST",
1400                    headers: {
1401                        "Content-Type": "application/json"
1402                    },
1403                    body: body,
1404                    keepalive: true
1405                }).catch(function () {});
1406            }
1407        } catch (err) {}
1408    })();
1409    </script>
1409
1410
1411<script>
1412/* DEA CLIENT CLICK TRACKER V1 */
1413(function () {
1414    function clean(value) {
1415        return (value || "").toString().trim();
1416    }
1417
1418    function detectTargetType(href) {
1419        var h = clean(href).toLowerCase();
1420
1421        if (h.indexOf("/public-site/links/artist/") !== -1) return "bio_link";
1422        if (h.indexOf("/public-site/playlists/") !== -1) return "playlist";
1423        if (h.indexOf("/public-site/moods/") !== -1) return "mood";
1424        if (h.indexOf("/public-site/releases/") !== -1) return "release";
1425        if (h.indexOf("/public-site/reels/") !== -1) return "reel";
1426        if (h.indexOf("open.spotify.com") !== -1) return "spotify";
1427        if (h.indexOf("music.apple.com") !== -1) return "apple_music";
1428        if (h.indexOf("youtube.com") !== -1 || h.indexOf("youtu.be") !== -1) return "youtube";
1429        if (h.indexOf("deezer.com") !== -1) return "deezer";
1430        if (h.indexOf("music.amazon.") !== -1) return "amazon_music";
1431        if (h.indexOf("tidal.com") !== -1) return "tidal";
1432
1433        return "";
1434    }
1435
1436    function detectArtistSlug(href) {
1437        var m = clean(href).match(/\/public-site\/links\/artist\/([^\/?#]+)\.html/i);
1438
1439        if (!m) return "";
1440
1441        return decodeURIComponent(m[1] || "");
1442    }
1443
1444    function detectPageContext() {
1445        /* DEA CLICK SOURCE CONTEXT V4 */
1446        var candidates = [
1447            document.querySelector("[data-track-title]"),
1448            document.querySelector(".hero h1"),
1449            document.querySelector(".artist-hero h1"),
1450            document.querySelector(".release-hero h1"),
1451            document.querySelector(".reel-detail h1"),
1452            document.querySelector("main h1"),
1453            document.querySelector("h1")
1454        ];
1455
1456        for (var i = 0; i < candidates.length; i++) {
1457            var el = candidates[i];
1458
1459            if (!el) continue;
1460
1461            var txt = clean(el.getAttribute("data-track-title") || el.innerText || el.textContent || "");
1462
1463            if (txt) return txt;
1464        }
1465
1466        var title = clean(document.title || "");
1467
1468        if (title) return title.replace(" | DEA Records", "").replace(" - DEA Records", "");
1469
1470        return clean(window.location.pathname || "");
1471    }
1472
1473    function trackClick(link) {
1474        try {
1475            var href = link.getAttribute("href") || "";
1476            var targetType = detectTargetType(href);
1477
1478            if (!targetType) return;
1479
1480            var artistSlug = detectArtistSlug(href);
1481            var label = clean(link.innerText || link.getAttribute("aria-label") || link.getAttribute("title") || targetType);
1482
1483            if (targetType === "bio_link" && artistSlug) {
1484                label = artistSlug + " Bio Link";
1485            }
1486
1487            var payload = {
1488                event_type: targetType,
1489                event_label: label,
1490                target_type: targetType,
1491                target_label: label,
1492                target_url: href,
1493                source_page: window.location.pathname,
1494                source_context: detectPageContext(),
1495                source_url: window.location.href,
1496                artist_slug: artistSlug
1497            };
1498
1499            var body = JSON.stringify(payload);
1500
1501            if (navigator.sendBeacon) {
1502                var blob = new Blob([body], {type: "application/json"});
1503                navigator.sendBeacon("/public-site/track/client-click", blob);
1504                return;
1505            }
1506
1507            fetch("/public-site/track/client-click", {
1508                method: "POST",
1509                headers: {"Content-Type": "application/json"},
1510                body: body,
1511                keepalive: true
1512            }).catch(function () {});
1513        } catch (e) {}
1514    }
1515
1516    document.addEventListener("click", function (event) {
1517        var link = event.target && event.target.closest ? event.target.closest("a[href]") : null;
1518
1519        if (!link) return;
1520
1521        trackClick(link);
1522    }, true);
1523})();
1524</script>
1524
1525
1526
1527<script>
1528(function(){
1529    if(window.__deaPublicTrackingLoaded){ return; }
1530    window.__deaPublicTrackingLoaded = true;
1531
1532    function getOrCreateId(key){
1533        try{
1534            var current = localStorage.getItem(key);
1535            if(current) return current;
1536            var value = "dea_" + Math.random().toString(36).slice(2) + Date.now().toString(36);
1537            localStorage.setItem(key, value);
1538            return value;
1539        }catch(e){
1540            return "dea_no_storage";
1541        }
1542    }
1543
1544    var visitorId = getOrCreateId("dea_public_visitor_id");
1545    var sessionId = "";
1546
1547    try{
1548        sessionId = sessionStorage.getItem("dea_public_session_id");
1549        if(!sessionId){
1550            sessionId = "dea_s_" + Math.random().toString(36).slice(2) + Date.now().toString(36);
1551            sessionStorage.setItem("dea_public_session_id", sessionId);
1552        }
1553    }catch(e){
1554        sessionId = "dea_s_no_storage";
1555    }
1556
1557    function getUtm(name){
1558        try{
1559            return new URLSearchParams(window.location.search).get(name) || "";
1560        }catch(e){
1561            return "";
1562        }
1563    }
1564
1565    function sendEvent(eventType, targetUrl, extra){
1566        var payload = Object.assign({
1567            event_type: eventType || "page_view",
1568            page_url: window.location.pathname,
1569            target_url: targetUrl || "",
1570            visitor_id: visitorId,
1571            session_id: sessionId,
1572            referrer: document.referrer || "",
1573            source: getUtm("utm_source"),
1574            medium: getUtm("utm_medium"),
1575            campaign: getUtm("utm_campaign")
1576        }, extra || {});
1577
1578        try{
1579            if(navigator.sendBeacon){
1580                var blob = new Blob([JSON.stringify(payload)], {type: "application/json"});
1581                navigator.sendBeacon("/public-track", blob);
1582                return;
1583            }
1584        }catch(e){}
1585
1586        try{
1587            fetch("/public-track", {
1588                method: "POST",
1589                headers: {"Content-Type": "application/json"},
1590                body: JSON.stringify(payload),
1591                keepalive: true
1592            });
1593        }catch(e){}
1594    }
1595
1596    sendEvent("page_view", "");
1597
1598    document.addEventListener("click", function(event){
1599        var link = event.target && event.target.closest ? event.target.closest("a") : null;
1600        if(!link) return;
1601
1602        var href = link.getAttribute("href") || "";
1603        var label = (link.textContent || "").trim().slice(0, 120);
1604        var eventType = "click";
1605        var lowerHref = href.toLowerCase();
1606
1607        if(
1608            lowerHref.indexOf("open.spotify.com") >= 0 ||
1609            lowerHref.indexOf("music.apple.com") >= 0 ||
1610            lowerHref.indexOf("youtube.com") >= 0 ||
1611            lowerHref.indexOf("music.youtube.com") >= 0 ||
1612            lowerHref.indexOf("deezer.com") >= 0 ||
1613            lowerHref.indexOf("amazon.") >= 0 ||
1614            lowerHref.indexOf("tidal.com") >= 0
1615        ){
1616            eventType = "store_click";
1617        }else if(lowerHref.indexOf("/links/artist/") >= 0){
1618            eventType = "bio_link_click";
1619        }else if(lowerHref.indexOf("/links/playlist/") >= 0 || lowerHref.indexOf("/playlists/") >= 0){
1620            eventType = "playlist_click";
1621        }else if(lowerHref.indexOf("/reels/") >= 0){
1622            eventType = "reel_click";
1623        }else if(lowerHref.indexOf("/releases/") >= 0){
1624            eventType = "release_click";
1625        }else if(lowerHref.indexOf("/artists/") >= 0){
1626            eventType = "artist_click";
1627        }
1628
1629        sendEvent(eventType, href, {link_label: label});
1630    }, true);
1631})();
1632</script>
1632
1633
1634<script id="dea-desktop-playlist-external-rule">
1635(function () {
1636    function isDesktopView() {
1637        return window.matchMedia && window.matchMedia("(min-width: 900px)").matches;
1638    }
1639
1640    function safeDecode(value) {
1641        try {
1642            return decodeURIComponent(String(value || ""));
1643        } catch (e) {
1644            return String(value || "");
1645        }
1646    }
1647
1648    function isPlaylistHref(href) {
1649        if (!href) {
1650            return false;
1651        }
1652
1653        var value = String(href);
1654        var lower = value.toLowerCase();
1655        var decoded = safeDecode(value).toLowerCase();
1656
1657        return (
1658            lower.indexOf("/public-site/playlists/") !== -1 ||
1659            lower.indexOf("public-site/playlists/") !== -1 ||
1660            lower.indexOf("/playlists/") === 0 ||
1661            lower.indexOf("playlists/index.html") !== -1 ||
1662
1663            lower.indexOf("target_type=playlist") !== -1 ||
1664            lower.indexOf("playlist_slug=") !== -1 ||
1665            lower.indexOf("campaign_key=playlist") !== -1 ||
1666            lower.indexOf("source_page=playlist") !== -1 ||
1667            lower.indexOf("playlist_smart") !== -1 ||
1668
1669            decoded.indexOf("target_type=playlist") !== -1 ||
1670            decoded.indexOf("playlist_slug=") !== -1 ||
1671            decoded.indexOf("campaign_key=playlist") !== -1 ||
1672            decoded.indexOf("source_page=playlist") !== -1 ||
1673            decoded.indexOf("playlist_smart") !== -1 ||
1674            decoded.indexOf("open.spotify.com/playlist/") !== -1
1675        );
1676    }
1677
1678    function isModifiedClick(event) {
1679        return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0;
1680    }
1681
1682    document.addEventListener("click", function (event) {
1683        var link = event.target && event.target.closest ? event.target.closest("a") : null;
1684
1685        if (!link) {
1686            return;
1687        }
1688
1689        var href = link.getAttribute("href") || "";
1690
1691        if (!isPlaylistHref(href)) {
1692            return;
1693        }
1694
1695        if (!isDesktopView()) {
1696            return;
1697        }
1698
1699        if (isModifiedClick(event)) {
1700            return;
1701        }
1702
1703        if (href.indexOf("#") === 0) {
1704            return;
1705        }
1706
1707        event.preventDefault();
1708        window.open(link.href, "_blank", "noopener,noreferrer");
1709    }, true);
1710})();
1711</script>
1711</body>
1712</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.