PageSourceSearch

https://www.blur.co.uk/

html blur.co.uk collected 2026-10-02 06:12:55 UTC 99,379 bytes, 3,241 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# ">
3  <head>
4    <meta charset="utf-8" />
5<meta name="description" content="BLUR - Official Website" />
6<meta name="keywords" content="BLUR" />
7<link rel="canonical" href="https://www.blur.co.uk/" />
8<meta name="robots" content="index, follow" />
9<link rel="shortlink" href="https://www.blur.co.uk/" />
10<meta property="og:site_name" content="Blur" />
11<meta property="og:type" content="website" />
12<meta property="og:url" content="https://www.blur.co.uk/" />
13<meta property="og:title" content="BLUR - Official Website" />
14<meta property="og:description" content="BLUR - Official Website" />
15<meta property="og:image" content="https://www.blur.co.uk/sites/g/files/g2000022371/files/2026-03/OG.jpg" />
16<meta name="twitter:card" content="summary_large_image" />
17<meta name="twitter:description" content="BLUR - Official Website" />
18<meta name="twitter:site" content="@blur" />
19<meta name="twitter:title" content="BLUR - Official Website" />
20<meta name="twitter:image" content="https://www.blur.co.uk/sites/g/files/g2000022371/files/2026-03/OG.jpg" />
21<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
22<meta name="MobileOptimized" content="width" />
23<meta name="HandheldFriendly" content="true" />
24<meta name="viewport" content="width=device-width, initial-scale=1.0" />
25<link rel="stylesheet" href="https://use.typekit.net/lae6hxw.css" />
26<link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.css" async="async" defer="defer/" /="/" />
27<link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.theme.default.min.css" /="/" />
28<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.5.2/css/all.css" />
29<link rel="stylesheet" href="https://libraries.wmgartistservices.com/custom_css/icon_Library/icomoon-library.css" />
30<link rel="preconnect" href="https://fonts.googleapis.com" />
31<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin" />
32<link href="https://fonts.googleapis.com/css2?family=Poppins&amp;display=swap" rel="stylesheet" />
33<meta name="robots" content="noimageai,noai" />
34<link rel="icon" href="/sites/g/files/g2000022371/files/2026-03/fav.png" type="image/png" />
35<script type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charset="UTF-8" data-domain-script="ab21d135-b098-4d33-9e95-dbada7b96763" data-document-language="true"></script>
vendor: 1 bytes, line 35
35
36<script type="text/javascript">function OptanonWrapper() {
37      var cookiePolicyLink = 'https://www.wminewmedia.com/cookies-policy/';
38      var allLinks = document.querySelectorAll('a');
39      for(i = 0; i < allLinks.length; i++) {
40        let href = allLinks[i].href;
41        if (href.indexOf(cookiePolicyLink) > -1 && href.indexOf('?ot=') < 0) {
42          href = href + '?ot=ab21d135-b098-4d33-9e95-dbada7b96763&url=' + window.location.hostname;
43          allLinks[i].setAttribute("href", href);
44          allLinks[i].setAttribute("target", "_blank");
45        }
46      }             
47      var eOT = new Event("OneTrustGroupsUpdated");
48      document.dispatchEvent(eOT);
49      var regCheckPerformance = /,C0002,/;
50      var regCheckFunctional = /,C0003,/;
51      var regCheckTargeting = /,C0004,/;
52      var regCheckSocial = /,C0008,/;
53}</script>
53
54<link rel="stylesheet" type="text/css" href="https://www.wminewmedia.com/cookies-policy/onetrust/ot.css" />
55<script type="text/javascript">digitalData={"settings":{"reportSuites":"wmg,wmggbglobal,wmgprl,wmgprlgb,wmgblur.co.uk"},"content":{"artist":"Blur","label":"Warner Music International","sublabel":"Parlophone Records"},"page":{"pageInfo":{"pageName":"Blur:Homepage","server":"Blur:Site","devTeam":"WMAS","platform":"Drupal 10"},"category":{"primaryCategory":"Blur:Home","pageType":"homepage"}}}</script>
vendor: 1 bytes, line 55
55
56<script src="//assets.adobedtm.com/launch-EN302b8a31b75a4dda8ff8df1d0cdb4762.min.js" async></script>
vendor: 1 bytes, line 56
56
57<script src="https://libraries.wmgartistservices.com/jslibrary/jquery.min.js">�</script>
vendor: 1 bytes, line 57
57
58<script src="https://libraries.wmgartistservices.com/songkick/widget_min.js?gfg" defer="defer">�</script>
vendor: 1 bytes, line 58
58
59<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/cdc.js" defer="defer">�</script>
vendor: 1 bytes, line 59
59
60<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/dtm.js" defer="defer">�</script>
vendor: 1 bytes, line 60
60
61<script src="https://libraries.wmgartistservices.com/custom-js/YTDTM/YTFns.js" defer="defer">�</script>
vendor: 1 bytes, line 61
61
62<script src="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.min.js" defer="defer"></script>
62
63
64    <title>BLUR - Official Website</title>
65    <link rel="stylesheet" media="all" href="/sites/g/files/g2000022371/files/css/css_Wh_kzMUrmahW5oy4Dnxrc3BwFHlqM_KWI4U5sxrY8ms.css?delta=0&amp;language=en&amp;theme=bartik&amp;include=eJxdzdEKwjAMheEX6ppHGukaSjRpRtM5u6dXJoju5lx8HPgTts53WATdR0zoFNIfKbljIb9wtfx9FrGEMnkfwrWExRpBbtuKEvGGzw9Ua4rCBwUf3knhbD2Ydodzo1rehMKuZba1s_KBna3CG6ZfeAFAfkWx" />
66<link rel="stylesheet" media="all" href="/sites/g/files/g2000022371/files/css/css_-1DoZuVTsmHDw4iihCLFyQEPyxPqyaNb1GfOZwUGPIc.css?delta=1&amp;language=en&amp;theme=bartik&amp;include=eJxdzdEKwjAMheEX6ppHGukaSjRpRtM5u6dXJoju5lx8HPgTts53WATdR0zoFNIfKbljIb9wtfx9FrGEMnkfwrWExRpBbtuKEvGGzw9Ua4rCBwUf3knhbD2Ydodzo1rehMKuZba1s_KBna3CG6ZfeAFAfkWx" />
67<link rel="stylesheet" media="print" href="/sites/g/files/g2000022371/files/css/css_4rxhrqZXZngrka0F_UdYgVTwmK33AbpeKL3TR63kxok.css?delta=2&amp;language=en&amp;theme=bartik&amp;include=eJxdzdEKwjAMheEX6ppHGukaSjRpRtM5u6dXJoju5lx8HPgTts53WATdR0zoFNIfKbljIb9wtfx9FrGEMnkfwrWExRpBbtuKEvGGzw9Ua4rCBwUf3knhbD2Ydodzo1rehMKuZba1s_KBna3CG6ZfeAFAfkWx" />
68<link rel="stylesheet" media="all" href="/sites/g/files/g2000022371/files/css/css_Cox213fzNLziLCWJLofE9-JzaECR1sPnFUmbMXH-fks.css?delta=3&amp;language=en&amp;theme=bartik&amp;include=eJxdzdEKwjAMheEX6ppHGukaSjRpRtM5u6dXJoju5lx8HPgTts53WATdR0zoFNIfKbljIb9wtfx9FrGEMnkfwrWExRpBbtuKEvGGzw9Ua4rCBwUf3knhbD2Ydodzo1rehMKuZba1s_KBna3CG6ZfeAFAfkWx" />
69
70    
71  </head>
72  <body class="page-node-506 page-node-type-page layout-no-sidebars path-frontpage">
73        <a href="#main-content" class="visually-hidden focusable skip-link">
74      Skip to main content
75    </a>
76    
77      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
78    <div id="page-wrapper">
79  <div id="page">
80    <header id="header" class="header" role="banner">
81      <div class="section layout-container clearfix">
82        
83          <div class="clearfix region region-header">
84    <div id="block-bartik-sitecssjs" class="block block-block-content block-block-content93449290-c630-49f9-937a-3343034eaaa0">
85  
86    
87      <div class="content">
88      
89            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
90    @import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap");
91
92    :root {
93        --site-color: #ffffff;
94        --site-text-color: #ffffff;
95        --site-background-color: #000000;
96        --site-hover-color: #ffffff;
97        --site-button-color: #ffffff;
98        --site-primary-font: "Poppins", sans-serif;
99        --site-secondary-font: "Ubuntu", sans-serif;
100        --site-white-color: #ffffff;
101        --site-black-color: #000000;
102        --font-weight-light: 300;
103        --font-weight-regular: 400;
104        --font-weight-medium: 500;
105        --font-weight-bold: 700;
106    }
107
108    * {
109        margin: 0;
110        padding: 0;
111        box-sizing: border-box;
112    }
113
114    body {
115        font-family: var(--site-primary-font);
116        font-size: 18px;
117        color: var(--site-white-color);
118        background: var(--site-background-color);
119        width: 100vw;
120        margin: 0 auto;
121        overflow-x: hidden;
122        position: relative;
123        font-weight: var(--font-weight-light);
124        text-transform: lowercase;
125    }
126
127    body.overflow {
128        overflow: hidden;
129    }
130
131    img {
132        width: 100%;
133        height: auto;
134    }
135
136    a {
137        transition: 0.5s ease-in-out;
138    }
139
140    a:hover {
141        opacity: 0.7;
142    }
143
144    .main-wrapper.active {
145        left: -100%;
146    }
147
148    .poster_wrap {
149        max-width: 45%;
150        margin: 0 auto;
151    }
152
153    .latest-desc {
154        text-transform: initial;
155    }
156
157    .main-wrapper {
158        position: relative;
159        width: 100%;
160        left: 0;
161        transition: 1s;
162    }
163
164    .header-wrapper {
165        display: flex;
166        justify-content: space-between;
167        align-items: center;
168        width: 100%;
169        position: fixed;
170        top: 2vw;
171        z-index: 102;
172        left: 2vw;
173        width: 94vw;
174    }
175
176    .site-logo {
177        width: 8.3229vw;
178    }
179
180    .nav-wrapper .nav-items {
181        width: 100%;
182        display: flex;
183        justify-content: space-between;
184        gap: 3vw;
185    }
186
187    .nav-wrapper .nav-items a {
188        color: var(--site-white-color);
189        font-weight: var(--font-weight-medium);
190        font-size: 1.3021vw;
191        text-decoration: none;
192        line-height: 1.6146vw;
193    }
194
195    .nav-wrapper .nav-items a:hover,
196    .footer a:hover {
197        color: var(--site-hover-color);
198    }
199
200    .overlay {
201        position: absolute;
202        top: 0;
203        bottom: 0;
204        left: 0;
205        right: 0;
206        height: 100%;
207        width: 100%;
208        opacity: 0;
209        background: var(--listen-overlay-color);
210        align-items: center;
211        justify-content: center;
212        transition: 0.5s linear all;
213        cursor: pointer;
214    }
215
216    .slider-overlay-content {
217        color: #fff;
218        text-align: center;
219        width: 100%;
220        cursor: pointer;
221        display: flex;
222        justify-content: center;
223        align-items: center;
224        height: 100%;
225    }
226
227    .slider-overlay-content a,
228    .footer-actions a {
229        border: 0.1vw solid;
230        border-radius: 5px;
231        cursor: pointer;
232        color: #fff;
233        width: 9.011vw;
234        border-radius: 0.2604vw;
235        height: 3.334vw;
236        line-height: 3.334vw;
237        display: flex;
238        justify-content: center;
239        align-items: center;
240        appearance: none;
241        -webkit-appearance: none;
242        -moz-appearance: none;
243        transition: 0.5s ease-in-out;
244        text-decoration: none;
245        font-size: 1.5625vw;
246    }
247
248    .sidebar-content .signup-section-content-wrapper input:-webkit-autofill {
249        -webkit-box-shadow: 0 0 0px 1000px white inset !important;
250        -webkit-text-fill-color: black !important;
251        caret-color: black;
252    }
253
254    div#block-bartik-emailsection input:-webkit-autofill {
255        -webkit-box-shadow: 0 0 0px 1000px black inset !important;
256        -webkit-text-fill-color: white !important;
257        caret-color: white;
258    }
259
260    .slider-overlay-content a {
261        margin: 0 auto;
262    }
263
264    .slider-overlay-content a:hover,
265    .footer-actions a:hover {
266        background: #fff;
267        border-color: #fff;
268        color: var(--listen-color);
269        opacity: 1;
270    }
271
272    section.home {
273        background: var(--album-color);
274        height: 100vh;
275        padding: 0 2vw;
276        transition: 2.2s linear all;
277    }
278
279    section.merch {
280        background: #0d625c;
281        padding: 6vw 2vw;
282    }
283
284    .merch-items-grid-wrapper {
285        display: grid;
286        grid-template-columns: 1fr 1fr 1fr;
287        align-items: center;
288        padding-bottom: 12vw;
289    }
290
291    .merch-items-grid-wrapper:last-child {
292        padding-bottom: 0;
293    }
294
295    .merch-content-section:not(.first) {
296        padding-left: 9vw;
297    }
298
299    .merch-image {
300        width: 23.23vw;
301    }
302
303    .merch-image:not(.first) {
304        float: right;
305    }
306
307    .merch-image a img {
308        transition: 0.7s;
309    }
310
311    .merch-image a:hover {
312        opacity: 1;
313    }
314
315    .merch-image a:hover img {
316        transform: scale(1.1);
317    }
318
319    .section-title {
320        font-size: 2.6042vw;
321        line-height: 3.2292vw;
322    }
323
324    .tickets-btn {
325        position: absolute;
326        top: 82vh;
327        left: calc(50% - 5vw);
328    }
329
330    .merch-desc,
331    .latest-desc {
332        font-size: 2.0833vw;
333        line-height: 2.6042vw;
334        opacity: 1;
335        padding: 2vw 0;
336    }
337
338    .order-1 {
339        order: 1;
340    }
341
342    .order-2 {
343        order: 2;
344    }
345
346    .order-minus1 {
347        order: -1;
348    }
349
350    .button {
351        border: 0.1vw solid rgb(255, 48, 15);
352        cursor: pointer;
353        color: #fff;
354        width: 14.2083vw;
355        border-radius: 0.2604vw;
356        font-size: 1.5625vw;
357        height: 3.4896vw;
358        line-height: 3.4896vw;
359        display: flex;
360        justify-content: center;
361        align-items: center;
362        text-decoration: none;
363        text-transform: lowercase;
364        background: rgb(255, 48, 15);
365        transition: 0.5s ease-in-out;
366        font-family: "Poppins", sans-serif;
367    }
368
369    .button:hover {
370        opacity: 0.5;
371        background: rgb(255, 48, 15);
372                color: #fff;
373
374    }
375
376    section.tour {
377        background: #000;
378        padding: 6vw 2vw;
379        position: relative;
380        z-index: 1;
381    }
382
383    .border-section {
384        background-size: cover;
385        position: absolute;
386        top: 0;
387        width: 62vw;
388        height: 100%;
389        left: -37vw;
390        overflow: hidden;
391        z-index: -1;
392        border-radius: 100%;
393        border: 12vw solid #11687f;
394    }
395
396    section.tour .section-title {
397        padding: 2vw 0;
398        text-align: center;
399    }
400
401    .tour-wrapper {
402        width: 90vw;
403        margin: 0 auto;
404    }
405
406    .latest-wrapper {
407        display: grid;
408        grid-template-columns: 1fr 2.4fr;
409    }
410
411    div#block-bartik-merchsection {
412        background: url(/sites/g/files/g2000022371/files/2026-03/grunge.png) no-repeat center #3076b6;
413        background-size: cover;
414        padding: 6vw 0;
415        background: #08a7e1;
416    }
417
418    .latest-grid {
419        display: grid;
420        grid-template-columns: 1fr 2fr;
421        gap: 5vw;
422        align-items: center;
423    }
424
425    .latest-wrapper-image-section {
426        width: 26.7708vw;
427    }
428
429    .latest-section-wrapper {
430        width: 80vw;
431        margin: 0 auto;
432        display: flex;
433        justify-content: center;
434        align-items: center;
435    }
436
437    .latest-wrapper {
438        display: grid;
439        grid-template-columns: 1fr 1.58fr;
440        padding-left: 2vw;
441    }
442
443    .latest-right-content {
444        width: 100%;
445        height: 100%;
446        background: #11687f;
447        border-bottom-left-radius: 62%;
448        padding-top: 7vw;
449        overflow: hidden;
450    }
451
452    .latest-image-section {
453        width: 85%;
454        margin-left: auto;
455        overflow: hidden;
456        background: #06364d;
457        margin-bottom: -1vw;
458    }
459
460    .latest-left-content .section-title {
461        padding: 7vw 0;
462    }
463
464    div#block-bartik-emailsection {
465        background: #000;
466        text-align: center;
467        height: 100vh;
468        display: flex;
469        align-items: center;
470        justify-content: center;
471    }
472
473    .signup-section-content-wrapper {
474        width: 70vw;
475        margin: 0 auto;
476        padding-top: 2.5vw;
477    }
478
479    .signup-content-wrapper {
480        display: grid;
481        grid-template-columns: 1fr 3fr;
482    }
483
484    /* Mailing List */
485
486    .form-section .heading {
487        font-size: 1.5625vw;
488        line-height: 1.9271vw;
489        padding: 2vw 0;
490        width: 36.1458vw;
491        margin: 0 auto;
492    }
493
494    .mlform form {
495        width: 100%;
496        margin: 0 auto;
497    }
498
499    .mlform {
500        width: 37.5vw;
501        margin: 0 auto;
502    }
503
504    .input-fields {
505        display: flex;
506        gap: 1vw;
507    }
508
509    .fieldWrap {
510        padding-bottom: 1vw;
511        position: relative;
512        width: 100%;
513    }
514
515    .fieldWrap input,
516    .fieldWrap select {
517        background: #fff;
518        border: 0.1vw solid #000;
519        color: #000;
520        border-radius: 0.2604vw;
521        font-size: 1.5625vw;
522        height: 3.4896vw;
523        line-height: 3.4896vw;
524        min-height: 60px;
525        padding: 0;
526        box-sizing: border-box;
527        outline: none;
528        width: 100%;
529        padding: 0 2vw;
530        -webkit-appearance: none;
531        appearance: none;
532        text-align: left;
533        text-transform: lowercase;
534        font-family: var(--site-primary-font);
535    }
536
537    .submit1 {
538        width: 20.4167vw;
539    }
540
541    input[type="submit"] {
542        background-color: #000;
543        color: #fff;
544        border: 0.1vw solid #000;
545        border-radius: 0.2604vw;
546        font-size: 1.5625vw;
547        height: 3.4896vw;
548        line-height: 3.4896vw;
549        min-height: 67px;
550        width: 100%;
551        display: block;
552        appearance: none;
553        -webkit-appearance: none;
554        -moz-appearance: none;
555        text-decoration: none;
556        transition: 0.5s ease-in-out;
557        cursor: pointer;
558        padding: 0 2vw;
559        margin: 0 auto;
560        text-align: center;
561        text-transform: lowercase;
562        font-family: var(--site-primary-font);
563    }
564
565    div#block-bartik-emailsection input[type="submit"] {
566        border: 0.1vw solid #fff;
567        background: #fff;
568        color: #000;
569    }
570
571    input[type="submit"]:hover {
572        opacity: 0.5;
573    }
574
575    .custom-field-section {
576        margin-bottom: 2vw;
577    }
578
579    .fieldWrap .errored {
580        border: 1px solid #ff0000 !important;
581    }
582
583    .input-error {
584        position: relative;
585        bottom: -2px;
586        width: 100%;
587        left: 0;
588        line-height: normal;
589        color: #ff0000;
590        font-size: 1vw;
591        text-transform: lowercase;
592        display: block;
593        text-align: left;
594    }
595
596    .fadeOut {
597        display: none;
598    }
599
600    .fadeIn {
601        display: block;
602    }
603
604    .thankyou {
605        font-size: 2.084vw;
606        text-align: center;
607        padding: 0;
608        text-transform: lowercase;
609        line-height: normal;
610    }
611
612    ::-webkit-input-placeholder {
613        /* Chrome/Opera/Safari */
614        color: #000;
615        opacity: 1;
616    }
617
618    ::-moz-placeholder {
619        /* Firefox 19+ */
620        color: #000;
621        opacity: 1;
622    }
623
624    :-ms-input-placeholder {
625        /* IE 10+ */
626        color: #000;
627        opacity: 1;
628    }
629
630    :-moz-placeholder {
631        /* Firefox 18- */
632        color: #000;
633        opacity: 1;
634    }
635
636    input:-webkit-autofill,
637    input:-webkit-autofill:hover,
638    input:-webkit-autofill:focus,
639    textarea:-webkit-autofill,
640    textarea:-webkit-autofill:hover,
641    textarea:-webkit-autofill:focus,
642    select:-webkit-autofill,
643    select:-webkit-autofill:hover,
644    select:-webkit-autofill:focus {
645        transition: background-color 5000s ease-in-out 0s;
646        -webkit-text-fill-color: #000 !important;
647        /* -webkit-text-fill-color: var(--site-background-color); */
648        /* -webkit-box-shadow: 0 0 0px 1000px var(--site-background-color) inset; */
649    }
650
651    .termsfaq {
652        display: flex;
653        width: 100%;
654        justify-content: space-around;
655        position: relative;
656    }
657
658    div.terms,
659    div.faq {
660        text-align: center;
661        padding-top: 1vw;
662        color: #000;
663    }
664
665    div.terms a,
666    div.faq a {
667        color: #000;
668    }
669
670    span.faqq {
671        display: block;
672        font-weight: 700;
673        margin-top: 10px;
674    }
675
676    span.faqq:first-child {
677        border: none;
678        margin: 0;
679        padding-top: 2px;
680    }
681
682    .terms-view {
683        width: 100%;
684        font-size: 1.0417vw;
685        padding-top: 1vw;
686        padding-left: 0;
687        text-align: center;
688        text-transform: lowercase;
689        line-height: 1.3021vw;
690        position: absolute;
691        left: 0;
692        background: #fff;
693    }
694
695    .faq .terms-view {
696        text-align: left;
697        bottom: 40px;
698    }
699
700    #signup-popup .terms-view {
701        bottom: 35px;
702    }
703
704    .terms-view a {
705        color: #000;
706        text-decoration: underline;
707        transition: 0.5s ease-in-out;
708    }
709
710    .terms-view a:hover {
711        opacity: 0.5;
712    }
713
714    section.video {
715        display: none !important;
716        position: relative;
717        background: url(/sites/g/files/g2000022371/files/2026-03/background-slide.png),
718            url(/sites/g/files/g2000022371/files/2026-03/grunge.png) no-repeat center;
719        background-size: cover;
720        width: 100%;
721        height: 100vh;
722        left: 0;
723        display: block;
724        transform: translateY(0);
725        transition: 1s linear all;
726    }
727
728    section.video.active {
729        transform: translateY(-100%);
730    }
731
732    section.video.active.hide {
733        display: none;
734    }
735
736    video.position {
737        position: relative;
738    }
739
740    video {
741        position: absolute;
742        top: 0;
743        left: 0;
744        width: 100%;
745        height: 100vh;
746        z-index: -1;
747        object-fit: cover;
748    }
749
750    section.video video {
751        position: absolute;
752        top: 0;
753        left: 0;
754        width: 100%;
755        height: 100%;
756        z-index: -1;
757        object-fit: cover;
758    }
759
760  
760  .owl-carousel .owl-item {
761        opacity: 0.7;
762    }
763
764    body .nav-btn {
765        width: 3.4896vw;
766    }
767
768    body .nav-btn svg {
769        width: 100%;
770        height: auto;
771        transition: 0.5s ease-in-out;
772    }
773
774    body .nav-btn svg rect {
775        fill: rgb(0 0 0 / 70%);
776        transition: 0.5s ease-in-out;
777    }
778
779    body .nav-btn svg path {
780        transition: 0.5s ease-in-out;
781    }
782
783    body .owl-theme .owl-nav {
784        width: 27.5vw;
785        margin: 0 auto;
786        display: flex;
787        justify-content: space-between;
788        /* padding-top: 2vw; */
789    }
790
791    body .owl-theme .owl-nav [class*="owl-"] {
792        background: transparent;
793        border: none;
794        margin: 0;
795        padding: 0;
796        transition: 0.5s ease-in-out;
797        opacity: 0.5;
798    }
799
800    body .owl-theme .owl-nav [class*="owl-"]:hover {
801        opacity: 1;
802        background: transparent;
803        transition: 0.5s ease-in-out;
804    }
805
806    body .owl-theme .owl-nav [class*="owl-"]:hover .nav-btn svg rect {
807        fill: rgb(0 0 0);
808    }
809
810    body .owl-carousel .owl-item {
811        transform: scale(0.8);
812        transition: 0.5s linear all;
813    }
814
815    body .owl-carousel .owl-item:hover {
816        opacity: 0.5;
817    }
818
819    .owl-carousel .owl-item.active.center:hover .overlay {
820        opacity: 1;
821    }
822
823    .owl-carousel .owl-item.active.center {
824        opacity: 1;
825        transform: scale(1);
826    }
827
828    div#block-bartik-views-block-music-section-block-1 {
829        background: url(/sites/g/files/g2000022371/files/2026-03/grunge.png) no-repeat center var(--listen-color);
830        transition: 1s linear all;
831        height: 100vh;
832        display: flex;
833        flex-direction: column;
834        justify-content: center;
835    }
836
837    div#block-bartik-views-block-music-section-block-1::after {
838        content: "";
839        background: url(/sites/g/files/g2000022371/files/2026-03/grunge.png) no-repeat center;
840        background-size: cover;
841    }
842
843    .listen-section-title {
844        font-size: 2.6042vw;
845        text-align: center;
846        padding: 2.3vw 0;
847    }
848
849    .listen-title {
850        font-size: 1.5625vw;
851        text-align: center;
852        padding: 1vw 0;
853        display: none;
854        line-height: 1.9271vw;
855    }
856
857    .owl-item.active.center .listen-title {
858        display: block;
859    }
860
861    .image-section {
862        position: relative;
863    }
864
865    .footer {
866        width: 100%;
867        text-align: center;
868        background: #000;
869        margin-top: -1vw;
870        padding: 1vw 0;
871        font-family: var(--site-primary-font);
872    }
873
874    .socials-nav,
875    .footer-bottom {
876        padding-bottom: 1vw;
877    }
878
879    .socials-nav ul {
880        list-style: none;
881        display: flex;
882        justify-content: center;
883        width: 100%;
884        max-width: 100%;
885        padding: 0;
886        margin: 0;
887        align-items: center;
888        gap: 1vw;
889    }
890
891    .socials-nav ul li {
892        display: flex;
893    }
894
895    .socials-nav ul a {
896        font-size: 1.263vw;
897        transition: 0.5s ease-in-out;
898        color: var(--site-color);
899    }
900
901    .copyright-links {
902        font-size: 0.7813vw;
903        line-height: 0.8854vw;
904    }
905
906    .copyright-links span.link {
907        display: inline-block;
908    }
909
910    .copyright-links a {
911        color: var(--site-color);
912        transition: 0.5s ease-in-out;
913        text-decoration: none;
914        font-family: var(--site-primary-font);
915    }
916
917    .site-name .menu-text {
918        display: none;
919    }
920
921    span.sep {
922        padding: 0.5vw;
923    }
924
925    #close-wrapper {
926        display: none;
927    }
928
929    .sidepanel {
930        display: none;
931    }
932
933    .desktop-only {
934        display: block;
935    }
936
937    .mobile-only {
938        display: none;
939    }
940
941    .site-logo img.logo {
942        display: none;
943    }
944
945    .site-logo img.logo.active {
946        display: block;
947    }
948
949    .sidebar {
950        height: 100%;
951        width: 100%;
952        position: fixed;
953        z-index: 999;
954        top: 0;
955        right: 0;
956        background: transparent;
957        background-size: cover;
958        overflow-x: hidden;
959        transition: 0.5s;
960        display: block;
961    }
962
963    .sidebar-content-wrapper {
964        padding: 0 3vw;
965        height: 100%;
966    }
967
968    .section-content-wrapper {
969        position: relative;
970        text-align: center;
971    }
972
973    .closebtn {
974        position: absolute;
975        color: #000;
976        font-size: clamp(3vw, 3vw, 5vw);
977        top: 0;
978        right: 1vw;
979        line-height: clamp(3vw, 3vw, 5vw);
980        text-decoration: none;
981        transition: 0.5s ease-in-out;
982    }
983
984    .closebtn:hover {
985        opacity: 0.5;
986    }
987
988    .sidebar-content {
989        display: flex;
990        flex-direction: column;
991        justify-content: center;
992        height: 100%;
993        width: 45vw;
994        margin: 0 auto;
995        animation: fadeIn 0.5s;
996        -webkit-animation: fadeIn 0.5s;
997        -moz-animation: fadeIn 0.5s;
998        -o-animation: fadeIn 0.5s;
999        -ms-animation: fadeIn 0.5s;
1000        position: relative;
1001    }
1002
1003    .sidebar-content .signup-section-content-wrapper {
1004        width: 100%;
1005        background: #fff;
1006        border: 1px solid #000;
1007        padding: 2.5vw 0;
1008        color: #000;
1009    }
1010
1011    .sidebar.active .section-title {
1012        display: none;
1013    }
1014
1015    .popup-title {
1016        display: none;
1017        font-size: 2.042vw;
1018        line-height: 3.292vw;
1019    }
1020
1021    .sidebar.active .popup-title {
1022        display: block;
1023        padding-bottom: 2vw;
1024    }
1025
1026    .sidebar.active .heading {
1027        display: none;
1028    }
1029
1030    @media only screen and (max-width: 1024px) and (orientation: portrait) {
1031        .mobile-only {
1032            display: block;
1033        }
1034
1035        span.sep.mobile-only {
1036            display: inline-block;
1037        }
1038
1039        .nav-wrapper .nav-items.desktop-only {
1040            display: none;
1041        }
1042
1043        .desktop-only {
1044            display: none;
1045        }
1046
1047        .mobile-menu {
1048            width: 8.2564vw;
1049            cursor: pointer;
1050            z-index: 9;
1051        }
1052
1053        .site-logo {
1054            width: 12.5641vw;
1055            z-index: 9;
1056        }
1057
1058        .header-wrapper {
1059            top: 6vw;
1060            z-index: 102;
1061            left: 5vw;
1062            width: 90vw;
1063        }
1064
1065        .menu-icon {
1066            width: 9.4872vw;
1067            transform: rotate(45deg);
1068            transition: 1s;
1069        }
1070
1071        .menu-icon.active {
1072            transform: none;
1073        }
1074
1075        .menu-icon.active rect {
1076            fill: var(--site-white-color);
1077            transition: 1s;
1078        }
1079
1080        .menu-icon rect {
1081            fill: var(--site-background-color);
1082        }
1083
1084        .arrow-down-icon {
1085            width: 3.0769vw;
1086            margin: 0 auto;
1087        }
1088
1089        /* The sidepanel menu */
1090        .sidepanel {
1091            height: 100vh;
1092            width: 100vw;
1093            position: fixed;
1094            z-index: 5;
1095            top: 0;
1096            left: 100%;
1097            background-color: var(--site-white-color);
1098            overflow-x: hidden;
1099            transition: 1s;
1100            display: block;
1101        }
1102
1103        .sidepanel.open {
1104            left: 0;
1105        }
1106
1107        .sidepanel .mobile-menu-items a {
1108            padding: 0;
1109            text-decoration: none;
1110            font-size: 6.4103vw;
1111            line-height: 8.7179vw;
1112            color: var(--site-black-color);
1113            font-weight: var(--site-primary-font);
1114            display: block;
1115            transition: 0.3s;
1116            padding-bottom: 8vw;
1117        }
1118
1119        .sidepanel .mobile-menu-items a.active {
1120            font-family: var(--site-primary-font-bold);
1121        }
1122
1123        .mobile-menu-wrapper {
1124            display: grid;
1125            /* grid-template-rows: 2fr 1fr; */
1126            grid-template-columns: 1fr;
1127            height: 100%;
1128            align-items: center;
1129            justify-content: center;
1130            text-align: center;
1131        }
1132
1133        .mobile-menu-items {
1134            height: 100%;
1135            align-items: center;
1136            display: flex;
1137            flex-direction: column;
1138            justify-content: center;
1139        }
1140
1141        .mobile-menu-footer {
1142            display: flex;
1143            gap: 3vw;
1144            justify-content: flex-start;
1145            flex-direction: column;
1146            align-items: center;
1147            position: absolute;
1148            bottom: 6vh;
1149            width: 100%;
1150        }
1151
1152        .mobile-menu-footer .socials-nav ul a,
1153        .mobile-menu-footer .copyright-links,
1154        .mobile-menu-footer .copyright-links a {
1155            color: var(--site-black-color);
1156        }
1157
1158        .header-content-wrapper {
1159            font-size: 7.6923vw;
1160            width: 100%;
1161            flex-direction: column;
1162        }
1163
1164        .left-items a {
1165            width: 30.5128vw;
1166            padding-left: 3vw;
1167        }
1168
1169        .header-items.right {
1170            padding-right: 3vw;
1171        }
1172
1173        .socials-nav ul {
1174            gap: 5vw;
1175        }
1176
1177        .socials-nav ul a {
1178            font-size: 4.6154vw;
1179        }
1180
1181        .copyright-links {
1182            font-size: 2.5641vw;
1183            line-height: 3.5897vw;
1184        }
1185
1186        .footer-bottom .copyright-text {
1187            padding: 2vw 0;
1188            display: inline-block;
1189        }
1190
1191        section.video {
1192            background: url(/sites/g/files/g2000022371/files/2026-03/mobile-background-slider.png),
1193                url(/sites/g/files/g2000022371/files/2026-03/grunge.png) no-repeat center;
1194            background-size: cover;
1195        }
1196
1197        div#block-bartik-merchsection,
1198        div#block-bartik-emailsection,
1199        div#block-bartik-views-block-music-section-block-1 {
1200            padding: 16vw 0;
1201        }
1202
1203        div#block-bartik-views-block-music-section-block-1 {
1204            margin-top: -3vw;
1205        }
1206
1207        .listen-slider {
1208            width: 90vw;
1209            margin: 0 auto;
1210        }
1211
1212        .listen-title {
1213            font-size: 5.8974vw;
1214            padding: 4vw 0;
1215            line-height: 7.1795vw;
1216        }
1217
1218        .image-section {
1219            padding-bottom: 6vw;
1220        }
1221
1222        body .owl-theme .owl-nav {
1223            width: 100%;
1224            position: absolute;
1225            bottom: 0;
1226        }
1227
1228        body .nav-btn {
1229            width: 13.5897vw;
1230        }
1231
1232        .latest-grid {
1233            grid-template-columns: 1fr;
1234        }
1235
1236        .input-fields {
1237            flex-direction: column;
1238            gap: 0;
1239        }
1240
1241        .signup-section-content-wrapper {
1242            width: 90vw;
1243            margin: 0 auto;
1244        }
1245
1246        .closebtn {
1247            font-size: clamp(8vw, 15vw, 5vw);
1248            line-height: clamp(3vw, 15vw, 5vw);
1249            top: 3vw;
1250            right: 3vw;
1251        }
1252
1253        .fieldWrap {
1254            width: 100%;
1255            padding-bottom: 2vw;
1256        }
1257
1258        .submit {
1259            padding-top: 2vw;
1260        }
1261
1262        .mlform {
1263            width: 100%;
1264        }
1265
1266        .signup-section-content-wrapper .mlform {
1267            width: 90%;
1268        }
1269
1270        .input-error {
1271            text-align: left;
1272            font-size: 3vw;
1273        }
1274
1275        .terms-view {
1276            width: 100%;
1277            font-size: 3.042vw;
1278            line-height: 3.302vw;
1279            padding-top: 2vw;
1280            padding-bottom: 2vw;
1281            border: 1px solid #000;
1282        }
1283
1284        .copyright-links {
1285            font-size: 2.5641vw;
1286            line-height: 3.3333vw;
1287            text-transform: capitalize;
1288            font-family: var(--site-primary-font);
1289            padding: 2vw 0;
1290        }
1291
1292        .socials-nav ul {
1293            gap: 5vw;
1294        }
1295
1296        .socials-nav ul a {
1297            font-size: 5.263vw;
1298        }
1299
1300        div#block-bartik-merchsection .section-title,
1301        div#block-bartik-emailsection .section-title,
1302        .listen-section-title,
1303        section.tour .section-title {
1304            font-size: 7.6923vw;
1305            text-align: center;
1306            text-transform: lowercase;
1307            padding-bottom: 6vw;
1308            line-height: 9.4872vw;
1309            width: 100%;
1310        }
1311
1312        .form-section .heading {
1313            font-size: 5.8974vw;
1314            line-height: 7.1795vw;
1315            padding: 8vw 0;
1316            width: 81.5385vw;
1317        }
1318
1319        .thankyou {
1320            font-size: 5.8974vw;
1321            line-height: 7.1795vw;
1322            padding: 12vw 0;
1323        }
1324
1325        .fieldWrap input,
1326        .fieldWrap select,
1327        input[type="submit"] {
1328            font-size: 5.8974vw;
1329            height: 13.5897vw;
1330            line-height: 13.5897vw;
1331            text-align: center;
1332            min-height: auto;
1333            border: 2px solid #000;
1334        }
1335
1336        section.merch {
1337            text-align: center;
1338            padding: 80vw 0;
1339            padding-top: 30vw;
1340        }
1341
1342        .merch-items-grid-wrapper {
1343            grid-template-columns: 1fr;
1344            padding-bottom: 50vw;
1345        }
1346
1347        .merch-content-section {
1348            width: 81.5385vw;
1349            margin: 0 auto;
1350        }
1351
1352        .section-title {
1353            width: 63.0769vw;
1354            padding-bottom: 15vw;
1355        }
1356
1357        div#mySidebar .section-title {
1358            font-size: 7.6923vw;
1359            text-align: center;
1360            text-transform: lowercase;
1361            padding-bottom: 6vw;
1362            line-height: 9.4872vw;
1363            width: 100%;
1364        }
1365
1366        .merch-image {
1367            width: 81.5385vw;
1368            margin: 0 auto;
1369        }
1370
1371        .merch-image:not(.first) {
1372            float: none;
1373        }
1374
1375        .merch-title {
1376            font-size: 6.4103vw;
1377            line-height: 7.4359vw;
1378            text-align: left;
1379            padding-top: 5vw;
1380            width: 100%;
1381        }
1382
1383        .merch-desc,
1384        .latest-desc {
1385            font-size: 5.8974vw;
1386            line-height: 7.1795vw;
1387            text-align: left;
1388            padding: 5vw 0;
1389            text-align: center;
1390        }
1391
1392        .button {
1393            width: 100%;
1394            height: 13.5897vw;
1395            line-height: 13.5897vw;
1396            font-size: 5.8974vw;
1397            border-radius: 1.2821vw;
1398        }
1399
1400        .mobile-order1 {
1401            order: 1;
1402        }
1403
1404        .merch-content-section:not(.first) {
1405            padding-left: 0;
1406        }
1407
1408        .latest-left-content {
1409            background: #11687f;
1410            padding: 0 10vw;
1411        }
1412
1413        .latest-image-section {
1414            padding-right: 6vw;
1415            background: #11687f;
1416        }
1417
1418        .tour-wrapper,
1419        .latest-wrapper {
1420            display: grid;
1421            grid-template-columns: 1fr;
1422            padding: 0;
1423        }
1424
1425        .latest-right-content {
1426            border-bottom-left-radius: 100%;
1427        }
1428
1429        .border-section {
1430            display: none;
1431        }
1432
1433        section.tour .section-title {
1434            width: 39.7436vw;
1435            margin: 0 auto;
1436            display: block;
1437            padding-top: 20vw;
1438            padding-bottom: 7vw;
1439        }
1440
1441        .latest-left-content .section-title {
1442            padding: 7vw 0;
1443            display: block;
1444            margin: 0 auto;
1445            width: 52.8205vw;
1446        }
1447
1448        .latest-title {
1449            font-size: 6.4103vw;
1450            line-height: 7.4359vw;
1451            width: 81.5385vw;
1452            display: block;
1453            margin: 0 auto;
1454        }
1455
1456        .latest-wrapper-image-section {
1457            width: 100%;
1458        }
1459
1460        div#block-bartik-emailsection,
1461        div#block-bartik-views-block-music-section-block-1 {
1462            height: auto;
1463            padding: 10vw 0;
1464        }
1465
1466        div.terms,
1467        div.faq {
1468            padding-top: 2vw;
1469            font-size: 5vw;
1470        }
1471
1472        .tickets-btn .button {
1473            width: 30.2083vw;
1474        }
1475
1476        .tickets-btn {
1477            top: 74vh;
1478            left: calc(50% - 15vw);
1479        }
1480
1481        .sidebar-content {
1482            width: 90vw;
1483        }
1484
1485        .sidebar.active .popup-title {
1486            margin: 0 auto;
1487            padding: 6vw 0;
1488            font-size: 6vw;
1489            line-height: 8vw;
1490            padding-top: 12vw;
1491        }
1492
1493        .slider-overlay-content a {
1494            font-size: 6vw;
1495            width: 32vw;
1496            height: 11vw;
1497        }
1498    }
1499
1500    @media only screen and (max-width: 1024px) and (orientation: landscape) {
1501        .tickets-btn .button {
1502            width: 30.2083vw;
1503        }
1504
1505        .sidebar {
1506            height: 90%;
1507            overflow: auto;
1508            top: 2vw;
1509        }
1510
1511        .popup-title {
1512            font-size: 4.042vw;
1513            line-height: 3.292vw;
1514        }
1515
1516        .sidebar-content {
1517            width: 100%;
1518            justify-content: inherit;
1519        }
1520
1521        .signup-section-content-wrapper {
1522            width: 90vw;
1523            margin: 0 auto;
1524        }
1525
1526        .closebtn {
1527            font-size: clamp(5vw, 4vw, 5vw);
1528            line-height: clamp(5vw, 4vw, 5vw);
1529            top: 1vw;
1530        }
1531
1532        .tickets-btn {
1533            top: 74vh;
1534            left: calc(50% - 15vw);
1535        }
1536
1537        .nav-wrapper .nav-items a {
1538            font-size: 2.0417vw;
1539        }
1540
1541        div#block-bartik-merchsection .section-title,
1542        div#block-bartik-emailsection .section-title,
1543        .listen-section-title,
1544        section.tour .section-title {
1545            font-size: 4.6923vw;
1546            text-transform: lowercase;
1547            padding-bottom: 3vw;
1548            line-height: 6.4872vw;
1549            width: 100%;
1550        }
1551
1552        div#block-bartik-merchsection .latest-content .section-title {
1553            padding-bottom: 0;
1554        }
1555
1556        .merch-desc,
1557        .latest-desc {
1558            font-size: 2.8974vw;
1559            line-height: 4.1795vw;
1560            padding-bottom: 2vw;
1561        }
1562
1563        .button {
1564            width: 25vw;
1565            height: 6.5897vw;
1566            line-height: 6.5897vw;
1567            font-size: 2.8974vw;
1568            border-radius: 0.6821vw;
1569        }
1570
1571        .copyright-links {
1572            font-size: 1.4813vw;
1573            line-height: 0.8854vw;
1574        }
1575
1576        body .owl-theme .owl-nav {
1577            width: 48vw;
1578        }
1579
1580        .form-section .heading {
1581            font-size: 2.8974vw;
1582            line-height: 3.1795vw;
1583            padding: 4vw 0;
1584            width: 61.5385vw;
1585        }
1586
1587        .mlform .fieldWrap input {
1588            text-align: left;
1589        }
1590
1591        .fieldWrap input,
1592        .fieldWrap select,
1593        input[type="submit"] {
1594            font-size: 2.8974vw;
1595            height: 8.5897vw;
1596            line-height: 8.5897vw;
1597            text-align: center;
1598        }
1599
1600        .input-error {
1601            font-size: 2.1026vw;
1602        }
1603
1604        .mlform {
1605            width: 67.5vw;
1606            margin: 0 auto;
1607        }
1608
1609        .fieldWrap {
1610            width: 100%;
1611        }
1612
1613        .terms-view {
1614            width: 100%;
1615            font-size: 1.417vw;
1616            padding-top: 2vw;
1617            line-height: 2.021vw;
1618        }
1619
1620        .listen-title {
1621            font-size: 3.563vw;
1622            padding: 2vw 0;
1623        }
1624
1625        body .nav-btn {
1626            width: 4.052vw;
1627        }
1628
1629        .listen-slider {
1630            width: 100vw;
1631            margin: 0 auto;
1632        }
1633
1634        .socials-nav ul {
1635            gap: 2vw;
1636        }
1637
1638        .socials-nav ul a {
1639            font-size: 2.263vw;
1640        }
1641
1642        div#block-bartik-emailsection,
1643        div#block-bartik-views-block-music-section-block-1 {
1644            height: auto;
1645            padding: 5vw 0;
1646        }
1647
1648        div.terms {
1649            padding-top: 2vw;
1650            font-size: 2.5vw;
1651        }
1652
1653    }
1654
1655    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
1656        .menu-icon {
1657            width: 5.487vw;
1658        }
1659
1660        .site-logo {
1661            width: 12vw;
1662            z-index: 9;
1663        }
1664
1665        .mobile-menu-footer {
1666            bottom: 2vw;
1667        }
1668
1669        .listen-slider {
1670            width: 100vw;
1671        }
1672
1673        body .owl-theme .owl-nav {
1674            width: 90% !important;
1675            left: 5%;
1676        }
1677
1678        .signup-section-content-wrapper .section-title,
1679        .popup-title {
1680            margin: 0 auto;
1681            padding: 2vw 0;
1682            font-size: 4vw;
1683            line-height: 8vw;
1684            padding-top: 6vw;
1685        }
1686
1687        .form-section .heading {
1688            font-size: 3.8974vw;
1689            line-height: 5.1795vw;
1690            padding: 8vw 0;
1691            width: 81.5385vw;
1692        }
1693
1694        .fieldWrap input,
1695        .fieldWrap select,
1696        input[type="submit"] {
1697            font-size: 4.8974vw;
1698            height: 11.5897vw;
1699            line-height: 11.5897vw;
1700            text-align: center;
1701        }
1702    }
1703
1704    @media only screen and (max-width: 767px) and (orientation: portrait) {
1705        #signup-popup .faq .terms-view {
1706            min-height: 70vh;
1707            bottom: 37px;
1708            padding: 2vw;
1709        }
1710
1711        span.faqq {
1712            line-height: 1.2;
1713            font-size: 14px;
1714            margin-top: 20px;
1715        }
1716    }
1717
1718    div#block-bartik-emailsection div.terms,
1719    div#block-bartik-emailsection div.faq {
1720        color: #fff;
1721    }
1722
1723    div#block-bartik-emailsection div.terms a,
1724    div#block-bartik-emailsection div.faq a {
1725        color: #fff;
1726    }
1727
1728    div#block-bartik-emailsection .fieldWrap input,
1729    div#block-bartik-emailsection .fieldWrap select {
1730        background: #000;
1731        border-color: #fff;
1732        color: #fff;
1733    }
1734
1735    div#block-bartik-emailsection .terms-view {
1736        background: #000;
1737    }
1738
1739    div#block-bartik-emailsection .fieldWrap input::-webkit-input-placeholder {
1740        /* Chrome/Opera/Safari */
1741        color: #fff;
1742        opacity: 1;
1743    }
1744
1745    div#block-bartik-emailsection .fieldWrap input::-moz-placeholder {
1746        /* Firefox 19+ */
1747        color: #fff;
1748        opacity: 1;
1749    }
1750
1751    div#block-bartik-emailsection .fieldWrap input:-ms-input-placeholder {
1752        /* IE 10+ */
1753        color: #fff;
1754        opacity: 1;
1755    }
1756
1757    div#block-bartik-emailsection .fieldWrap input:-moz-placeholder {
1758        /* Firefox 18- */
1759        color: #fff;
1760        opacity: 1;
1761    }
1762
1763    video#landing_video_mobile {
1764        display: none;
1765    }
1766
1767    @media only screen and (max-width: 1023px) and (orientation: portrait) {
1768        video#landing_video_desktop {
1769            display: none;
1770        }
1771
1772        body video#landing_video_mobile {
1773            display: block;
1774        }
1775    }
1776
1777    .signup-section-content-wrapper .mlform .globaloptin {
1778        margin: 0;
1779        padding-bottom: 0.8vw;
1780    }
1781
1782    .signup-section-content-wrapper .mlform .globaloptin,
1783    .signup-section-content-wrapper .mlform input#artist_mktg_consent {
1784        position: relative;
1785    }
1786
1787    input#artist_mktg_consent.errored {
1788        border: 0.1vw solid red;
1789    }
1790
1791    div#block-bartik-emailsection input#artist_mktg_consent.errored {
1792        border: 0.1vw solid red;
1793    }
1794
1795    .signup-section-content-wrapper .mlform .globaloptin input[type="checkbox"] {
1796        width: 1vw;
1797        height: 1vw;
1798        margin-top: 0;
1799        display: inline-block;
1800        vertical-align: top;
1801        border: 0.1vw solid #000;
1802        margin-right: 0.4vw;
1803        opacity: 1;
1804        -webkit-appearance: none;
1805        color: #000;
1806        -webkit-text-fill-color: #000;
1807        font-size: 1.2vw;
1808        font-family: var(--site-primary-font);
1809        border-radius: 0;
1810    }
1811
1812    div#block-bartik-emailsection .signup-section-content-wrapper .mlform .globaloptin input[type="checkbox"] {
1813        color: #fff;
1814        -webkit-text-fill-color: #fff;
1815        border: 0.1vw solid #fff;
1816    }
1817
1818    .signup-section-content-wrapper .mlform .globaloptin label {
1819        width: 89%;
1820        padding-left: 1%;
1821        text-align: left;
1822        display: inline-block;
1823    }
1824
1825    .signup-section-content-wrapper .mlform .globaloptin label,
1826    .signup-section-content-wrapper .mlform .globaloptin label a {
1827        font-size: 0.9vw;
1828        text-transform: none;
1829        color: #000;
1830        font-family: var(--site-primary-font);
1831        text-transform: initial;
1832        line-height: 1.2;
1833        letter-spacing: 0;
1834    }
1835
1836    .signup-section-content-wrapper .mlform .globaloptin label a:hover {
1837        opacity: 0.7;
1838    }
1839
1840    .signup-section-content-wrapper .mlform input#artist_mktg_consent:checked:after {
1841        content: "\2713";
1842        color: #000;
1843        display: block;
1844        text-align: center;
1845        font-size: 0.7vw;
1846        line-height: 12px;
1847        /* margin-top: 2px; */
1848        margin-top: 2px;
1849        margin-left: -3px;
1850        box-sizing: border-box;
1851        left: 72%;
1852        position: absolute;
1853        top: 46%;
1854        transform: translate(-50%, -50%);
1855        font-weight: 800;
1856    }
1857
1858    div#block-bartik-emailsection .signup-section-content-wrapper .mlform input#artist_mktg_consent:checked:after {
1859        color: #fff;
1860    }
1861
1862    div#block-bartik-emailsection .signup-section-content-wrapper .mlform .globaloptin label,
1863    div#block-bartik-emailsection .signup-section-content-wrapper .mlform .globaloptin label a {
1864        color: #fff;
1865    }
1866
1867    @media only screen and (max-width: 1024px) and (orientation: portrait) {
1868
1869        .signup-section-content-wrapper .mlform .globaloptin label,
1870        .signup-section-content-wrapper .mlform .globaloptin label a {
1871            font-size: 13px;
1872        }
1873
1874        .signup-section-content-wrapper .mlform .globaloptin {
1875            margin: 0;
1876            padding-bottom: 0;
1877        }
1878
1879        .signup-section-content-wrapper .mlform .globaloptin input[type="checkbox"] {
1880            width: 20px;
1881            height: 20px;
1882            border: 1px solid #000;
1883            margin-right: 6px;
1884        }
1885
1886        div#block-bartik-emailsection .signup-section-content-wrapper .mlform .globaloptin input[type="checkbox"] {
1887            border: 1px solid #fff;
1888        }
1889
1890        .signup-section-content-wrapper .mlform input#artist_mktg_consent:checked:after {
1891            font-size: 13px;
1892        }
1893
1894        .signup-section-content-wrapper .mlform .globaloptin label {
1895            width: 87%;
1896            padding-left: 1%;
1897        }
1898
1899        .signup-section-content-wrapper .mlform .globaloptin label,
1900        .signup-section-content-wrapper .mlform .globaloptin label a {
1901            line-height: 1;
1902        }
1903    }
1904
1905    .signup-section-content-wrapper .mlform .globaloptin label a {
1906        text-decoration: underline;
1907    }
1908
1909    @media only screen and (max-width: 1024px) and (min-width: 767px) and (orientation: portrait) {
1910        .signup-section-content-wrapper .mlform .globaloptin input[type="checkbox"] {
1911            width: 40px;
1912            height: 40px;
1913            border: 1px solid #000;
1914            margin-right: 6px;
1915        }
1916
1917        .signup-section-content-wrapper .mlform input#artist_mktg_consent:checked:after {
1918            font-size: 30px;
1919        }
1920
1921        .signup-section-content-wrapper .mlform .globaloptin label,
1922        .signup-section-content-wrapper .mlform .globaloptin label a {
1923            line-height: 1.2;
1924            font-size: 20px;
1925        }
1926    }
1927
1928
1929    @media only screen and (max-width: 1024px) and (orientation: landscape) {
1930
1931        .signup-section-content-wrapper .mlform .globaloptin input[type="checkbox"] {
1932            width: 2vw;
1933            height: 2vw;
1934        }
1935
1936        .signup-section-content-wrapper .mlform input#artist_mktg_consent:checked:after {
1937            font-size: 1.5vw;
1938            line-height: 1.2;
1939            margin-top: 0;
1940            margin-left: 0;
1941            left: 50%;
1942            top: 50%;
1943        }
1944
1945        .signup-section-content-wrapper .mlform .globaloptin label,
1946        .signup-section-content-wrapper .mlform .globaloptin label a {
1947            font-size: 1.25vw;
1948        }
1949    }
1950</style>
1951<script>
1952    jQuery(document).ready(function () {
1953
1954        var faqTerms = document.querySelectorAll('.plain-ml-wrapper .faq a.faq');
1955        termsEle(faqTerms);
1956
1957        function termsEle(faqTerms) {
1958            for (l = 0; l < faqTerms.length; l++) {
1959                faqTerms[l].addEventListener('click', togglefaq, false);
1960            }
1961        }
1962
1963        function togglefaq(event) {
1964            if (event.target.nextElementSibling.classList.contains('fadeOut')) {
1965                event.target.nextElementSibling.classList.remove('fadeOut');
1966                event.target.nextElementSibling.classList.add('fadeIn');
1967                event.target.innerText = 'Hide';
1968            } else {
1969                event.target.nextElementSibling.classList.remove('fadeIn');
1970                event.target.nextElementSibling.classList.add('fadeOut');
1971                event.target.innerText = 'faq';
1972            }
1973        }
1974        jQuery("#close-wrapper").click(function () {
1975            jQuery("#nav").toggleClass("active");
1976            jQuery('.open-icon,.close-icon,.menu-text,#site-name a,.header-wrapper').toggleClass('active');
1977        });
1978
1979        // jQuery('#nav-items .menu-link,.mobile-menu-item').click(function (event) {
1980        //     var href = jQuery(this).attr('href');
1981        //     if ($(this).hasClass('mobile-menu-item')) {
1982        //         $('.mobile-menu').trigger("click");
1983        //     }
1984
1985        //     if (href.indexOf('#') == 0) {
1986        //         event.preventDefault();
1987        //         if (jQuery(href).length > 0) {
1988
1989        //             jQuery("html, body").animate({ scrollTop: jQuery(href).offset().top - 0 },
1990        //                 1500
1991        //             );
1992        //         }
1993        //     }
1994        // });
1995jQuery('.nav-items a#nav-9').click(function (event) {
1996        if ($(this).hasClass('mobile-menu-item')) {
1997            $('.mobile-menu').trigger("click");
1998        }
1999        var oftop = jQuery("div#home").offset().top;
2000        jQuery("html, body").stop().animate({
2001            scrollTop: oftop
2002        }, 1500);
2003
2004    });
2005
2006    jQuery('.nav-items a#nav-10').click(function (event) {
2007        if ($(this).hasClass('mobile-menu-item')) {
2008            $('.mobile-menu').trigger("click");
2009        }
2010        var oftop = jQuery("div#listen").offset().top;
2011        jQuery("html, body").stop().animate({
2012            scrollTop: oftop
2013        }, 1500);
2014
2015    });
2016
2017
2018    jQuery('.nav-items a#nav-12').click(function (event) {
2019        if ($(this).hasClass('mobile-menu-item')) {
2020            $('.mobile-menu').trigger("click");
2021        }
2022        var oftop = jQuery("div#block-bartik-merchsection").offset().top;
2023        jQuery("html, body").stop().animate({
2024            scrollTop: oftop
2025        }, 1500);
2026
2027    });
2028
2029    jQuery('.nav-items a#nav-13').click(function (event) {
2030        if ($(this).hasClass('mobile-menu-item')) {
2031            $('.mobile-menu').trigger("click");
2032        }
2033        var oftop = jQuery("div#block-bartik-emailsection").offset().top;
2034        jQuery("html, body").stop().animate({
2035            scrollTop: oftop
2036        }, 1500);
2037
2038    });
2039        $("#mutebtn,.audio-waves").click(function () {
2040            if ($("audio#album_audio_snippet").prop('muted')) {
2041                $("audio#album_audio_snippet").trigger('play');
2042                $("audio#album_audio_snippet").prop('muted', false);
2043                $(this).removeClass('on');
2044            } else {
2045                $("audio#album_audio_snippet").prop('muted', true);
2046                $(this).addClass('on');
2047
2048            }
2049        });
2050        $('.mobile-menu').click(function () {
2051            $("#mySidenav").toggleClass("open");
2052            $(".site-logo img,.menu-icon,.main-wrapper").toggleClass("active");
2053            $("body").toggleClass("overflow");
2054
2055        });
2056
2057        window.signupsuccess = function () {
2058            $(".terms,.faq").hide();
2059            $(".mlist-wrapper .mailing-list-title,.form-section .heading, .signup-section-content-wrapper .title-section").hide();
2060        }
2061        var listen_owl_carousel = jQuery('.listen-wrapper');
2062        var left_arrow = `<svg id="left-arrow-svg" xmlns="https://www.w3.org/2000/svg" width="67" height="67" viewBox="0 0 67 67">
2063    <rect id="Rectangle_20" data-name="Rectangle 20" width="67" height="67" rx="5" fill="#8b541b"/>
2064    <path id="Path_24" data-name="Path 24" d="M5017.889,15466.705l-9.344,8.455,9.344,9.35" transform="translate(-4979.608 -15442.217)" fill="none" stroke="#fff" stroke-linejoin="bevel" stroke-width="2"/>
2065  </svg>`;
2066        var right_arrow = `<svg id="right-arrow-svg" xmlns="https://www.w3.org/2000/svg" width="67" height="67" viewBox="0 0 67 67">
2067  <rect id="Rectangle_20" data-name="Rectangle 20" width="67" height="67" rx="5" fill="#8b541b"/>
2068  <path id="Path_24" data-name="Path 24" d="M5008.544,15466.705l9.344,8.455-9.344,9.35" transform="translate(-4979.608 -15442.217)" fill="none" stroke="#fff" stroke-linejoin="bevel" stroke-width="2"/>
2069</svg>
2070`;
2071
2072        listen_owl_carousel.owlCarousel({
2073            center: true,
2074            dots: false,
2075            items: 1,
2076            nav: true,
2077            loop: true,
2078            margin: 0,
2079            merge: true,
2080            stagePadding: 200,
2081            navText: ["<div class='nav-btn prev-slide'>" + left_arrow + "</div>", "<div class='nav-btn next-slide'>" + right_arrow + "</div>"],
2082            responsive: {
2083                0: {
2084                    items: 1,
2085                    stagePadding: 0,
2086                    merge: false,
2087                },
2088                600: {
2089                    items: 2,
2090                    stagePadding: 0,
2091                    merge: false,
2092                },
2093
2094                1025: {
2095                    items: 3,
2096                    stagePadding: 120
2097                },
2098                1920: {
2099                    items: 3,
2100                    stagePadding: 120
2101                },
2102
2103            }
2104
2105        });
2106
2107        listen_owl_carousel.on('changed.owl.carousel', function (event) {
2108            console.log(event);
2109            setTimeout(function () {
2110                const doc = document.documentElement;
2111
2112                var color_code = $('.owl-item.active.center').find('.image-section').data('color');
2113                var overlay_color_code = color_code + "b3";
2114                doc.style.setProperty('--listen-color', color_code);
2115                doc.style.setProperty('--listen-overlay-color', overlay_color_code);
2116            }, 200);
2117        });
2118
2119        var color_code = $('.owl-item.active.center').find('.image-section').data('color');
2120
2121        var width = $('.owl-item.active.center').innerWidth();
2122        $("body .owl-theme .owl-nav").css("width", width);
2123        const doc = document.documentElement;
2124        var overlay_color_code = color_code + "b3";
2125        doc.style.setProperty('--listen-color', color_code);
2126        doc.style.setProperty('--listen-overlay-color', overlay_color_code);
2127
2128    });
2129
2130    /* setTimeout( function(){  
2131        $("section.video").addClass("active");
2132    }, 2500 );
2133    setTimeout( function(){  
2134        $("section.video.active").addClass("hide");
2135        $("video").addClass("position");
2136    }, 5000 );   */
2137
2138    setTimeout(() => {
2139        $("section.video.active").addClass("hide");
2140        $("video").addClass("position");
2141        $(".closebtn").click(function () {
2142            $("#mySidebar").fadeOut();
2143        });
2144        $(".signupbox a").click(function () {
2145            $("#mySidebar").show();
2146        });
2147    }, 2000);
2148
2149
2150
2151    $(window).resize(function () {
2152        var width = $('.owl-item.active.center').innerWidth();
2153        $("body .owl-theme .owl-nav").css("width", width);
2154    });
2155</script>
2155</div>
2156      
2157    </div>
2158  </div>
2159<div id="block-bartik-navigationmenu" class="block block-block-content block-block-contente7d29c8d-d9a0-4289-8af0-3829c92d20f4">
2160  
2161    
2162      <div class="content">
2163      
2164            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">    <div class="header-wrapper">
2165        <h1 id="site-name" class="site-name site-logo">
2166            <a href="/?frontpage=true"  custom-link-name="LOGO" rel="home">
2167                <img class="logo active" src="/sites/g/files/g2000022371/files/2026-03/logo-orange.png" alt="home" >
2168            </a>
2169            <div class="menu-text">Menu</div>
2170        </h1>
2171        <div class="nav-wrapper">
2172
2173            <div class="nav-items desktop-only" id="nav-items">
2174                <a id="nav-9" href="#home" class="menu-link">home</a>
2175                <!-- <a id="nav-106" href="#tour" class="menu-link">tour</a> -->
2176                <a id="nav-10" href="/#listen" class="menu-link">listen</a>
2177                <a id="nav-74" href="https://shop.blur.co.uk/gb/" class="menu-link" target="_blank">shop</a>
2178                <a id="nav-12" href="/#block-bartik-merchsection" class="menu-link">latest</a>
2179                <a id="nav-13" href="/#block-bartik-emailsection" class="menu-link">signup</a>
2180
2181            </div>
2182
2183        </div>
2184        <div class="mobile-menu mobile-only">
2185            <svg class="menu-icon active" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 37 37">
2186                <g id="Group_80" data-name="Group 80" transform="translate(-317 -43)">
2187                    <rect id="Rectangle_18" data-name="Rectangle 18" width="37" height="3" transform="translate(337 43) rotate(90)" fill="#fff" />
2188                    <rect id="Rectangle_19" data-name="Rectangle 19" width="37" height="3" transform="translate(317 60)" fill="#fff" />
2189                </g>
2190            </svg>
2191
2192
2193        </div>
2194        <div id="mySidenav" class="sidepanel">
2195            <div class="mobile-menu-wrapper">
2196                <div class="mobile-menu-items">
2197                    <a class="mobile-menu-item  home " href="/?frontpage=true">home</a>
2198                    <!-- <a class="mobile-menu-item  tour " href="#tour">tour</a> -->
2199                    <a class="mobile-menu-item  listen " href="/#listen">listen</a>
2200                    <a class="mobile-menu-item  shop " href="https://shop.blur.co.uk/gb/" target="_blank">shop</a>
2201                    <a class="mobile-menu-item  latest " href="/#block-bartik-merchsection">latest</a>
2202                    <a class="mobile-menu-item  signup " href="/#block-bartik-emailsection">signup</a>
2203                </div>
2204                <div class="mobile-menu-footer">
2205                    <div class="socials-nav">
2206                        <ul>
2207                            <li>
2208                                <a target="_blank" href="https://www.facebook.com/blur" class="facebook" aria-label="facebook" data-track="facebook-ftr">
2209                                    <i class="fab fa-facebook"></i>
2210                                </a>
2211                            </li>
2212                            <li>
2213                                <a target="_blank" href="https://www.instagram.com/blurofficial" class="instagram" aria-label="instagram" data-track="instagram-ftr">
2214                                    <i class="fab fa-instagram"></i>
2215                                </a>
2216                            </li>
2217                            <li>
2218                                <a target="_blank" href="https://twitter.com/blurofficial" class="twitter" aria-label="twitter" data-track="twitter-ftr">
2219                                    <i class="fa-brands fa-x-twitter"></i>
2220                                </a>
2221                            </li>
2222                            <li>
2223                                <a target="_blank" href="https://www.youtube.com/channel/UCLdfTpBoh9G_DI3OURnIFOQ" class="youtube" aria-label="youtube" data-track="youtube-ftr">
2224                                    <i class="fab fa-youtube"></i>
2225                                </a>
2226                            </li>
2227                        </ul>
2228                    </div>
2229                    <div class="copyright-links">
2230                        <span class="copyright-text">&copy; 2026 Parlophone Records Limited</span> <span class="sep"></span> <br class="mobile-only" />
2231                        <span class="link"><a href="https://privacy.wmg.com/wmi/privacy/" target="_blank" rel="noopener noreferrer">Privacy Policy</a></span>
2232                        <span class="sep"> </span>
2233                        <span class="link"><a href="https://privacy.wmg.com/wmi/terms-of-use" target="_blank" rel="noopener noreferrer">Terms Of Use</a></span>
2234                        <span class="sep"> </span>
2235                        <span class="link"><a href="https://www.wminewmedia.com/cookies-policy/" target="_blank" rel="noopener noreferrer">Cookies Policy</a></span>
2236                        <span class="sep"> </span>
2237                        <span class="link"><a class="ot-sdk-show-settings" style="cursor:pointer">Cookies Settings</a></span>
2238                    </div>
2239                </div>
2240            </div>
2241        </div>
2242    </div></div>
2243      
2244    </div>
2245  </div>
2246<div id="block-bartik-headervideo" class="block block-block-content block-block-content96de308f-06f9-4831-b2e4-de8e2db8f25c">
2247  
2248    
2249      <div class="content">
2250      
2251            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="main-wrapper" id="home">
2252    <video class="landing-video desktop-only1 position" preload="yes"
2253        src="https://d2cstorage-a.akamaihd.net/wmi/blur/trimmed.mp4" type="video/mp4" id="landing_video_desktop"
2254        autoplay loop muted playsinline></video>
2255    <video class="landing-video mobile position" preload="yes"
2256        src="https://d2cstorage-a.akamaihd.net/wmi/blur/trimmed.mp4" type="video/mp4" id="landing_video_mobile" autoplay
2257        loop muted playsinline></video>
2258</div></div>
2259      
2260    </div>
2261  </div>
2262<div id="block-bartik-lightbox" class="block block-block-content block-block-content9d84cb04-a888-488e-a286-1121d68aeddd">
2263  
2264    
2265      <div class="content">
2266      
2267            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div id="mySidebar" class="sidebar">
2268   <div class="sidebar-content-wrapper">
2269      <div class="sidebar-content" id="signup-popup">
2270         <div class="section-content-wrapper">
2271            <a href="javascript:void(0)" class="closebtn">X</a>
2272            <div class="signup-section-content-wrapper">
2273   <div class="title-section">
2274      <div class="section-title">sign up</div>
2275      <div class="popup-title">sign-up for wembley pre-sale access</div>
2276   </div>
2277   <div class="form-section">
2278      <!-- <div class="heading">
2279         Join blur’s mailing list to keep up to date with the latest news and for exclusive pre-sale access to the uk warm up shows.
2280      </div> -->
2281
2282      <div class="heading">join blur’s mailing list to keep up to date with the latest news</div>
2283      <div class="plain-ml-wrapper firstMlistForm" data-success="signupsuccess">
2284         <div class="mlform">
2285            <form id="mlistFormOne" autocomplete="off" class="mlistFormOne mlform singleform">
2286               <div class="input-fields">
2287                  <div class="name fieldWrap">
2288                     <label for="firstname_1" class=""></label>
2289                     <input data-type="text" placeholder="First Name" class="field" data-error-text="Please enter a valid First name" required="" id="firstname_1" name="firstname">
2290                  </div>
2291                  <div class="name fieldWrap">
2292                     <label for="lastname_1" class=""></label>
2293                     <input data-type="text" placeholder="Last Name" class="field" data-error-text="Please enter a valid Last name" required="" id="lastname_1" name="lastname">
2294                  </div>
2295               </div>
2296               <div class="input-fields">
2297                  <div class="email fieldWrap">
2298                     <label for="email_1" class="tiny"></label>
2299                     <input id="email_1" data-type="email" type="email" autocomplete="off" data-error-text="Please enter a valid email address" required name="email" placeholder="enter email address">
2300                  </div>
2301               </div>
2302
2303               <div class="primary-list-values">
2304                  <input type="hidden" name="newsletterId" value="14074822">
2305                  <input type="hidden" name="Datasource" value="Blur_website_newsletter_optin">
2306                  <input type="hidden" name="_trigger" value="62954:6223345">
2307
2308               </div>
2309               <!-- <div class="globaloptin">
2310                        <input type="checkbox" name="artist_mktg_consent" id="artist_mktg_consent" required=""
2311                            value="True" data-error-text="This field is required">
2312                        <label for="artist_mktg_consent" class="goptin_checkbox">By submitting my information, I agree
2313                            to receive personalized updates and marketing messages about blur based on my
2314                            information, interests, activities, website visits and device data and in accordance with
2315                            the <a href="https://privacy.wmg.com/wmi/privacy" target="_blank" class="external-link"
2316                                rel="nofollow" title="">Privacy&nbsp;Policy</a>. I understand that I can opt-out at any
2317                            time by emailing <a href="mailto:[email protected]">[email protected]</a>.</label>
2318                    </div> -->
2319                    <span class="consent-placeholder" data-template="artist-mktg" data-artist="blur" data-error-text="This field is required" data-pp-link="https://privacy.wmg.com/wmi/privacy"></span>
2320
2321               <div class="submit">
2322                  <input type="submit" class="submit mlistSubmit" value="signup">
2323               </div>
2324
2325
2326            </form>
2327            <div class="thankyou fadeOut">Thank you for signing up!</div>
2328            
2329         </div>
2330      </div>
2331   </div>
2332</div>
2333
2334
2335
2336
2337         </div>
2338      </div>
2339   </div>
2340</div></div>
2341      
2342    </div>
2343  </div>
2344
2345  </div>
2346
2347        
2348      </div>
2349    </header>
2350          <div class="highlighted">
2351        <aside class="layout-container section clearfix" role="complementary">
2352            <div class="region region-highlighted">
2353    <div data-drupal-messages-fallback class="hidden"></div>
2354
2355  </div>
2356
2357        </aside>
2358      </div>
2359            <div id="main-wrapper" class="layout-main-wrapper layout-container clearfix">
2360      <div id="main" class="layout-main clearfix">
2361        
2362        <main id="content" class="column main-content" role="main">
2363          <section class="section">
2364            <a id="main-content" tabindex="-1"></a>
2365              <div class="region region-content">
2366    <div id="block-bartik-content" class="block block-system block-system-main-block">
2367  
2368    
2369      <div class="content">
2370      
2371<article data-history-node-id="506" about="/homepage" typeof="schema:WebPage" class="node node--type-page node--view-mode-full clearfix">
2372  <header>
2373    
2374            <span property="schema:name" content="Homepage" class="rdf-meta hidden"></span>
2375
2376      </header>
2377  <div class="node__content clearfix">
2378    
2379  </div>
2380</article>
2381
2382    </div>
2383  </div>
2384<div class="views-element-container block block-views block-views-blockmusic-section-block-1" id="block-bartik-views-block-music-section-block-1">
2385  
2386    
2387      <div class="content">
2388      <div><div class="view view-music-section view-id-music_section view-display-id-block_1 js-view-dom-id-e3f76e4ff7e84c7ccb415bde0d8451ded15d916f68ea7a6f009b34c68937c769">
2389  
2390    
2391      <div class="view-header">
2392      <div class="listen-section-title" id="listen">Listen</div>
2393    </div>
2394      
2395      <div class="view-content">
2396      <div class="listen-slider">
2397  
2398  <ul class="listen-wrapper owl-carousel owl-theme">
2399
2400          <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#FF300E">
2401   <a custom-link-name="Blur Page" href="https://blur.lnk.to/theballadofdarren">
2402      <img src="/sites/g/files/g2000022371/files/2026-03/BLUR_BOD_FRONT.jpg" alt="Blur">
2403   </a>
2404   <div class="overlay">
2405      <div class="slider-overlay-content">
2406         <div><a href="https://blur.lnk.to/theballadofdarren" target="_blank" class="stream">Listen </a></div>
2407      </div>
2408   </div>
2409
2410</div>
2411<div class="listen-title">Blur</div></span></div></li>
2412          <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#000000">
2413   <a custom-link-name="Blur Page" href="https://blur.lnk.to/BlurAlbum">
2414      <img src="/sites/g/files/g2000022371/files/2026-03/blur_0.jpg" alt="Blur Album">
2415   </a>
2416   <div class="overlay">
2417      <div class="slider-overlay-content">
2418         <div><a href="https://blur.lnk.to/BlurAlbum" target="_blank" class="stream">Listen </a></div>
2419      </div>
2420   </div>
2421
2422</div>
2423<div class="listen-title">Blur Album</div></span></div></li>
2424          <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#08A7E1">
2425   <a custom-link-name="Parklive Page" href="https://blur.lnk.to/Parklive">
2426      <img src="/sites/g/files/g2000022371/files/2026-03/parklive_0.png" alt="Parklive">
2427   </a>
2428   <div class="overlay">
2429      <div class="slider-overlay-content">
2430         <div><a href="https://blur.lnk.to/Parklive" target="_blank" class="stream">Listen </a></div>
2431      </div>
2432   </div>
2433
2434</div>
2435<div class="listen-title">Parklive</div></span></div></li>
2436          <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#FF300E">
2437   <a custom-link-name="Bustin and Dronin Page" href="https://blur.lnk.to/bustinanddronin">
2438      <img src="/sites/g/files/g2000022371/files/2026-03/blur-BD.png" alt="Bu
2438stin and Dronin">
2439   </a>
2440   <div class="overlay">
2441      <div class="slider-overlay-content">
2442         <div><a href="https://blur.lnk.to/bustinanddronin" target="_blank" class="stream">Listen </a></div>
2443      </div>
2444   </div>
2445
2446</div>
2447<div class="listen-title">Bustin and Dronin</div></span></div></li>
2448          <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#000000">
2449   <a custom-link-name="Think Tank Page" href="https://blur.lnk.to/ThinkTank">
2450      <img src="/sites/g/files/g2000022371/files/2026-03/ThinkTank.jpg" alt="Think Tank">
2451   </a>
2452   <div class="overlay">
2453      <div class="slider-overlay-content">
2454         <div><a href="https://blur.lnk.to/ThinkTank" target="_blank" class="stream">Listen </a></div>
2455      </div>
2456   </div>
2457
2458</div>
2459<div class="listen-title">Think Tank</div></span></div></li>
2460          <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#08A7E1">
2461   <a custom-link-name="Modern Life Is Rubbish Page" href="https://blur.lnk.to/ModernLifeIsRubbish">
2462      <img src="/sites/g/files/g2000022371/files/2026-03/modern.jpg" alt="Modern Life Is Rubbish">
2463   </a>
2464   <div class="overlay">
2465      <div class="slider-overlay-content">
2466         <div><a href="https://blur.lnk.to/ModernLifeIsRubbish" target="_blank" class="stream">Listen </a></div>
2467      </div>
2468   </div>
2469
2470</div>
2471<div class="listen-title">Modern Life Is Rubbish</div></span></div></li>
2472          <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#FF300E">
2473   <a custom-link-name="Leisure Page" href="https://blur.lnk.to/LeisureAlbum">
2474      <img src="/sites/g/files/g2000022371/files/2026-03/leisure-1.jpg" alt="Leisure">
2475   </a>
2476   <div class="overlay">
2477      <div class="slider-overlay-content">
2478         <div><a href="https://blur.lnk.to/LeisureAlbum" target="_blank" class="stream">Listen </a></div>
2479      </div>
2480   </div>
2481
2482</div>
2483<div class="listen-title">Leisure</div></span></div></li>
2484          <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#000000">
2485   <a custom-link-name="13 Page" href="https://blur.lnk.to/13album">
2486      <img src="/sites/g/files/g2000022371/files/2026-03/blur-13.jpg" alt="13">
2487   </a>
2488   <div class="overlay">
2489      <div class="slider-overlay-content">
2490         <div><a href="https://blur.lnk.to/13album" target="_blank" class="stream">Listen </a></div>
2491      </div>
2492   </div>
2493
2494</div>
2495<div class="listen-title">13</div></span></div></li>
2496          <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#08A7E1">
2497   <a custom-link-name="The Great Escape Page" href="https://blur.lnk.to/TheGreatEscape">
2498      <img src="/sites/g/files/g2000022371/files/2026-03/TheGreatEscape.jpg" alt="The Great Escape">
2499   </a>
2500   <div class="overlay">
2501      <div class="slider-overlay-content">
2502         <div><a href="https://blur.lnk.to/TheGreatEscape" target="_blank" class="stream">Listen </a></div>
2503      </div>
2504   </div>
2505
2506</div>
2507<div class="listen-title">The Great Escape</div></span></div></li>
2508          <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#FF300E">
2509   <a custom-link-name="The Magic Whip Page" href="https://blur.lnk.to/TheMagicWhipAlbum">
2510      <img src="/sites/g/files/g2000022371/files/2026-03/TheMagicWhip.jpg" alt="The Magic Whip">
2511   </a>
2512   <div class="overlay">
2513      <div class="slider-overlay-content">
2514         <div><a href="https://blur.lnk.to/TheMagicWhipAlbum" target="_blank" class="stream">Listen </a></div>
2515      </div>
2516   </div>
2517
2518</div>
2519<div class="listen-title">The Magic Whip</div></span></div></li>
2520          <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#000000">
2521   <a custom-link-name="Parklife Page" href="https://blur.lnk.to/Parklife">
2522      <img src="/sites/g/files/g2000022371/files/2026-03/parklife.jpg" alt="Parklife">
2523   </a>
2524   <div class="overlay">
2525      <div class="slider-overlay-content">
2526         <div><a href="https://blur.lnk.to/Parklife" target="_blank" class="stream">Listen </a></div>
2527      </div>
2528   </div>
2529
2530</div>
2531<div class="listen-title">Parklife</div></span></div></li>
2532    
2533  </ul>
2534
2535</div>
2536
2537    </div>
2538  
2539          </div>
2540</div>
2541
2542    </div>
2543  </div>
2544<div id="block-bartik-merchsection" class="block block-block-content block-block-contentb286fc59-bdcf-453f-bc1d-1dc0aff3d95d">
2545  
2546    
2547      <div class="content">
2548      
2549            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> <div class="latest-section-wrapper" id="latest">
2550      <div class="latest-grid">
2551         <div class="section-title mobile-only">latest</div>
2552         <div class="latest-wrapper-image-section">
2553            <img src="/sites/g/files/g2000022371/files/2026-03/blur3.gif" alt="">
2554         </div>
2555         <div class="latest-content">
2556            <div class="section-title desktop-only">Latest</div>
2557            <div class="latest-desc">The Magic Whip 10th Anniversary. <br> 
2558            New vinyl and merchandise collection out 25th April</div>
2559            <div class="merch-details"><a class="button" href="https://wmg.lnk.to/bluroriginals" target="_blank">shop</a></div>
2560         </div>
2561      </div>
2562   </div></div>
2563      
2564    </div>
2565  </div>
2566<div id="block-bartik-emailsection" class="block block-block-content block-block-contentf1348698-64a7-4cf1-9413-f01c21307054">
2567  
2568    
2569      <div class="content">
2570      
2571            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="signup-section-content-wrapper">
2572   <div class="title-section">
2573      <div class="section-title">sign up</div>
2574
2575   </div>
2576   <div class="form-section">
2577      <!-- <div class="heading">join blur’s mailing list to keep up to date with the latest news and for exclusive pre-sale access to the UK warm up shows. Pre-sale begins at 10am BST on 26th April 2023</div> -->
2578
2579      <div class="heading">join blur’s mailing list to keep up to date with the latest news</div>
2580      <div class="plain-ml-wrapper firstMlistForm" data-success="signupsuccess">
2581         <div class="mlform">
2582            <form id="mlistFormOne" autocomplete="off" class="mlistFormOne mlform singleform">
2583               <div class="input-fields">
2584                  <div class="name fieldWrap">
2585                     <label for="firstname" class=""></label>
2586                     <input data-type="text" placeholder="First Name" class="field"
2587                        data-error-text="Please enter a valid First name" required="" id="firstname" name="firstname">
2588                  </div>
2589                  <div class="name fieldWrap">
2590                     <label for="lastname" class=""></label>
2591                     <input data-type="text" placeholder="Last Name" class="field"
2592                        data-error-text="Please enter a valid Last name" required="" id="lastname" name="lastname">
2593                  </div>
2594               </div>
2595               <div class="input-fields">
2596                  <div class="email fieldWrap">
2597                     <label for="emailAddress" class="tiny">Email</label>
2598                     <input id="emailAddress" data-type="email" type="email" autocomplete="off"
2599                        data-error-text="Please enter a valid email address" required name="email"
2600                        placeholder="enter email address">
2601                  </div>
2602               </div>
2603
2604               <div class="primary-list-values">
2605                  <input type="hidden" name="newsletterId" value="14074822">
2606                  <input type="hidden" name="Datasource" value="Blur_website_newsletter_optin">
2607                  <input type="hidden" name="_trigger" value="62954:6223345">
2608               </div>
2609
2610               <span class="consent-placeholder" data-template="artist-mktg" data-artist="blur"
2611                  data-error-text="This field is required" data-pp-link="https://privacy.wmg.com/wmi/privacy"></span>
2612
2613               <div class="submit">
2614                  <input type="submit" class="submit mlistSubmit" value="sign up">
2615               </div>
2616
2617
2618            </form>
2619            <div class="thankyou fadeOut">Thank you for signing up!</div>
2620
2621
2622         </div>
2623      </div>
2624   </div>
2625</div>
2626<style>
2627   #mySidebar .consent-placeholder,
2628   div#block-bartik-emailsection .consent-placeholder {
2629      position: relative;
2630      margin: 1.5vh auto;
2631      display: block;
2632   }
2633
2634   .fieldWrap span.error {
2635      padding: 0
2636   }
2637
2638   .plain-ml-wrapper label:not(.goptin_checkbox) {
2639      position: static;
2640      transform: none;
2641      font-size: 0;
2642   }
2643
2644   .plain-ml-wrapper label.tiny {
2645      font-size: 0;
2646      display: none;
2647   }
2648
2649   #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
2650   #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked,
2651   div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
2652   div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked {
2653      position: absolute;
2654      left: 0px;
2655      width: 1.428vw;
2656      height: 1.428vw;
2657      z-index: 10;
2658      top: 0px;
2659      opacity: 0;
2660      cursor: pointer;
2661      margin: 0;
2662      -webkit-appearance: none;
2663      padding: 0;
2664   }
2665
2666   #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
2667   #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before,
2668   div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
2669   div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before {
2670      content: "";
2671      position: absolute;
2672      left: 0px;
2673      top: auto;
2674      width: 1.428vw;
2675      height: 1.428vw;
2676      border: 2px solid #fff;
2677      background: transparent;
2678      border-radius: 0px;
2679      box-sizing: border-box;
2680   }
2681
2682   #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
2683   #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before {
2684      border: 2px solid #000;
2685   }
2686
2687   #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked)+label:before,
2688   div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked)+label:before {
2689      border-color: red;
2690   }
2691
2692   #mySidebar .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label,
2693   div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label {
2694      display: inline-block;
2695      box-sizing: border-box;
2696      line-height: 1;
2697      text-align: left;
2698      text-transform: lowercase;
2699      letter-spacing: 0;
2700      font-size: 0.868vw;
2701      padding-left: 2.04vw;
2702      vertical-align: top;
2703      font-weight: 400;
2704      position: static;
2705      transform: none;
2706      pointer-events: auto;
2707      cursor: default;
2708   }
2709
2710   #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after,
2711   div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
2712      content: "\2713";
2713      position: absolute;
2714      top: 0.58vh;
2715      line-height: 1;
2716      left: 0.25vw;
2717      font-size: 1vw;
2718      color: #fff;
2719      font-weight: 700;
2720      text-align: center;
2721   }
2722
2723   #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after,
2724   #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
2725      color: #000;
2726   }
2727
2728   div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
2729      color: #ffffff;
2730   }
2731
2732   #mySidebar .consent-placeholder span.input-error,
2733   div#block-bartik-emailsection .consent-placeholder span.input-error {
2734      color: red;
2735      position: absolute;
2736      top: -3.25vh;
2737      left: 0;
2738      bottom: auto;
2739   }
2740
2741   div#block-bartik-emailsection .consent-placeholder span.input-error {
2742      top: -3.25vh;
2743   }
2744
2745   #mySidebar .secondform .consent-placeholder,
2746   div#block-bartik-emailsection .secondform .consent-placeholder {
2747      margin: 2vh auto;
2748   }
2749
2750   #mySidebar .plain-ml-wrapper .mlform .consent-placeholder label a,
2751   #mySidebar .plain-ml-wrapper .mlform .consent-placeholder label span {
2752      color: #000;
2753   }
2754
2755   div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder label a,
2756   div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder label span {
2757      color: #fff;
2758   }
2759
2760   #mySidebar .plain-ml-wrapper .mlform .consent-placeholder label a,
2761   div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder label a {
2762      text-decoration: underline;
2763      cursor: pointer;
2764   }
2765
2766   #mySidebar .plain-ml-wrapper .mlform .consent-placeholder label a:hover,
2767   div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder label a:hover {
2768      opacity: 0.5;
2769   }
2770
2771   @media only screen and (max-width: 1023px) and (orientation:portrait) {
2772
2773      #mySidebar .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label,
2774      div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label {
2775         font-size: 3vw;
2776         padding-left: 6vw;
2777      }
2778
2779      #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
2780      #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked,
2781      #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
2782      #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before,
2783      div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
2784      div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked,
2785      div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
2786      div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before {
2787         width: 4vw;
2788         height: 4vw;
2789      }
2790
2791      #mySidebar .consent-placeholder span.input-error,
2792      .input-error,
2793      div#block-bartik-emailsection .consent-placeholder span.input-error {
2794         font-size: 3.25vw;
2795      }
2796
2797      #mySidebar .consent-placeholder span.input-error,
2798      div#block-bartik-emailsection .consent-placeholder span.input-error {
2799         top: -2.5vh;
2800      }
2801
2802      #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after,
2803      div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
2804         top: 0.2vh;
2805         left: 0.5vw;
2806         font-size: 3.15vw;
2807      }
2808   }
2809
2810   @media only screen and (max-width:1023px) and (orientation:landscape) {
2811      .input-error {
2812         font-size: 1.65vw;
2813      }
2814
2815      #mySidebar .consent-placeholder span.input-error,
2816      div#block-bartik-emailsection .consent-placeholder span.input-error {
2817         top: -4.25vh;
2818      }
2819
2820      #mySidebar .consent-placeholder,
2821      div#block-bartik-emailsection .consent-placeholder {
2822         margin: 2.5vh auto;
2823      }
2824
2825      #mySidebar .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label,
2826      div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label {
2827         font-size: 1.68vw;
2828         padding-left: 4.04vw;
2829      }
2830
2831      #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
2832      #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before,
2833      div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
2834      div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before {
2835         width: 2.28vw;
2836         height: 2.28vw;
2837      }
2838
2839      #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after,
2840      div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
2841         font-size: 2vw;
2842      }
2843   }
2844
2845   @media only screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
2846
2847      #mySidebar .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label,
2848      div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label {
2849         font-size: 2.1vw;
2850         padding-left: 3.054vw;
2851      }
2852
2853      #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after,
2854      div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
2855         top: 0;
2856         font-size: 2vw;
2857      }
2858
2859      #mySidebar .consent-placeholder,
2860      div#block-bartik-emailsection .consent-placeholder {
2861         position: relative;
2862         margin: 1vh auto;
2863      }
2864
2865      .input-error {
2866         font-size: 2.4vw;
2867      }
2868
2869      #mySidebar .consent-placeholder span.input-error,
2870      div#block-bartik-emailsection .consent-placeholder span.input-error {
2871         top: -3vh;
2872      }
2873
2874      #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
2875      #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before,
2876      #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
2877      #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked,
2878      div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
2879      div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before,
2880      div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
2881      div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked {
2882         width: 2.28vw;
2883         height: 2.28vw;
2884      }
2885
2886   }
2887
2888   @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
2889      .copyright-links {
2890         font-size: 1.2813vw;
2891      }
2892   }
2893</style></div>
2894      
2895    </div>
2896  </div>
2897
2898  </div>
2899
2900          </section>
2901        </main>
2902                      </div>
2903    </div>
2904        <footer class="site-footer">
2905      <div class="layout-container">
2906                          <div class="site-footer__bottom">
2907              <div class="region region-footer-fifth">
2908    <div id="block-footer" class="block block-block-content block-block-contentece3ee2a-8756-4b0d-9a29-31c175ed16da">
2909  
2910    
2911      <div class="content">
2912      
2913            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="footer">
2914    <div class="signup-wrapper menu-wrapper">
2915        <div class="social-wrapper">
2916            <div class="socials-nav">
2917                <ul>
2918                    <li>
2919                        <a target="_blank" href="https://www.facebook.com/blur" data-track="facebook-ftr" aria-label="facebook">
2920                            <i class="fab fa-facebook"></i>
2921                        </a>
2922                    </li>
2923                    <li>
2924                        <a target="_blank" href="https://www.instagram.com/blurofficial" data-track="instagram-ftr" aria-label="instagram">
2925                            <i class="fab fa-instagram"></i>
2926                        </a>
2927                    </li>
2928                    <li>
2929                        <a target="_blank" href="https://twitter.com/blurofficial" data-track="twitter-ftr" aria-label="twitter">
2930                            <i class="fa-brands fa-x-twitter"></i>
2931                        </a>
2932                    </li>
2933                    <li>
2934                        <a target="_blank" href="https://www.youtube.com/channel/UCLdfTpBoh9G_DI3OURnIFOQ"
2935                            data-track="youtube-ftr" aria-label="youtube">
2936                            <i class="fab fa-youtube"></i>
2937                        </a>
2938                    </li>
2939                </ul>
2940            </div>
2941        </div>
2942        <div class="footer-bottom">
2943            <div class="copyright-links">
2944                <span class="copyright-text">&copy;
2945                   2026 Parlophone Records Limited
2946                </span> <span class="sep"></span> <br class="mobile-only" />
2947                <span class="link"><a href="https://privacy.wmg.com/wmi/privacy/" target="_blank"
2948                        rel="noopener noreferrer">Privacy Policy</a></span>
2949                <span class="sep">|</span>
2950                <span class="link"><a href="https://privacy.wmg.com/wmi/terms-of-use" target="_blank"
2951                        rel="noopener noreferrer">Terms Of Use</a></span>
2952                <span class="sep sep-mob">|</span>
2953                <span class="link"><a href="https://www.wminewmedia.com/cookies-policy/" target="_blank"
2954                        rel="noopener noreferrer">Cookies Policy</a></span>
2955                <span class="sep">|</span>
2956                <span class="link"><a class="ot-sdk-show-settings" style="cursor:pointer">Cookies Settings</a></span>
2957            </div>
2958        </div>
2959    </div>
2960</div></div>
2961      
2962    </div>
2963  </div>
2964<div id="block-bartik-cleanupcss" class="block block-block-content block-block-content6b823c9e-a219-48c9-bc2d-8ae5338101b8">
2965  
2966    
2967      <div class="content">
2968      
2969            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
2970    *,
2971    *::before,
2972    *::after {
2973        box-sizing: border-box;
2974        -moz-box-sizing: border-box;
2975        -webkit-box-sizing: border-box;
2976    }
2977.node--unpublished {
2978    background: transparent;
2979    padding: 0;
2980}
2981    body #page,
2982    body #main-wrapper,
2983    body .region-primary-menu .menu-item a.is-active,
2984    body .region-primary-menu .menu-item--active-trail a {
2985        background: transparent;
2986        line-height: unset;
2987    }
2988
2989    .page-node-type-miscellaneous-pages div#main,
2990    .page-node-type-miscellaneous-pages .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.quickedit-field {
2991        background: transparent;
2992    }
2993
2994    body .region-header {
2995        padding: 0;
2996        font-size: 0;
2997    }
2998
2999    body #header {
3000        background-color: transparent;
3001        background-image: unset;
3002    }
3003
3004    body #page #header {
3005        padding-bottom: 0px;
3006    }
3007
3008
3009    body #header {
3010        background-color: transparent;
3011        background-image: unset;
3012    }
3013
3014    form#content-moderation-entity-moderation-form {
3015        display: none;
3016    }
3017
3018    body {
3019        line-height: unset;
3020    }
3021
3022    html {
3023        line-height: 1;
3024    }
3025
3026    a.visually-hidden.focusable.skip-link {
3027        display: none;
3028    }
3029
3030    img {
3031        width: 100%;
3032        height: auto;
3033    }
3034
3035    #page,
3036    #main-wrapper,
3037    .region-primary-menu .menu-item a.is-active,
3038    .region-primary-menu .menu-item--active-trail a,
3039    #header,
3040    .site-footer {
3041        background: transparent;
3042    }
3043
3044    .item-list ul li {
3045        margin: 0;
3046        padding: 0;
3047    }
3048
3049    .layout-container {
3050        max-width: 100%;
3051    }
3052
3053    .region-header {
3054        padding: 0;
3055        line-height: 0;
3056        font-size: 0;
3057    }
3058
3059    .layout-main-wrapper {
3060        min-height: auto;
3061    }
3062
3063    .layout-main {
3064        margin: 0;
3065    }
3066
3067    .main-content {
3068        float: none;
3069    }
3070
3071    .main-content .section {
3072        padding: 0;
3073    }
3074
3075    .block .content {
3076        margin: 0;
3077    }
3078
3079    div#block-bartik-page-title {
3080        display: none;
3081    }
3082
3083    .region-header .block:not(.site-branding) {
3084        margin: 0;
3085        font-size: 0;
3086        float: none;
3087        clear: none;
3088    }
3089
3090    .node__content {
3091        margin: 0;
3092        font-size: 0;
3093    }
3094
3095    .item-list ul {
3096        margin: 0;
3097    }
3098
3099    footer.site-footer {
3100        background: transparent;
3101        padding: 0;
3102    }
3103
3104    .site-footer__bottom {
3105        margin: 0;
3106        border: 0;
3107    }
3108#header,.site-footer {
3109    font-family: unset;
3110}
3111    .site-footer .layout-container {
3112        max-width: 100%;
3113    }
3114
3115    .site-footer .layout-container,
3116    .site-footer__bottom .content {
3117        padding: 0;
3118    }
3119
3120    .site-footer__bottom {
3121        margin: 0;
3122        border: none;
3123        letter-spacing: 0;
3124    }
3125
3126    .site-footer__bottom .region,
3127    .site-footer__bottom .block {
3128        margin: 0;
3129    }
3130
3131    .site-footer .content {
3132        font-size: 0;
3133    }
3134
3135    li {
3136        list-style-type: none;
3137    }
3138
3139    .text-formatted ul,
3140    .text-formatted ol,
3141    ul,
3142    ol {
3143        padding: 0;
3144        margin: 0;
3145    }
3146
3147    a:hover,
3148    a:active,
3149    a:focus,
3150    .link:hover,
3151    .link:active,
3152    .link:focus,
3153    a,
3154    a.link {
3155        border: none;
3156        transform: none;
3157        color: unset;
3158    }
3159
3160    p {
3161        margin: 0;
3162    }
3163
3164    input,
3165    select {
3166        font: inherit;
3167        padding: 0;
3168        margin: 0;
3169        border: none;
3170    }
3171
3172    h1,
3173    .heading-a {
3174        margin: 0;
3175        color: inherit;
3176    }
3177
3178    .site-footer .content a,
3179    .site-footer .content,
3180    .site-footer .content a.is-active,
3181    .site-footer .content a:hover,
3182    .site-footer .content a:focus {
3183        color: #ffffff;
3184    }
3185
3186    #toolbar-administration {
3187        display: none;
3188    }
3189
3190    .layout-main-wrapper {
3191        min-height: unset;
3192    }
3193
3194    .toolbar-tray-open.toolbar-vertical.toolbar-fixed {
3195        margin-inline-start: 0;
3196    }
3197
3198    body .site-footer .block {
3199        margin: 0;
3200        padding: 0;
3201        border: unset;
3202        border-color: unset;
3203    }
3204div#block-bartik-cleanupcss {
3205    display: none;
3206}
3207    @media (min-width: 851px) {
3208        .layout-container {
3209            max-width: unset;
3210        }
3211    }
3212
3213    @media (min-width: 461px) {
3214        body .region-header .block {
3215            float: unset !important;
3216            margin-top: 0.357em;
3217        }
3218    }
3219</style></div>
3220      
3221    </div>
3222  </div>
3223
3224  </div>
3225
3226          </div>
3227              </div>
3228    </footer>
3229  </div>
3230</div>
3231
3232  </div>
3233
3234    
3234<script src="/sites/g/files/g2000022371/files/custom_js_1.js?cache=69ca25c73a5ce"></script>
vendor: 1 bytes, line 3234
3234
3235<script type="text/javascript">jQuery(document).ready(function () {jQuery('').attr('','');});</script>
3235
3236
3237    
3237<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/506","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxdzEEOwjAMRNELpfWRkNNakcGOUSZQ0tODukCUzSyeRj9z63qjxRgYc2ZIyidyAbgI_rjG-n0Wi8w2oQ_TWtISTahGczbdJWGgi9ORfqpsoGNnvvLrBB7rwyRtXi5x7-q6c9eo9IHpF95RBkXc","theme":"bartik","theme_token":null},"ajaxTrustedUrl":[],"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:e3f76e4ff7e84c7ccb415bde0d8451ded15d916f68ea7a6f009b34c68937c769":{"view_name":"music_section","view_display_id":"block_1","view_args":"","view_path":"\/node\/506","view_base_path":null,"view_dom_id":"e3f76e4ff7e84c7ccb415bde0d8451ded15d916f68ea7a6f009b34c68937c769","pager_element":0}}},"user":{"uid":0,"permissionsHash":"977d839ca5bfc2ac596c4cfbf9256b88ea2e4f5569498bc67d73cec554154d4d"}}</script>
vendor: 1 bytes, line 3237
3237
3238<script src="/sites/g/files/g2000022371/files/js/js_um5EFUKqL3l205mARq_gcWX1aScJatKGPDhRLVNs5b8.js?scope=footer&amp;delta=0&amp;language=en&amp;theme=bartik&amp;include=eJwry0wtL9YvA5F6iVmJFQA22wZe"></script>
3238
3239
3240  </body>
3241</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.