PageSourceSearch

https://theunseenmag.de/about

html theunseenmag.de collected 2026-10-06 03:49:07 UTC 77,067 bytes, 1,133 lines download raw bytes

1<!doctype html>
2<html lang="en" class="">
3<head>
4    <meta charset="utf-8">
5<meta http-equiv="X-UA-Compatible" content="IE=edge">
6<meta name="viewport" content="width=device-width, initial-scale=1">
7<meta name="theme-color" content="#a855f7">
8
9<link rel="icon" href="https://theunseenmag.de/favicon.ico" />
10
11<link rel="apple-touch-icon" sizes="180x180" href="https://theunseenmag.de/const/icon-270x270.png">
12<link rel="icon" type="image/png" sizes="32x32" href="https://theunseenmag.de/const/icon-32x32.png">
13<link rel="icon" type="image/png" sizes="270x270" href="https://theunseenmag.de/const/icon-270x270.png">
14
15<link href="https://theunseenmag.de" rel="home" />
16
17<title>About | THE UNSEEN Mag</title>
18
19<meta name="description" content="THE UNSEEN is an online Magazine established in 2024 that showcases unique cultures and lifestyles to see the unseen. We cover concerts and interviews and provide insight into the light and dark of the music industry.">
20
21<meta property="og:locale" content="en_US" />
22<meta property="og:type" content="website" />
23<meta property="og:title" content="About" />
24<meta property="og:description" content="THE UNSEEN is an online Magazine established in 2024 that showcases unique cultures and lifestyles to see the unseen. We cover concerts and interviews and provide insight into the light and dark of the music industry." />
25<meta property="og:url" content="https://theunseenmag.de/about" />
26<meta property="og:site_name" content="About" />
27
28<meta property="og:image" content="https://theunseenmag.de/images/social/horizontal-01.jpg" />
29<meta property="og:image:width" content="1920" />
30<meta property="og:image:height" content="1080" />
31<meta property="og:image:type" content="image/jpeg" />
32
33
34<meta name="twitter:card" content="summary_large_image" />
35<meta name="twitter:site" content="@theunseenhq" />
36<meta name="twitter:creator" content="@theunseenhq" />
37<meta name="twitter:image" content="https://theunseenmag.de/images/social/horizontal-01.jpg" />
38<meta name="twitter:title" content="About" />
39<meta name="twitter:description" content="THE UNSEEN is an online Magazine established in 2024 that showcases unique cultures and lifestyles to see the unseen. We cover concerts and interviews and provide insight into the light and dark of the music industry." />
40
41<link rel="modulepreload" as="script" href="https://theunseenmag.de/build/assets/site-BbU6GzM0.js" />
41<script type="module" src="https://theunseenmag.de/build/assets/site-BbU6GzM0.js"></script>
41<link rel="preload" as="style" href="https://theunseenmag.de/build/assets/site-Dwumj9ey.css" /><link rel="stylesheet" href="https://theunseenmag.de/build/assets/site-Dwumj9ey.css" />
42<script defer src="https://u.romanzipp.cloud/script.js" data-website-id="9e9c4ca7-2fd1-44ac-a384-99a10fee9971" data-performance="true"></script>
42
43
44
45<style>
46    @font-face {
47        font-family: 'Horizon';
48        font-display: swap;
49        src: url(https://theunseenmag.de/const/fonts/Formula.otf) format('opentype');
50    }
51
52    [x-cloak] {
53        display: none;
54    }
55</style>
56
57    
58    <style >/* devanagari */
59@font-face {
60  font-family: 'Poppins';
61  font-style: italic;
62  font-weight: 400;
63  font-display: swap;
64  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxigyp8kv8jhgfvrjjlucxtaovwdshff.woff2) format('woff2');
65  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
66}
67/* latin-ext */
68@font-face {
69  font-family: 'Poppins';
70  font-style: italic;
71  font-weight: 400;
72  font-display: swap;
73  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxigyp8kv8jhgfvrjjlufntaovwdshff.woff2) format('woff2');
74  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
75}
76/* latin */
77@font-face {
78  font-family: 'Poppins';
79  font-style: italic;
80  font-weight: 400;
81  font-display: swap;
82  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxigyp8kv8jhgfvrjjluchtaovwdsa.woff2) format('woff2');
83  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
84}
85/* devanagari */
86@font-face {
87  font-family: 'Poppins';
88  font-style: italic;
89  font-weight: 500;
90  font-display: swap;
91  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmg1hvfteoyktmqlap.woff2) format('woff2');
92  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
93}
94/* latin-ext */
95@font-face {
96  font-family: 'Poppins';
97  font-style: italic;
98  font-weight: 500;
99  font-display: swap;
100  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmg1hvgdeoyktmqlap.woff2) format('woff2');
101  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
102}
103/* latin */
104@font-face {
105  font-family: 'Poppins';
106  font-style: italic;
107  font-weight: 500;
108  font-display: swap;
109  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmg1hvf9eoyktmqg.woff2) format('woff2');
110  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
111}
112/* devanagari */
113@font-face {
114  font-family: 'Poppins';
115  font-style: italic;
116  font-weight: 600;
117  font-display: swap;
118  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmr19vfteoyktmqlap.woff2) format('woff2');
119  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
120}
121/* latin-ext */
122@font-face {
123  font-family: 'Poppins';
124  font-style: italic;
125  font-weight: 600;
126  font-display: swap;
127  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmr19vgdeoyktmqlap.woff2) format('woff2');
128  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
129}
130/* latin */
131@font-face {
132  font-family: 'Poppins';
133  font-style: italic;
134  font-weight: 600;
135  font-display: swap;
136  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmr19vf9eoyktmqg.woff2) format('woff2');
137  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
138}
139/* devanagari */
140@font-face {
141  font-family: 'Poppins';
142  font-style: italic;
143  font-weight: 700;
144  font-display: swap;
145  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmy15vfteoyktmqlap.woff2) format('woff2');
146  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
147}
148/* latin-ext */
149@font-face {
150  font-family: 'Poppins';
151  font-style: italic;
152  font-weight: 700;
153  font-display: swap;
154  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmy15vgdeoyktmqlap.woff2) format('woff2');
155  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
155BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
156}
157/* latin */
158@font-face {
159  font-family: 'Poppins';
160  font-style: italic;
161  font-weight: 700;
162  font-display: swap;
163  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxidyp8kv8jhgfvrjjlmy15vf9eoyktmqg.woff2) format('woff2');
164  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
165}
166/* devanagari */
167@font-face {
168  font-family: 'Poppins';
169  font-style: normal;
170  font-weight: 100;
171  font-display: swap;
172  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxigyp8kv8jhgfvrlptucxtaovwdshff.woff2) format('woff2');
173  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
174}
175/* latin-ext */
176@font-face {
177  font-family: 'Poppins';
178  font-style: normal;
179  font-weight: 100;
180  font-display: swap;
181  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxigyp8kv8jhgfvrlptufntaovwdshff.woff2) format('woff2');
182  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
183}
184/* latin */
185@font-face {
186  font-family: 'Poppins';
187  font-style: normal;
188  font-weight: 100;
189  font-display: swap;
190  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxigyp8kv8jhgfvrlptuchtaovwdsa.woff2) format('woff2');
191  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
192}
193/* devanagari */
194@font-face {
195  font-family: 'Poppins';
196  font-style: normal;
197  font-weight: 300;
198  font-display: swap;
199  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrldz8z11lfd2jqel8qw.woff2) format('woff2');
200  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
201}
202/* latin-ext */
203@font-face {
204  font-family: 'Poppins';
205  font-style: normal;
206  font-weight: 300;
207  font-display: swap;
208  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrldz8z1jlfd2jqel8qw.woff2) format('woff2');
209  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
210}
211/* latin */
212@font-face {
213  font-family: 'Poppins';
214  font-style: normal;
215  font-weight: 300;
216  font-display: swap;
217  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrldz8z1xlfd2jqek.woff2) format('woff2');
218  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
219}
220/* devanagari */
221@font-face {
222  font-family: 'Poppins';
223  font-style: normal;
224  font-weight: 400;
225  font-display: swap;
226  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxieyp8kv8jhgfvrjjbecnfhgpezsq.woff2) format('woff2');
227  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
228}
229/* latin-ext */
230@font-face {
231  font-family: 'Poppins';
232  font-style: normal;
233  font-weight: 400;
234  font-display: swap;
235  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxieyp8kv8jhgfvrjjnecnfhgpezsq.woff2) format('woff2');
236  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
237}
238/* latin */
239@font-face {
240  font-family: 'Poppins';
241  font-style: normal;
242  font-weight: 400;
243  font-display: swap;
244  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxieyp8kv8jhgfvrjjfecnfhgpc.woff2) format('woff2');
245  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
246}
247/* devanagari */
248@font-face {
249  font-family: 'Poppins';
250  font-style: normal;
251  font-weight: 500;
252  font-display: swap;
253  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlgt9z11lfd2jqel8qw.woff2) format('woff2');
254  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
255}
256/* latin-ext */
257@font-face {
258  font-family: 'Poppins';
259  font-style: normal;
260  font-weight: 500;
261  font-display: swap;
262  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlgt9z1jlfd2jqel8qw.woff2) format('woff2');
263  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
263BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
264}
265/* latin */
266@font-face {
267  font-family: 'Poppins';
268  font-style: normal;
269  font-weight: 500;
270  font-display: swap;
271  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlgt9z1xlfd2jqek.woff2) format('woff2');
272  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
273}
274/* devanagari */
275@font-face {
276  font-family: 'Poppins';
277  font-style: normal;
278  font-weight: 600;
279  font-display: swap;
280  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlej6z11lfd2jqel8qw.woff2) format('woff2');
281  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
282}
283/* latin-ext */
284@font-face {
285  font-family: 'Poppins';
286  font-style: normal;
287  font-weight: 600;
288  font-display: swap;
289  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlej6z1jlfd2jqel8qw.woff2) format('woff2');
290  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
291}
292/* latin */
293@font-face {
294  font-family: 'Poppins';
295  font-style: normal;
296  font-weight: 600;
297  font-display: swap;
298  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlej6z1xlfd2jqek.woff2) format('woff2');
299  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
300}
301/* devanagari */
302@font-face {
303  font-family: 'Poppins';
304  font-style: normal;
305  font-weight: 700;
306  font-display: swap;
307  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlcz7z11lfd2jqel8qw.woff2) format('woff2');
308  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
309}
310/* latin-ext */
311@font-face {
312  font-family: 'Poppins';
313  font-style: normal;
314  font-weight: 700;
315  font-display: swap;
316  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlcz7z1jlfd2jqel8qw.woff2) format('woff2');
317  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
318}
319/* latin */
320@font-face {
321  font-family: 'Poppins';
322  font-style: normal;
323  font-weight: 700;
324  font-display: swap;
325  src: url(https://theunseenmag.de/storage/fonts/991dd75309/spoppinsv24pxibyp8kv8jhgfvrlcz7z1xlfd2jqek.woff2) format('woff2');
326  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
327}
328</style>
329<script type="application/ld+json">
330    {
331    "@context": "https://schema.org",
332    "@type": "BreadcrumbList",
333    "itemListElement": []
334}
335</script>
335
336</head>
337<body class="flex flex-col min-h-screen justify-between bg-white dark:bg-dark-bg text-black font-body leading-normal">
338    <div>
339        <nav x-data="{searching: false, sidebar: false}" class="border-b-2 border-black dark:border-white dark:text-white">
340    <div class="relative max-w-5xl mx-auto">
341        <div class="accent-bar bottom-0 -translate-y-[calc(-100%-2px)]"></div>
342
343        <div class="flex items-stretch md:items-center justify-between h-16 px-2 lg:px-0">
344            <a href="/"
345               class="pl-0 px-4 lg:px-0 text-xl lg:text-2xl uppercase text-primary dark:text-dark-primary font-display self-center whitespace-nowrap"
346               x-show="! searching">
347                THE UNSEEN Mag
348            </a>
349
350            <button class="block md:hidden px-6"
351                    @click="sidebar = true"
352                    aira-label="Show sidebar">
353                <div class="size-6">
354            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
355    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
356</svg>
357
358    </div>
359            </button>
360
361            <button class="hidden md:block hover:text-primary dark:hover:text-dark-primary transition-all duration-100 outline-none px-2"
362                    @click="searching = true; $nextTick(() => { $refs.search.focus() })"
363                    aria-label="Search the site">
364                <div class="size-6">
365            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
366    <path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9Z" clip-rule="evenodd" />
367</svg>
368
369    </div>
370            </button>
371
372            <form action="/search"
373                  x-show="searching"
374                  x-cloak
375                  class="flex-1">
376                <input
377                    name="q"
378                    type="text"
379                    class="w-full outline-none px-2 py-1 ml-3 !border-none !ring-0 dark:bg-transparent dark:text-white dark:placeholder:text-white/50"
380                    placeholder="Search for stuff"
381                    x-on:blur="searching = false"
382                    @keydown.enter="search"
383                    @keydown.esc="searching = false"
384                    x-show="searching"
385                    x-ref="search"
386                />
387            </form>
388        </div>
389
390        <div class="hidden md:flex justify-between gap-8">
391            <ul class="flex mx-0 lg:-mx-3">
392                                                        <li class="relative group/item z-50">
393                        <a href="/" class="flex items-center gap-3 px-3 py-3 hover:text-primary dark:hover:text-dark-primary">
394                            HOME
395                                                    </a>
396
397                                            </li>
398                                                        <li class="relative group/item z-50">
399                        <a href="/music-articles" class="flex items-center gap-3 px-3 py-3 hover:text-primary dark:hover:text-dark-primary">
400                            MUSIC
401                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5">
402                                    <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
403                                </svg>
404                                                    </a>
405
406                                                    <div class="absolute invisible pt-0 -translate-y-1 transition-[opacity,_transform]
407                                        group-hover/item:opacity-100 group-hover/item:visible group-hover/item:translate-y-0 opacity-0">
408                                <div class="min-w-48 p-2 bg-white dark:bg-dark-bg dark:text-white border-2 border-black dark:border-dark-primary">
409                                                                                                                <a href="/categories/concert" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2">
410                                            CONCERT
411                                        </a>
412                                                                            <a href="/categories/interviews" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2">
413                                            INTERVIEW
414                                        </a>
415                                                                            <a href="/categories/music-softlaunch" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2">
416                                            MUSIC SOFTLAUNCH
417                                        </a>
418                                                                            <a href="/categories/concert-forecast" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2">
419                                            CONCERT FORECAST
420                                        </a>
421                                                                    </div>
422                            </div>
423                                            </li>
424                                                        <li class="relative group/item z-50">
425                        <a href="/categories/lifestyle" class="flex items-center gap-3 px-3 py-3 hover:text-primary dark:hover:text-dark-primary">
426                            LIFESTYLE
427                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5">
428                                    <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
429                                </svg>
430                                                    </a>
431
432                                                    <div class="absolute invisible pt-0 -translate-y-1 transition-[opacity,_transform]
433                                        group-hover/item:opacity-100 group-hover/item:visible group-hover/item:translate-y-0 opacity-0">
434                                <div class="min-w-48 p-2 bg-white dark:bg-dark-bg dark:text-white border-2 border-black dark:border-dark-primary">
435                                                                                                                <a href="/categories/lifestyle" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2">
436                                            LIFESTYLE
437                                        </a>
438                                                                            <a href="/categories/storytelling" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2">
439                                            STORYTELLING
440                                        </a>
441                                                                            <a href="/categories/photoseries" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2">
442                                            PHOTOSERIES
443                                        </a>
444                                                                    </div>
445                            </div>
446                                            </li>
447                                                        <li class="relative group/item z-50">
448                        <a href="/categories/the-watchlist" class="flex items-center gap-3 px-3 py-3 hover:text-primary dark:hover:text-dark-primary">
449                            THE WATCHLIST
450                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5">
451                                    <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
452                                </svg>
453                                                    </a>
454
455                                                    <div class="absolute invisible pt-0 -translate-y-1 transition-[opacity,_transform]
456                                        group-hover/item:opacity-100 group-hover/item:visible group-hover/item:translate-y-0 opacity-0">
457                                <div class="min-w-48 p-2 bg-white dark:bg-dark-bg dark:text-white border-2 border-black dark:border-dark-primary">
458                                                                            <a href="/categories/series" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2">
459                                            SERIES
460                                        </a>
461                                                                                                                <a href="/categories/film-tv" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2">
462                                            FILMS
463                                        </a>
464                                                                    </div>
465                            </div>
466                                            </li>
467                                                        <li class="relative group/item z-50">
468                        <a href="/albums" class="flex items-center gap-3 px-3 py-3 hover:text-primary dark:hover:text-dark-primary">
469                            ALBUMS
470                                                    </a>
471
472                                            </li>
473                                                        <li class="relative group/item z-50">
474                        <a href="/print" class="flex items-center gap-3 px-3 py-3 hover:text-primary dark:hover:text-dark-primary">
475                            PRINT
476                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5">
477                                    <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
478                                </svg>
479                                                    </a>
480
481                                                    <div class="absolute invisible pt-0 -translate-y-1 transition-[opacity,_transform]
482                                        group-hover/item:opacity-100 group-hover/item:visible group-hover/item:translate-y-0 opacity-0">
483                                <div class="min-w-48 p-2 bg-white dark:bg-dark-bg dark:text-white border-2 border-black dark:border-dark-primary">
484                                                                            <a href="/print/the-unseen-vol-02-nostalgia" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2">
485                                            Vol. 02: NOSTALGIA
486                                        </a>
487                                                                            <a href="/print/the-unseen-vol-01-belonging" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2">
488                                            Vol. 01: BELONGING
489                                        </a>
490                                                                                                        </div>
491                            </div>
492                                            </li>
493                                                        <li class="relative group/item z-50">
494                        <a href="/about" class="flex items-center gap-3 px-3 py-3 hover:text-primary dark:hover:text-dark-primary">
495                            ABOUT
496                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5">
497                                    <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
498                                </svg>
499                                                    </a>
500
501                                                    <div class="absolute invisible pt-0 -translate-y-1 transition-[opacity,_transform]
502                                        group-hover/item:opacity-100 group-hover/item:visible group-hover/item:translate-y-0 opacity-0">
503                                <div class="min-w-48 p-2 bg-white dark:bg-dark-bg dark:text-white border-2 border-black dark:border-dark-primary">
504                                                                            <a href="/team" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2">
505                                            TEAM
506                                        </a>
507                                                                            <a href="/contact" class="block hover:text-primary dark:hover:text-dark-primary py-1 px-2">
508                                            CONTACT
509                                        </a>
510                                                                                                        </div>
511                            </div>
512                                            </li>
513                            </ul>
514
515            <div class="flex items-center justify-center">
516                                    <a href="https://www.instagram.com/theunseenmag/"
517                       target="_blank"
518                       class="px-2 py-1 hover:text-primary dark:hover:text-dark-primary"
519                       aria-label="Instagram"
520                       rel="noopener">
521                        <div class="h-6 w-6">
522            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewB
522ox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M17.5,0h-11C2.912,0.006,0.006,2.912,0,6.5v11c0.006,3.588,2.912,6.494,6.5,6.5h11c3.588-0.006,6.494-2.912,6.5-6.5v-11 C23.994,2.912,21.088,0.006,17.5,0z M12,17.5c-3.038,0-5.5-2.462-5.5-5.5S8.962,6.5,12,6.5s5.5,2.462,5.5,5.5S15.038,17.5,12,17.5z M18.5,6.5C17.672,6.5,17,5.828,17,5s0.672-1.5,1.5-1.5S20,4.172,20,5S19.328,6.5,18.5,6.5z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
523
524    </div>
525                    </a>
526                                    <a href="https://tiktok.com/@Theunseenmag"
527                       target="_blank"
528                       class="px-2 py-1 hover:text-primary dark:hover:text-dark-primary"
529                       aria-label="TikTok"
530                       rel="noopener">
531                        <div class="h-6 w-6">
532            <svg role="img" viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
533    <title>TikTok</title>
534    <path
535        fill="currentColor"
536        d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
537</svg>
538
539    </div>
540                    </a>
541                                    <a href="https://www.youtube.com/channel/UCn1941vTe8xbziapRw4lfgA"
542                       target="_blank"
543                       class="px-2 py-1 hover:text-primary dark:hover:text-dark-primary"
544                       aria-label="YouTube"
545                       rel="noopener">
546                        <div class="h-6 w-6">
547            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M20.06,3.5H3.94C1.764,3.5,0,5.264,0,7.44v9.12c0,2.176,1.764,3.94,3.94,3.94c0,0,0,0,0,0h16.12 c2.176,0,3.94-1.764,3.94-3.94l0,0V7.44C24,5.264,22.236,3.5,20.06,3.5L20.06,3.5z M16.54,12l-6.77,4.36 c-0.232,0.149-0.542,0.082-0.691-0.151C9.028,16.129,9,16.035,9,15.94V7.28c0-0.276,0.225-0.5,0.501-0.499 c0.095,0,0.189,0.028,0.269,0.079l6.77,4.33c0.232,0.15,0.299,0.459,0.149,0.691c-0.038,0.06-0.089,0.11-0.149,0.149V12z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
548
549    </div>
550                    </a>
551                                    <a href="https://open.spotify.com/user/31vh4ac5lpydguyywvtgxaec3cei?si=bf51bef9f96546cf"
552                       target="_blank"
553                       class="px-2 py-1 hover:text-primary dark:hover:text-dark-primary"
554                       aria-label="Spotify"
555                       rel="noopener">
556                        <div class="h-6 w-6">
557            <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Spotify</title><path fill="currentColor" d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/></svg>
558
559    </div>
560                    </a>
561                                    <a href="mailto:[email protected]"
562                       target="_blank"
563                       class="px-2 py-1 hover:text-primary dark:hover:text-dark-primary"
564                       aria-label="E-Mail"
565                       rel="noopener">
566                        <div class="h-6 w-6">
567            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewB
567ox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M 2.25,4.5h19.5c0.828,0,1.5,0.672,1.5,1.5v12c0,0.828-0.672,1.5-1.5,1.5H2.25c-0.828,0-1.5-0.672-1.5-1.5V6 C0.75,5.172,1.422,4.5,2.25,4.5z " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 15.687,9.975L19.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 8.313,9.975L4.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 22.88,5.014l-9.513,6.56 c-0.823,0.568-1.911,0.568-2.734,0L1.12,5.014" stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
568
569    </div>
570                    </a>
571                            </div>
572        </div>
573    </div>
574
575    <div class="block md:hidden fixed inset-0 size-full z-40"
576         x-bind:class="{ 'visible': sidebar, 'invisible': !sidebar }">
577        <button class="absolute inset-0 size-full bg-black/60 z-40 transition-opacity"
578                x-bind:class="{ 'opacity-100': sidebar, 'opacity-0': !sidebar }"
579                aria-label="Hide sidebar"
580                @click="sidebar = false"></button>
581
582        <div class="absolute left-0 top-0 h-full w-4/5 bg-white dark:bg-dark-bg dark:text-white z-50 transition-transform"
583             x-bind:class="{ 'translate-x-0': sidebar, '-translate-x-1/2': !sidebar }">
584            <h2 class="text-3xl font-display p-4">
585                Menu
586            </h2>
587
588            <ul>
589                                                        <li class="border-t-2 border-black dark:border-dark-primary ">
590                        <a href="/" class="flex items-center gap-3 px-4 py-3 hover:text-primary dark:hover:text-dark-primary text-lg">
591                            HOME
592                        </a>
593
594                        
595                                            </li>
596                                                        <li class="border-t-2 border-black dark:border-dark-primary pb-3">
597                        <a href="/music-articles" class="flex items-center gap-3 px-4 py-3 hover:text-primary dark:hover:text-dark-primary text-lg">
598                            MUSIC
599                        </a>
600
601                        
602                                                    <a href="/categories/concert" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4">
603                                <div class="size-6">
604            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
605    <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
606</svg>
607
608    </div>
609                                CONCERT
610                            </a>
611                                                    <a href="/categories/interviews" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4">
612                                <div class="size-6">
613            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
614    <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
615</svg>
616
617    </div>
618                                INTERVIEW
619                            </a>
620                                                    <a href="/categories/music-softlaunch" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4">
621                                <div class="size-6">
622            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
623    <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
624</svg>
625
626    </div>
627                                MUSIC SOFTLAUNCH
628                            </a>
629                                                    <a href="/categories/concert-forecast" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4">
630                                <div class="size-6">
631            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
632    <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
633</svg>
634
635    </div>
636                                CONCERT FORECAST
637                            </a>
638                                            </li>
639                                                        <li class="border-t-2 border-black dark:border-dark-primary pb-3">
640                        <a href="/categories/lifestyle" class="flex items-center gap-3 px-4 py-3 hover:text-primary dark:hover:text-dark-primary text-lg">
641                            LIFESTYLE
642                        </a>
643
644                        
645                                                    <a href="/categories/lifestyle" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4">
646                                <div class="size-6">
647            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
648    <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
649</svg>
650
651    </div>
652                                LIFESTYLE
653                            </a>
654                                                    <a href="/categories/storytelling" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4">
655                                <div class="size-6">
656            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
657    <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
658</svg>
659
660    </div>
661                                STORYTELLING
662                            </a>
663                                                    <a href="/categories/photoseries" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4">
664                                <div class="size-6">
665            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
666    <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
667</svg>
668
669    </div>
670                                PHOTOSERIES
671                            </a>
672                                            </li>
673                                                        <li class="border-t-2 border-black dark:border-dark-primary pb-3">
674                        <a href="/categories/the-watchlist" class="flex items-center gap-3 px-4 py-3 hover:text-primary dark:hover:text-dark-primary text-lg">
675                            THE WATCHLIST
676                        </a>
677
678                                                    <a href="/categories/series" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4">
679                                <div class="size-6">
680            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
681    <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
682</svg>
683
684    </div>
685                                SERIES
686                            </a>
687                        
688                                                    <a href="/categories/film-tv" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4">
689                                <div class="size-6">
690            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
691    <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
692</svg>
693
694    </div>
695                                FILMS
696                            </a>
697                                            </li>
698                                                        <li class="border-t-2 border-black dark:border-dark-primary ">
699                        <a href="/albums" class="flex items-center gap-3 px-4 py-3 hover:text-primary dark:hover:text-dark-primary text-lg">
700                            ALBUMS
701                        </a>
702
703                        
704                                            </li>
705                                                        <li class="border-t-2 border-black dark:border-dark-primary pb-3">
706                        <a href="/print" class="flex items-center gap-3 px-4 py-3 hover:text-primary dark:hover:text-dark-primary text-lg">
707                            PRINT
708                        </a>
709
710                                                    <a href="/print/the-unseen-vol-02-nostalgia" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4">
711                                <div class="size-6">
712            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
713    <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
714</svg>
715
716    </div>
717                                Vol. 02: NOSTALGIA
718                            </a>
719                                                    <a href="/print/the-unseen-vol-01-belonging" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4">
720                                <div class="size-6">
721            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
722    <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
723</svg>
724
725    </div>
726                                Vol. 01: BELONGING
727                            </a>
728                        
729                                            </li>
730                                                        <li class="border-t-2 border-black dark:border-dark-primary pb-3">
731                        <a href="/about" class="flex items-center gap-3 px-4 py-3 hover:text-primary dark:hover:text-dark-primary text-lg">
732                            ABOUT
733                        </a>
734
735                                                    <a href="/team" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4">
736                                <div class="size-6">
737            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
738    <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
739</svg>
740
741    </div>
742                                TEAM
743                            </a>
744                                                    <a href="/contact" class="flex items-center gap-3 hover:text-primary dark:hover:text-dark-primary py-2 pl-8 pr-4">
745                                <div class="size-6">
746            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
747    <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499" />
748</svg>
749
750    </div>
751                                CONTACT
752                            </a>
753                        
754                                            </li>
755                            </ul>
756        </div>
757    </div>
758</nav>
759
760                <main class="grid grid-cols-1 lg:grid-cols-8 gap-8 py-12 lg:py-14 px-4 xl:px-0 max-w-4xl mx-auto">
761            
762            <article class=" col-span-full ">
763                
764            <h1 class="mb-6 text-2xl md:text-4xl font-bold dark:text-dark-primary ">
765    About
766</h1>
767    
768    <div class="mx-auto">
769    <div class="prose dark:prose-invert max-w-none
770                prose-h1:text-4xl lg:prose-h1:text-5xl prose-h1:mb-4
771                prose-h2:text-3xl lg:prose-h2:text-4xl
772                prose-h3:text-2xl lg:prose-h3:text-3xl
773                prose-h4:text-xl lg:prose-h4:text-2xl
774                prose-h5:text-3xl lg:prose-h5:text-4xl prose-h5:font-bold prose-h5:text-primary dark:prose-h5:text-dark-primary
775                prose-h6:text-2xl lg:prose-h6:text-3xl prose-h6:font-semibold prose-h6:text-primary dark:prose-h6:text-dark-primary
776                prose-blockquote:bg-gray-50 dark:prose-blockquote:bg-white/5 prose-blockquote:px-6 prose-blockquote:py-2 prose-blockquote:border-l-primary dark:prose-blockquote:border-l-dark-primary
777                prose-a:text-primary hover:prose-a:text-primary-mod dark:prose-a:text-dark-primary dark:hover:prose-a:text-dark-primary/80
778                "
779    >
780                                    <div class="flex justify-center gap-2">
781    
782            <figure class=" data-[lg-id=]:cursor-pointer"
783        data-gallery-image
784        data-sub-html=""
785        data-download-url="https://pub-c5cd020eeed140faaeac59368683ee97.r2.dev/articles/the-unseen-mag/logo-1.png"
786        data-src="https://img.romanzipp.cloud/_IgrJM-oKVuxx2XOJOHY7Qt44GOfA-23xTZXB6igaG8/aHR0cHM6Ly9wdWItYzVjZDAyMGVlZWQxNDBmYWFlYWM1OTM2ODY4M2VlOTcucjIuZGV2L2FydGljbGVzL3RoZS11bnNlZW4tbWFnL2xvZ28tMS5wbmc">
787
788    <img src="https://img.romanzipp.cloud/BQDfvPVY1_zLd-W3aJR8eUhr6sbfG7683obPQ0A88qc/w:700/h:700/aHR0cHM6Ly9wdWItYzVjZDAyMGVlZWQxNDBmYWFlYWM1OTM2ODY4M2VlOTcucjIuZGV2L2FydGljbGVzL3RoZS11bnNlZW4tbWFnL2xvZ28tMS5wbmc"
789         alt=""
790         class="object-contain">
791
792    
793</figure>
794    </div>
795                            <h2 style="text-align: justify;">WE ARE THE UNSEEN! </h2><p style="text-align: justify;"><strong>THE UNSEEN</strong> is an online publication established in 2024 that showcases unique cultures and lifestyles to <strong><em>see the unseen</em></strong>. We cover various lifestyle and cultural topics but also concerts and interviews to provide insight into the light and dark of the pop culture and music industry.</p><p style="text-align: justify;">Founded by two women in the creative industry, Fernanda and Mäx. The Magazine aims to change the narrative and gives a voice to &#039;the unseen&#039; in the Industry and the Public. As female Photographers, we want to give all people, but especially women and LGBTQ+, a chance to work in the industry and showcase their talent in writing, journalism, and behind the camera. Based in Germany but with an international Team, our magazine covers different perspectives and areas worldwide, primarily in Europe and the US. With a new theme per Issue, we try to challenge the creatives working with us. But we also deliver a theme interpreted by people from all walks of life. After a sold out first Print, the second print issue will be out this year... read <a target="_blank" href="https://theunseenmag.de/print">here</a> for more! </p><p style="text-align: justify;">With Concert Reviews, Interviews, diverse Storytelling, and interesting photo series, we take a look behind the curtains of different stages in music, the daily life, and culture. </p><p style="text-align: justify;">We are eager to celebrate and empower diverse views on life, unique people and their stories. All while showcasing the culture and music that interprets these topics and values.</p><p style="text-align: justify;"><em>WE SEE THE UNSEEN! </em></p>
796                            <div class="p-6 lg:p-8 bg-gray-50 mb-4">
797    <h2 class="mt-0">
798            ABOUT THE FOUNDERS
799        </h2>
800    
801    
802    <div class="grid gap-4 grid-cols-1 md:grid-cols-2">
803                    <div class="flex flex-col gap-6">
804    <div class="shrink-0">
805                    <img src="https://img.romanzipp.cloud/7WlFNbuQJ36eWbAyIdUJBr9vwRWr2yFiXm2_djuQ8BA/w:400/h:400/g:fp:0.5:0.5/rt:fill/aHR0cHM6Ly9wdWItYzVjZDAyMGVlZWQxNDBmYWFlYWM1OTM2ODY4M2VlOTcucjIuZGV2L
8053VzZXJzL21heGluZS5qcGVn"
806                 alt="Maxine"
807                 class="size-32 shrink-0 rounded-full not-prose">
808            </div>
809    <div>
810        <h3 class="mt-0">
811            <a href="/team/maxine"
812                              class="not-prose hover:text-primary">
813                Maxine
814            </a>
815        </h3>
816                    <div class="-mt-4 mb-6 text-gray-500 font-medium">
817                Creative Director, Design, Photographer &amp; Interviews
818            </div>
819                <div class="flex gap-3">
820                            <a href="https://www.instagram.com/shotbymaex"
821                   target="_blank"
822                   class="opacity-50 hover:opacity-100 hover:text-primary">
823                    <div class="size-6">
824            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M17.5,0h-11C2.912,0.006,0.006,2.912,0,6.5v11c0.006,3.588,2.912,6.494,6.5,6.5h11c3.588-0.006,6.494-2.912,6.5-6.5v-11 C23.994,2.912,21.088,0.006,17.5,0z M12,17.5c-3.038,0-5.5-2.462-5.5-5.5S8.962,6.5,12,6.5s5.5,2.462,5.5,5.5S15.038,17.5,12,17.5z M18.5,6.5C17.672,6.5,17,5.828,17,5s0.672-1.5,1.5-1.5S20,4.172,20,5S19.328,6.5,18.5,6.5z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
825
826    </div>
827                </a>
828                            <a href="https://www.tiktok.com/@maxinejuliephoto"
829                   target="_blank"
830                   class="opacity-50 hover:opacity-100 hover:text-primary">
831                    <div class="size-6">
832            <svg role="img" viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
833    <title>TikTok</title>
834    <path
835        fill="currentColor"
836        d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
837</svg>
838
839    </div>
840                </a>
841                            <a href="https://shotbymaex.myportfolio.com"
842                   target="_blank"
843                   class="opacity-50 hover:opacity-100 hover:text-primary">
844                    <div class="size-6">
845            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" height="100%" width="100%">
846    <path fill-rule="evenodd" d="M8.914 6.025a.75.75 0 0 1 1.06 0 3.5 3.5 0 0 1 0 4.95l-2 2a3.5 3.5 0 0 1-5.396-4.402.75.75 0 0 1 1.251.827 2 2 0 0 0 3.085 2.514l2-2a2 2 0 0 0 0-2.828.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
847    <path fill-rule="evenodd" d="M7.086 9.975a.75.75 0 0 1-1.06 0 3.5 3.5 0 0 1 0-4.95l2-2a3.5 3.5 0 0 1 5.396 4.402.75.75 0 0 1-1.251-.827 2 2 0 0 0-3.085-2.514l-2 2a2 2 0 0 0 0 2.828.75.75 0 0 1 0 1.06Z" clip-rule="evenodd" />
848</svg>
849
850    </div>
851                </a>
852                            <a href="mailto:[email protected]"
853                   target="_blank"
854                   class="opacity-50 hover:opacity-100 hover:text-primary">
855                    <div class="size-6">
856            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M 2.25,4.5h19.5c0.828,0,1.5,0.672,1.5,1.5v12c0,0.828-0.672,1.5-1.5,1.5H2.25c-0.828,0-1.5-0.672-1.5-1.5V6 C0.75,5.172,1.422,4.5,2.25,4.5z " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 15.687,9.975L19.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 8.313,9.975L4.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 22.88,5.014l-9.513,6.56 c-0.823,0.568-1.911,0.568-2.734,0L1.12,5.014" stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
857
858    </div>
859                </a>
860                                </div>
861        <div class="-mb-5">
862                            <p>I love to capture little moments in busy streets, but for our magazine, I mostly take editorial, portraits and concerts shots. You can sometime  find me reviewing concerts or talking about all and everything during a hot chocolate in interviews with our guests.</p>
863
864                    </div>
865    </div>
866</div>
867                    <div class="flex flex-col gap-6">
868    <div class="shrink-0">
869                    <img src="https://img.romanzipp.cloud/bRtokcdeQXRAhSNV43kGaBJ8zKr1uEKbibQvh8_Vtlc/w:400/h:400/g:fp:0.5:0.5/rt:fill/aHR0cHM6Ly9wdWItYzVjZDAyMGVlZWQxNDBmYWFlYWM1OTM2ODY4M2VlOTcucjIuZGV2L3VzZXJzL2Zlcm5hbmRhLmpwZWc"
870                 alt="Fernanda"
871                 class="size-32 shrink-0 rounded-full not-prose">
872            </div>
873    <div>
874        <h3 class="mt-0">
875            <a href="/team/fernanda"
876                              class="not-prose hover:text-primary">
877                Fernanda
878            </a>
879        </h3>
880                    <div class="-mt-4 mb-6 text-gray-500 font-medium">
881                Creative Director, Photographer &amp; Reviews/Interviews
882            </div>
883                <div class="flex gap-3">
884                            <a href="https://www.instagram.com/fernandaaugel/"
885                   target="_blank"
886                   class="opacity-50 hover:opacity-100 hover:text-primary">
887                    <div class="size-6">
888            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewB
888ox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M17.5,0h-11C2.912,0.006,0.006,2.912,0,6.5v11c0.006,3.588,2.912,6.494,6.5,6.5h11c3.588-0.006,6.494-2.912,6.5-6.5v-11 C23.994,2.912,21.088,0.006,17.5,0z M12,17.5c-3.038,0-5.5-2.462-5.5-5.5S8.962,6.5,12,6.5s5.5,2.462,5.5,5.5S15.038,17.5,12,17.5z M18.5,6.5C17.672,6.5,17,5.828,17,5s0.672-1.5,1.5-1.5S20,4.172,20,5S19.328,6.5,18.5,6.5z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
889
890    </div>
891                </a>
892                            <a href="https://www.tiktok.com/fernandaaugel"
893                   target="_blank"
894                   class="opacity-50 hover:opacity-100 hover:text-primary">
895                    <div class="size-6">
896            <svg role="img" viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
897    <title>TikTok</title>
898    <path
899        fill="currentColor"
900        d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
901</svg>
902
903    </div>
904                </a>
905                            <a href="https://www.fernandaaugel.com"
906                   target="_blank"
907                   class="opacity-50 hover:opacity-100 hover:text-primary">
908                    <div class="size-6">
909            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" height="100%" width="100%">
910    <path fill-rule="evenodd" d="M8.914 6.025a.75.75 0 0 1 1.06 0 3.5 3.5 0 0 1 0 4.95l-2 2a3.5 3.5 0 0 1-5.396-4.402.75.75 0 0 1 1.251.827 2 2 0 0 0 3.085 2.514l2-2a2 2 0 0 0 0-2.828.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
911    <path fill-rule="evenodd" d="M7.086 9.975a.75.75 0 0 1-1.06 0 3.5 3.5 0 0 1 0-4.95l2-2a3.5 3.5 0 0 1 5.396 4.402.75.75 0 0 1-1.251-.827 2 2 0 0 0-3.085-2.514l-2 2a2 2 0 0 0 0 2.828.75.75 0 0 1 0 1.06Z" clip-rule="evenodd" />
912</svg>
913
914    </div>
915                </a>
916                            <a href="mailto:[email protected]"
917                   target="_blank"
918                   class="opacity-50 hover:opacity-100 hover:text-primary">
919                    <div class="size-6">
920            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M 2.25,4.5h19.5c0.828,0,1.5,0.672,1.5,1.5v12c0,0.828-0.672,1.5-1.5,1.5H2.25c-0.828,0-1.5-0.672-1.5-1.5V6 C0.75,5.172,1.422,4.5,2.25,4.5z " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 15.687,9.975L19.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 8.313,9.975L4.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 22.88,5.014l-9.513,6.56 c-0.823,0.568-1.911,0.568-2.734,0L1.12,5.014" stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
921
922    </div>
923                </a>
924                                </div>
925        <div class="-mb-5">
926                            <p>I found my creativity in photography. I love to reinvent myself through photography, especially while focusing on concerts and fashion.</p>
927
928                    </div>
929    </div>
930</div>
931        
932            </div>
933</div>
934                            <h4>FIND THE REST OF OUR TEAM <a target="_blank" href="https://theunseenmag.de/team">HERE</a>!</h4><p><em>For Requests such as Interview/Review, Collabs, Contributions or any other questions see the <a target="_blank" href="https://theunseenmag.de/contact">CONTACT</a> page. </em></p><h4>FOLLOW US FOR OUR LATEST POSTS ON OUR SOCIALS!</h4>
935                            <div class="my-6 text-primary">
936
937    
938    
939        <div class="flex">
940                            <a href="https://www.instagram.com/theunseenmag/"
941                class="px-2 py-1 hover:text-primary"
942                aria-label="Instagram"
943                rel="noopener">
944                    <div class="size-6">
945            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewB
945ox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M17.5,0h-11C2.912,0.006,0.006,2.912,0,6.5v11c0.006,3.588,2.912,6.494,6.5,6.5h11c3.588-0.006,6.494-2.912,6.5-6.5v-11 C23.994,2.912,21.088,0.006,17.5,0z M12,17.5c-3.038,0-5.5-2.462-5.5-5.5S8.962,6.5,12,6.5s5.5,2.462,5.5,5.5S15.038,17.5,12,17.5z M18.5,6.5C17.672,6.5,17,5.828,17,5s0.672-1.5,1.5-1.5S20,4.172,20,5S19.328,6.5,18.5,6.5z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
946
947    </div>
948                </a>
949                            <a href="https://tiktok.com/@Theunseenmag"
950                class="px-2 py-1 hover:text-primary"
951                aria-label="TikTok"
952                rel="noopener">
953                    <div class="size-6">
954            <svg role="img" viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
955    <title>TikTok</title>
956    <path
957        fill="currentColor"
958        d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
959</svg>
960
961    </div>
962                </a>
963                            <a href="https://www.youtube.com/channel/UCn1941vTe8xbziapRw4lfgA"
964                class="px-2 py-1 hover:text-primary"
965                aria-label="YouTube"
966                rel="noopener">
967                    <div class="size-6">
968            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M20.06,3.5H3.94C1.764,3.5,0,5.264,0,7.44v9.12c0,2.176,1.764,3.94,3.94,3.94c0,0,0,0,0,0h16.12 c2.176,0,3.94-1.764,3.94-3.94l0,0V7.44C24,5.264,22.236,3.5,20.06,3.5L20.06,3.5z M16.54,12l-6.77,4.36 c-0.232,0.149-0.542,0.082-0.691-0.151C9.028,16.129,9,16.035,9,15.94V7.28c0-0.276,0.225-0.5,0.501-0.499 c0.095,0,0.189,0.028,0.269,0.079l6.77,4.33c0.232,0.15,0.299,0.459,0.149,0.691c-0.038,0.06-0.089,0.11-0.149,0.149V12z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
969
970    </div>
971                </a>
972                            <a href="https://open.spotify.com/user/31vh4ac5lpydguyywvtgxaec3cei?si=bf51bef9f96546cf"
973                class="px-2 py-1 hover:text-primary"
974                aria-label="Spotify"
975                rel="noopener">
976                    <div class="size-6">
977            <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Spotify</title><path fill="currentColor" d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/></svg>
978
979    </div>
980                </a>
981                            <a href="mailto:[email protected]"
982                class="px-2 py-1 hover:text-primary"
983                aria-label="E-Mail"
984                rel="noopener">
985                    <div class="size-6">
986            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewB
986ox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M 2.25,4.5h19.5c0.828,0,1.5,0.672,1.5,1.5v12c0,0.828-0.672,1.5-1.5,1.5H2.25c-0.828,0-1.5-0.672-1.5-1.5V6 C0.75,5.172,1.422,4.5,2.25,4.5z " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 15.687,9.975L19.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 8.313,9.975L4.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 22.88,5.014l-9.513,6.56 c-0.823,0.568-1.911,0.568-2.734,0L1.12,5.014" stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
987
988    </div>
989                </a>
990                    </div>
991
992    
993</div>
994                    
995                    
996            </div>
997</div>
998
999            </article>
1000
1001                    </main>
1002    </div>
1003
1004    <footer class="py-6 lg:py-12 px-8 lg:px-32 text-left bg-gray-50 dark:bg-white/5 dark:text-white">
1005    <div class="container mx-auto">
1006        <div class="flex flex-col lg:flex-row gap-8 justify-between">
1007            <div class="max-w-96">
1008                <h3 class="mb-4 text-3xl font-display">
1009                    THE UNSEEN Mag
1010                </h3>
1011                <p>
1012                    THE UNSEEN is an online Magazine established in 2024 that showcases unique cultures and lifestyles to see the unseen. We cover concerts and interviews and provide insight into the light and dark of the music industry.
1013                </p>
1014            </div>
1015
1016            <div>
1017                <h4 class="mb-4 font-bold text-lg">
1018                    Latest Articles
1019                </h4>
1020                <div class="flex flex-col gap-1">
1021                                            <a href="/threshing-day-all-about-the-newest-addition-to-the-empyrean-series" class="hover:text-primary">
1022                            Threshing Day: All About the Newest...
1023                        </a>
1024                                            <a href="/rachel-chinouriri-berlin-2026" class="hover:text-primary">
1025                            Inside Rachel Chinouriri’s Berlin T...
1026                        </a>
1027                                            <a href="/when-strangers-stop-being-strangers" class="hover:text-primary">
1028                            When Strangers Stop Being Strangers...
1029                        </a>
1030                                            <a href="/act-ii-into-the-unknown-tour-jj-in-hamburg" class="hover:text-primary">
1031                            ACT II - Into the Unknown Tour: JJ...
1032                        </a>
1033                                            <a href="/everything-will-be-ok-kid-vienna-2026" class="hover:text-primary">
1034                            Everything Will Be... OK KID - Vien...
1035                        </a>
1036                                    </div>
1037            </div>
1038
1039            <div>
1040                <h4 class="mb-4 font-bold text-lg">
1041                    Latest Albums
1042                </h4>
1043                <div class="flex flex-col gap-1">
1044                                            <a href="/albums/malou-lovis-in-hamburg" class="hover:text-primary">
1045                            Malou Lovis in Hamburg!
1046                        </a>
1047                                            <a href="/albums/rachel-chinouriri-berlin" class="hover:text-primary">
1048                            Rachel Chinouriri in Berlin
1049                        </a>
1050                                            <a href="/albums/ok-kid-in-vienna" class="hover:text-primary">
1051                            OK KID in Vienna
1052                        </a>
1053                                            <a href="/albums/jj-in-hamburg" class="hover:text-primary">
1054                            JJ in Hamburg
1055                        </a>
1056                                            <a href="/albums/annenmaykanterein-in-vienna" class="hover:text-primary">
1057                            AnnenMayKantereit in Vienna
1058                        </a>
1059                                    </div>
1060            </div>
1061        </div>
1062    </div>
1063
1064    <div class="flex items-baseline justify-center gap-2 mt-8 text-sm text-center">
1065        <div>
1066            &copy; 2026 
1067        </div>
1068                    <span>·</span>
1069            <a href="/imprint" class="hover:text-primary">Imprint</a>
1070                    <span>·</span>
1071            <a href="/privacy" class="hover:text-primary">Privacy Policy</a>
1072            </div>
1073
1074    <div class="flex items-center justify-center mt-6">
1075                    <a href="https://www.instagram.com/theunseenmag/"
1076               target="_blank"
1077               class="px-2 hover:text-primary"
1078               aria-label="Instagram"
1079               rel="noopener">
1080                <div class="size-6">
1081            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M17.5,0h-11C2.912,0.006,0.006,2.912,0,6.5v11c0.006,3.588,2.912,6.494,6.5,6.5h11c3.588-0.006,6.494-2.912,6.5-6.5v-11 C23.994,2.912,21.088,0.006,17.5,0z M12,17.5c-3.038,0-5.5-2.462-5.5-5.5S8.962,6.5,12,6.5s5.5,2.462,5.5,5.5S15.038,17.5,12,17.5z M18.5,6.5C17.672,6.5,17,5.828,17,5s0.672-1.5,1.5-1.5S20,4.172,20,5S19.328,6.5,18.5,6.5z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
1082
1083    </div>
1084            </a>
1085                    <a href="https://tiktok.com/@Theunseenmag"
1086               target="_blank"
1087               class="px-2 hover:text-primary"
1088               aria-label="TikTok"
1089               rel="noopener">
1090                <div class="size-6">
1091            <svg role="img" viewBox="0 0 24 24" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
1092    <title>TikTok</title>
1093    <path
1094        fill="currentColor"
1095        d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
1096</svg>
1097
1098    </div>
1099            </a>
1100                    <a href="https://www.youtube.com/channel/UCn1941vTe8xbziapRw4lfgA"
1101               target="_blank"
1102               class="px-2 hover:text-primary"
1103               aria-label="YouTube"
1104               rel="noopener">
1105                <div class="size-6">
1106            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M20.06,3.5H3.94C1.764,3.5,0,5.264,0,7.44v9.12c0,2.176,1.764,3.94,3.94,3.94c0,0,0,0,0,0h16.12 c2.176,0,3.94-1.764,3.94-3.94l0,0V7.44C24,5.264,22.236,3.5,20.06,3.5L20.06,3.5z M16.54,12l-6.77,4.36 c-0.232,0.149-0.542,0.082-0.691-0.151C9.028,16.129,9,16.035,9,15.94V7.28c0-0.276,0.225-0.5,0.501-0.499 c0.095,0,0.189,0.028,0.269,0.079l6.77,4.33c0.232,0.15,0.299,0.459,0.149,0.691c-0.038,0.06-0.089,0.11-0.149,0.149V12z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
1107
1108    </div>
1109            </a>
1110                    <a href="https://open.spotify.com/user/31vh4ac5lpydguyywvtgxaec3cei?si=bf51bef9f96546cf"
1111               target="_blank"
1112               class="px-2 hover:text-primary"
1113               aria-label="Spotify"
1114               rel="noopener">
1115                <div class="size-6">
1116            <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Spotify</title><path fill="currentColor" d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/></svg>
1117
1118    </div>
1119            </a>
1120                    <a href="mailto:[email protected]"
1121               target="_blank"
1122               class="px-2 hover:text-primary"
1123               aria-label="E-Mail"
1124               rel="noopener">
1125                <div class="size-6">
1126            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewB
1126ox="0 0 16 16" width="100%" height="100%"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M 2.25,4.5h19.5c0.828,0,1.5,0.672,1.5,1.5v12c0,0.828-0.672,1.5-1.5,1.5H2.25c-0.828,0-1.5-0.672-1.5-1.5V6 C0.75,5.172,1.422,4.5,2.25,4.5z " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 15.687,9.975L19.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 8.313,9.975L4.5,13.5 " stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 22.88,5.014l-9.513,6.56 c-0.823,0.568-1.911,0.568-2.734,0L1.12,5.014" stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
1127
1128    </div>
1129            </a>
1130            </div>
1131</footer>
1132</body>
1133</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.