PageSourceSearch

https://www.officialgriff.com/

html officialgriff.com collected 2026-10-02 21:22:28 UTC 81,611 bytes, 2,654 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="My debut album Vertigo is out now" />
6<meta name="keywords" content="Griff, Official Website" />
7<link rel="canonical" href="https://www.officialgriff.com/" />
8<meta name="robots" content="index, follow" />
9<link rel="shortlink" href="https://www.officialgriff.com/" />
10<meta property="og:site_name" content="Griff" />
11<meta property="og:type" content="website" />
12<meta property="og:url" content="https://www.officialgriff.com/" />
13<meta property="og:title" content="Griff | Official Website" />
14<meta property="og:description" content="My debut album Vertigo is out now" />
15<meta property="og:image" content="https://www.officialgriff.com/sites/g/files/g2000022106/files/2026-03/OG-vertigo.png" />
16<meta name="twitter:card" content="summary_large_image" />
17<meta name="twitter:description" content="My debut album Vertigo is out now" />
18<meta name="twitter:title" content="Griff | Official Website" />
19<meta name="twitter:image" content="https://www.officialgriff.com/sites/g/files/g2000022106/files/2026-03/OG-vertigo.png" />
20<meta name="google-site-verification" content="google030fc2f1e5487842.html" />
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<meta name="robots" content="noimageai,noai" />
31<link rel="icon" href="/sites/g/files/g2000022106/files/favicon_0.png" type="image/png" />
32<script type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charset="UTF-8" data-domain-script="4ea3d0be-aedd-4625-8869-e1fa0246afd1" data-document-language="true"></script>
vendor: 1 bytes, line 32
32
33<script type="text/javascript">function OptanonWrapper() {
34      var cookiePolicyLink = 'https://www.wminewmedia.com/cookies-policy/';
35      var allLinks = document.querySelectorAll('a');
36      for(i = 0; i < allLinks.length; i++) {
37        let href = allLinks[i].href;
38        if (href.indexOf(cookiePolicyLink) > -1 && href.indexOf('?ot=') < 0) {
39          href = href + '?ot=4ea3d0be-aedd-4625-8869-e1fa0246afd1&url=' + window.location.hostname;
40          allLinks[i].setAttribute("href", href);
41          allLinks[i].setAttribute("target", "_blank");
42        }
43      }             
44      var eOT = new Event("OneTrustGroupsUpdated");
45      document.dispatchEvent(eOT);
46      var regCheckPerformance = /,C0002,/;
47      var regCheckFunctional = /,C0003,/;
48      var regCheckTargeting = /,C0004,/;
49      var regCheckSocial = /,C0008,/;
50}</script>
50
51<link rel="stylesheet" type="text/css" href="https://www.wminewmedia.com/cookies-policy/onetrust/ot.css" />
52<script type="text/javascript">digitalData={"settings":{"reportSuites":"wmg,wmggbglobal"},"content":{"artist":"Griff","label":"Warner Music International","sublabel":"Warner Records UK"},"page":{"pageInfo":{"pageName":"Griff:Homepage","server":"Griff:Site","devTeam":"WMAS","platform":"Drupal 10"},"category":{"primaryCategory":"Griff:Home","pageType":"homepage"}}}</script>
vendor: 1 bytes, line 52
52
53<script src="//assets.adobedtm.com/launch-EN302b8a31b75a4dda8ff8df1d0cdb4762.min.js" async></script>
vendor: 1 bytes, line 53
53
54<script src="https://libraries.wmgartistservices.com/jslibrary/jquery.min.js">�</script>
vendor: 1 bytes, line 54
54
55<script src="https://libraries.wmgartistservices.com/songkick/widget_min.js?gfg" defer="defer">�</script>
vendor: 1 bytes, line 55
55
56<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/cdc.js" defer="defer">�</script>
vendor: 1 bytes, line 56
56
57<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/dtm.js" defer="defer">�</script>
vendor: 1 bytes, line 57
57
58<script src="https://libraries.wmgartistservices.com/custom-js/YTDTM/YTFns.js" defer="defer">�</script>
vendor: 1 bytes, line 58
58
59<script src="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.min.js"></script>
59
60
61    <title>Griff | Official Website</title>
62    <link rel="stylesheet" media="all" href="/sites/g/files/g2000022106/files/css/css_8DqeUzJh8EKdodigBsPTr49SINR0X-wO0gnBsIT64OE.css?delta=0&amp;language=en&amp;theme=bartik&amp;include=eJxdzFEKhDAMRdENVbukIXVCCSaN9AWGuvoRP0T9PVxuoR6y5kUJGHMhcCoPMgaoMl7c_HuVVb2QToih0mpavHNu3o1Udk4YCLZ8rn9WP76FmOwU4i0fMN3hD4u3N-g" />
63<link rel="stylesheet" media="all" href="/sites/g/files/g2000022106/files/css/css_TZCR-gScD5QkW2FByARByjzpHYeqm3EOXki9F-ywjcI.css?delta=1&amp;language=en&amp;theme=bartik&amp;include=eJxdzFEKhDAMRdENVbukIXVCCSaN9AWGuvoRP0T9PVxuoR6y5kUJGHMhcCoPMgaoMl7c_HuVVb2QToih0mpavHNu3o1Udk4YCLZ8rn9WP76FmOwU4i0fMN3hD4u3N-g" />
64<link rel="stylesheet" media="print" href="/sites/g/files/g2000022106/files/css/css_4rxhrqZXZngrka0F_UdYgVTwmK33AbpeKL3TR63kxok.css?delta=2&amp;language=en&amp;theme=bartik&amp;include=eJxdzFEKhDAMRdENVbukIXVCCSaN9AWGuvoRP0T9PVxuoR6y5kUJGHMhcCoPMgaoMl7c_HuVVb2QToih0mpavHNu3o1Udk4YCLZ8rn9WP76FmOwU4i0fMN3hD4u3N-g" />
65<link rel="stylesheet" media="all" href="/sites/g/files/g2000022106/files/css/css_Cox213fzNLziLCWJLofE9-JzaECR1sPnFUmbMXH-fks.css?delta=3&amp;language=en&amp;theme=bartik&amp;include=eJxdzFEKhDAMRdENVbukIXVCCSaN9AWGuvoRP0T9PVxuoR6y5kUJGHMhcCoPMgaoMl7c_HuVVb2QToih0mpavHNu3o1Udk4YCLZ8rn9WP76FmOwU4i0fMN3hD4u3N-g" />
66
67    
68  </head>
69  <body class="page-node-506 page-node-type-page layout-no-sidebars path-frontpage">
70        <a href="#main-content" class="visually-hidden focusable skip-link">
71      Skip to main content
72    </a>
73    
74      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
75    <div id="page-wrapper">
76  <div id="page">
77    <header id="header" class="header" role="banner">
78      <div class="section layout-container clearfix">
79        
80          <div class="clearfix region region-header">
81    <div id="block-bartik-commoncss" class="block block-block-content block-block-content03c0d970-0d78-4e8f-9df3-c4ecee2f9558">
82  
83    
84      <div class="content">
85      
86            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
87
88@font-face {
89    font-family: 'World Discovery One';
90    src: url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Regular_0.eot');
91    src: url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Regular_0.eot?#iefix') format('embedded-opentype'),
92        url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Regular.woff2') format('woff2'),
93        url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Regular_0.ttf') format('truetype'),
94        url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Regular_0.svg#WorldDiscoveryOne-Regular') format('svg');
95    font-weight: normal;
96    font-style: italic;
97    font-display: swap;
98}
99
100@font-face {
101    font-family: 'World Discovery One';
102    src: url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Bold_0.eot');
103    src: url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Bold_0.eot?#iefix') format('embedded-opentype'),
104        url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Bold.woff2') format('woff2'),
105        url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Bold_0.ttf') format('truetype'),
106        url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Bold_0.svg#WorldDiscoveryOne-Bold') format('svg');
107    font-weight: bold;
108    font-style: italic;
109    font-display: swap;
110}
111
112@font-face {
113    font-family: 'World Discovery One';
114    src: url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Light_0.eot');
115    src: url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Light_0.eot?#iefix') format('embedded-opentype'),
116        url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Light.woff2') format('woff2'),
117        url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Light_0.ttf') format('truetype'),
118        url('/sites/g/files/g2000022106/files/2026-03/WorldDiscoveryOne-Light_0.svg#WorldDiscoveryOne-Light') format('svg');
119    font-weight: 300;
120    font-style: italic;
121    font-display: swap;
122}
123
124
125
126:root {
127
128    --bg-image-mobile: url('/sites/g/files/g2000022106/files/2026-03/GRIFF_mobBG.png');
129    --bg-image-desktop: url('/sites/g/files/g2000022106/files/2026-03/GRIFF_webBG.png') no-repeat center #000
130}
131
132* {
133    margin: 0;
134    box-sizing: border-box;
135    padding: 0;
136}
137
138a {
139    text-decoration: none;
140    color: inherit;
141    transition: all 0.5s ease-in-out;
142}
143
144a:hover,
145i:hover {
146    opacity: 0.7;
147    /* color: #000; */
148}
149
150label {
151    
152    font-weight: unset;
153}
154
155img {
156    max-width: 100%;
157    height: auto;
158}
159
160ul {
161    list-style: none;
162}
163
164/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 15, 2021 */
165
166
167body {
168    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
169
170
171    font-display: swap;
172    background: #fff;
173   
174    color: #000;
175    text-align: center;
176}
177
178body:after {
179    content: "";
180    position: fixed;
181    width: 100%;
182    height: 100vh;
183    background: url('/sites/g/files/g2000022106/files/2026-03/GRIFF_webBG.png') no-repeat center #000;
184    background-size: cover;
185    background-position: top center;
186    top: 0;
187    left: 0;
188    z-index: -4;
189
190}
191div#block-views-block-videos-section-block-1 {
192    width: 100%;
193 overflow-x: hidden;
194padding: 100px 0;
195}
196#block-views-block-videos-section-block-1 .view-content {
197    width: 100%;
198    max-width: 1400px;
199    margin: auto;
200}
201
202#block-views-block-videos-section-block-1 .item-list {
203    overflow: visible;
204}
205
206#block-views-block-videos-section-block-1 .owl-carousel .owl-stage-outer {
207    overflow: visible;
208}
209#block-views-block-videos-section-block-1 .owl-item {
210    transform: scale(0.8);
211    transition: 0.4s;
212}
213
214#block-views-block-videos-section-block-1 .owl-item.active.center {
215    transform: scale(1);
216}
217 
218div#main-wrapper {
219    max-width: 100%;
220}
221
222.customhome,
223.customwrapperhome,
224footer {
225    position: relative;
226    z-index: 1;
227    color: #fff;
228    /* background: #fff; */
229}
230    
231
232nav a,
233.socails-wrapper a {
234    color: #fff;
235    text-transform: initial;
236}
237
238/* nav a:hover, .socails-wrapper a:hover {
239    color: #fff;
240} */
241.nav-bar {
242    display: flex;
243    align-items: center;
244    position: fixed;
245    /* background: #fff; */
246   
247    padding: 1.6vw 3%;
248    width: 100%;
249    justify-content: space-between;
250    font-size: 0;
251    top: 0;
252    color: #585858;
253    z-index: 2;
254    /* background:#fff;
255    background: #a81f26;
256    background: #348891; */
257    /* background: rgba(0,0,0,0.5); */
258    background: transparent;
259
260}
261
262.logo-wrapper,
263.socails-wrapper {
264    width: 230px;
265    width:18vw;
266}
267
268.socails-wrapper {
269    width: 17.6vw;
270}
271
272nav {
273    /*width: calc(94% - 230px * 2);*/
274    width: calc(94% - 17.6vw* 2);
275}
276
277nav ul {
278    display: flex;
279    align-items: center;
280    justify-content: center;
281}
282
283nav li {
284
285    margin-right: 2.7vw;
286    font-size: 1.1vw;
287    /* font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
288    font-family: 'World Discovery One';
289    font-weight: normal;
290    font-style: italic;
291    letter-spacing: 1px;
292}
293
294nav li:last-child {
295    margin-right: 0;
296}
297
298.socails-wrapper ul {
299    display: flex;
300    align-items: center;
301}
302
303.social-icons li {
304    font-size: 20px;
305    margin-right: 20px;
306    font-size: 1.6vw;
307    margin-right: 1.1vw;
308}
309
310.social-icons li:last-child {
311    margin-right: 0;
312}
313
314.packshot-wrapper {
315    max-width: 100%;
316    width: 100%;
317    /* margin: 60px auto 0; */
318    padding: 20px 0;
319    font-size: 0;
320}
321
322video#landing_video_desktop {
323    width: 100%;
324}
325.owl-item.active.center .views-field.views-field-field-video-body {
326    transform: scale(1);
327}
328
329.versionbtn.additional-wrapper .packshot-wrapper {
330    margin: 0 auto;
331    padding-top: 0;
332    padding-bottom: 25px;
333}
334
335.album-info {
336    font-size: 19px;
337    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
338    line-height: 1.5;
339    font-weight: 700;
340    font-family: 'World Discovery One';
341    font-weight: normal;
342    font-style: italic;
343}
344
345.album-name {
346    color: #000;
347    text-transform: initial;
348}
349
350.presave-button {
351    padding-top: 20px;
352}
353
354.pre-order-message {
355    padding: 30px 0 20px;
356}
357
358.presale-text {
359    padding-top: 40px;
360    text-transform: initial;
361    color: #fef200;
362}
363
364.customhome .section-inner-wrapper {
365    padding: 50px 0;
366}
367
368.customhome .button-wrapper a {
369    min-width: 250px;
370}
371
372.customhome .button-wrapper a:nth-child(2) {
373    margin: 0 15px;
374}
375
376.button-wrapper {
377    padding-bottom: 20px;
378    text-transform: initial;
379}
380
381.additional-wrapper .button-wrapper {
382    padding-top: 20px;
383}
384
385.button {
386    font-size: 14px;
387    background: #fff;
388    color: #000;
389    display: inline-block;
390    padding: 10px 20px;
391      border: 2px solid #fff !important;
392    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
393    letter-spacing: 1px;
394    line-height: 1;
395    text-transform: initial;
396    box-sizing: border-box;
397    border-radius: 5px;
398    /* font-family: 'World Discovery One'; */
399    font-weight: bold;
400    /* font-style: italic; */
401    font-weight: bold;
402    text-transform: uppercase;
403}
404
405div.presave {
406    position: absolute;
407    bottom: 20vh;
408    left: 0;
409    right: 0;
410    width: auto;
411    margin: 0 auto;
412    text-align: center;
413}
414
415.presavetxt {
416    font-family: 'World Discovery One';
417    font-weight: bold;
418    font-style: italic;
419
420    font-size: 30px;
421    color: #fff;
422    letter-spacing: 1.5px;
423    line-height: 1;
424    margin-bottom: 22px;
425
426
427
428}
429
430.presavetxt span {
431    display: block;
432    font-size: 18px;
433    line-height: 2;
434}
435
436.button:hover {
437    opacity: 0.7;
438    border: 2px solid #fff;
439    background: #fff;
440}
441
442.button-white {
443    background: #ddd;
444    color: #000;
445    border-color: #ddd;
446}
447
448.button-yellow {
449    background: #fef200;
450    border-color: #fef200;
451    color: #000;
452}
453
454.button-red {
455    background: #fe7f4e;
456    border-color: #fe7f4e;
457    color: #000;
458}
459
460.button-red:hover {
461    background: transparent;
462    color: #fe7f4e;
463}
464
465.button-yellow:hover {
466    background: #000;
467    color: #fef200;
468}
469
470.button-white:hover {
471    color: #fef200;
472    border-color: #fef200;
473}
474
475.section-inner-wrapper {
476    max-width: 1200px;
477    margin: 0 auto;
478    width: 90%;
479    padding: 100px 0;
480}
481
482.section-title {
483    font-size: 55px;
484    color: #000;
485    /* font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
486    text-transform: initial;
487    padding-bottom: 50px;
488    line-height: 1;
489    font-family: 'World Discovery One';
490    font-weight: normal;
491    font-style: italic;
492}
493
494.section-white .section-title {
495    color: #000;
496}
497
498.merch-items {
499    display: flex;
500    align-items: center;
501    justify-content: space-between;
502    font-size: 0;
503}
504
505
506.merch-item {
507    width: 30%;
508}
509
510.section-white {
511    background: #fff;
512    
513    color: #FFFFFF;
514}
515
516.video-section {
517    overflow: hidden;
518
519    
520}
521
522.video-section .section-inner-wrapper {
523    max-width: 100%;
524    width: 60%;
525}
526
527.owl-carousel .owl-stage-outer {
528    overflow: visible;
529}
530
531.iframe-wrapper {
532    position: relative;
533    height: 0;
534    padding-bottom: 56.25%;
535}
536
537.iframe-wrapper iframe {
538    width: 100%;
539    height: 100%;
540    position: absolute;
541    left: 0;
542    top: 0;
543    border-radius: 10px;
544}
545
546.video-item {
547    transform: scale(0.8);
548}
549.views-field.views-field-field-video-body {
550transform: scale(0.8);
551
552}
553
554.active>.video-item {
555    transform: scale(1);
556}
557
558.owl-nav {
559    display: flex;
560    align-items: center;
561    justify-content: space-between;
562    padding: 50px 0;
563    width: 100%;
564    margin: 0 auto;
565}
566
567.signup-wrapper {
568    padding: 50px 0;
569    /* background: #fff; */
570    /* background: #348891; */
571    background: rgba(0, 0, 0, 0.5);
572}
573
574.hamMenu {
575    display: none;
576    cursor: pointer;
577}
578
579.copyTextAndLinks {
580    display: flex;
581    flex-direction: column;
582    padding-bottom: 1.6vw;
583    padding-top: 1.6vw;
584    font-size: 1vw;
585
586    color: #000;
587    /* background: #fff;
588    background: #348891; */
589    background: rgba(0, 0, 0, 0.5);
590
591    color: #fff;
592
593    
594    line-height: 2;
595    letter-spacing: 0;
596}
597
598.customhome .section-inner-wrapper {
599    display: none;
600}
601
602.cd_wrapper {
603    width: 40%;
604    margin: 0 auto;
605}
606
607.signed_cd {
608    margin: 1vw auto 5vw;
609}
610
611.customhome .button-wrapper {
612    padding-top: 70px;
613}
614
615.cd_link a.button {
616    min-width: 250px;
617}
618
619.signed_cd_button {
620    display: none;
621}
622
623.cd_link {
624    display: block;
625}
626
627.nav-btn {
628    font-size: 25px;
629    color: #000;
630    ;
631}
632
633.nav-btn img.arrowicons {
634    width: 4vw;
635}
636
637@media only screen and (min-width: 1024px) {
638    nav ul {
639        display: flex !important;
640    }
641}
642
643@media only screen and (max-width: 1023px) {
644    .social-icons li {
645        font-size: 20px;
646        margin-right: 20px;
647    }
648    nav a,
649    .socails-wrapper a {
650        color: #fff;
651    }
652    .nav-bar {
653        padding: 20px 3%;
654    }
655    .socails-wrapper {
656        display: none;
657    }
658
659    .signed_cd_button {
660        display: inline-block;
661    }
662
663    .cd_link {
664        display: none;
665    }
666
667    .customhome .button-wrapper {
668        display: flex;
669        flex-direction: column;
670        align-items: center;
671    }
672
673    .customhome .button-wrapper a:nth-child(2) {
674        margin: 15px 0;
675    }
676
677    .customhome .button-wrapper a {
678        max-width: 250px;
679    }
680
681    nav {
682        top: 86px;
683        position: absolute;
684        width: 100%;
685        background: #000000;
686        left: 0;
687        display: flex;
688    }
689
690    .hamMenu {
691        display: block;
692    }
693
694    .hamMenu {
695        display: block;
696    }
697
698    .hamMenu span {
699        display: block;
700        width: 40px;
701        height: 5px;
702        background: #fff;
703        margin-bottom: 8px;
704        position: relative;
705        border-radius: 3px;
706        z-index: 1;
707        transform-origin: 4px 0px;
708        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
709    }
710
711    .hamMenu span:last-child {
712        margin-bottom: 0;
713    }
714
715    .showNav span:nth-child(2) {
716        opacity: 0;
717    }
718
719    .showNav span:nth-child(2) {
720        opacity: 0;
721    }
722
723    .showNav span:first-child {
724        transform: rotate(45deg) translate(0, 50%);
725        transform-origin: 0 0;
726    }
727
728    .showNav span:last-child {
729        transform: rotate(-45deg) translate(-14%, 0);
730        transform-origin: 0% 0%;
731    }
732
733    .social-icons {
734        flex-direction: column;
735    }
736
737    nav ul {
738        flex-direction: column;
739        width: 100%;
740        text-align: center;
741        display: none;
742        /* background: #d7cec0; */
743        background: #fff;
744    }
745
746    nav li {
747        padding: 20px 0;
748        font-size: 14px;
749        margin: 0;
750        border-bottom: none;
751        color: #fff;
752    }
753
754    nav li a {
755        color: #348891;
756        color: #000;
757    }
758
759    nav li:last-child {
760        border-bottom: none;
761    }
762
763    .cd_wrapper {
764        width: 55%;
765    }
766
767    .cd_link a.button {
768        padding: 10px 30px 8px;
769        width: 250px;
770    }
771
772}
773
774@media only screen and (max-width: 767px) {
775    .presavetxt {
776        word-break: break-word;
777        width: 90%;
778        margin: 0 auto;
779        margin-bottom: 22px;
780    }
781    .presavetxt span{
782        font-size: 28px
783    }
784    .nav-btn img.arrowicons {
785        width: 15vw;
786    }
787
788    .packshot-wrapper {
789        max-width: 100%;
790
791    }
792
793    .cd_wrapper {
794        width: 85%;
795    }
796
797    .cd_link a.button {
798        padding: 10px 30px 8px;
799    }
800
801    nav {
802        top: 69px;
803    }
804
805    .logo-wrapper {
806        max-width: 150px;
807        width:230px;
808    }
809
810    .album-info {
811        font-size: 15px;
812    }
813
814    .merch-items {
815        flex-direction: column;
816    }
817
818    .merch-item {
819        width: 100%;
820        max-width: 300px;
821        margin: 0 auto;
822        padding-bottom: 30px;
823    }
824
825    .merch-item:last-child {
826        padding-bottom: 0;
827    }
828
829    .mobHide {
830        display: block;
831        font-size: 0;
832    }
833
834    .button {
835        font-size: 13px;
836        padding: 13px 26px;
837    }
838
839    .copyTextAndLinks {
840        font-size: 10px;
841        padding-top: 20px;
842        padding-bottom: 20px;
843    }
844}
845
846@media only screen and (max-width: 767px) and (orientation: portrait) {
847    body:after {
848        background-image: url('/sites/g/files/g2000022106/files/2026-03/GRIFF_mobBG.png');
849    }
850}
851
852@media only screen and (min-width: 767px) and (max-width: 1023px) {
853    .button {
854        font-size: 17px;
855        padding: 10px 5px 8px;
856    }
857}
858
859#event_id-39937737 .special-event {
860    display: none;
861}
862
863@media only screen and (min-width: 2000px) {
864    .cd_wrapper {
865        width: 20%;
866    }
867
868    .signed_cd {
869        margin: 1vw auto 2vw;
870    }
871}
872
873body {
874    position: relative;
875}
876
877body:after {
878    background: transparent;
879}
880
881.bgVideo video {
882    width: 100%;
883    height: 100vh;
884    object-fit: cover;
885}
886
887.bgVideo {
888    position: fixed;
889    width: 100%;
890    height: 100vh;
891    font-size: 0;
892    z-index: -1;
893}
894
895.owl-prev,
896.owl-next {
897    /* background-color: #fff; */
898    padding: 5px 20px;
899    border-radius: 5px;
900}
901
902.owl-prev:hover,
903.owl-next:hover {
904    opacity: 0.7;
905}
906
907.customhome#new-music {
908    z-index: 999;
909    height: 100vh;
910    position: relative;
911}
912
913.spiralImage {
914    display: flex;
915    flex-direction: row;
916    justify-content: center;
917    align-items: center;
918    width: 7%;
919    margin: 30px auto 0;
920}
921
922img.normalImage {
923    opacity: 0.2;
924}
925
926@-webkit-keyframes rotating
927
928/* Safari and Chrome */
929    {
930    from {
931        -webkit-transform: rotate(0deg);
932        -o-transform: rotate(0deg);
933        transform: rotate(0deg);
934    }
935
936    to {
937        -webkit-transform: rotate(360deg);
938        -o-transform: rotate(360deg);
939        transform: rotate(360deg);
940    }
941}
942
943@keyframes rotating {
944    from {
945        -ms-transform: rotate(0deg);
946        -moz-transform: rotate(0deg);
947        -webkit-transform: rotate(0deg);
948        -o-transform: rotate(0deg);
949        transform: rotate(0deg);
950    }
951
952    to {
953        -ms-transform: rotate(360deg);
954        -moz-transform: rotate(360deg);
955        -webkit-transform: rotate(360deg);
956        -o-transform: rotate(360deg);
957        transform: rotate(360deg);
958    }
959}
960
961.rotating {
962    -webkit-animation: rotating 2s linear infinite;
963    -moz-animation: rotating 2s linear infinite;
964    -ms-animation: rotating 2s linear infinite;
965    -o-animation: rotating 2s linear infinite;
966    animation: rotating 2s linear infinite;
967}
968
969@media only screen and (max-width: 1023px) and (orientation: portrait) {
970    .spiralImage {
971        width: 15%;
972        margin: 25px auto 0;
973    }
974
975    section#tour .section-inner-wrapper {
976        padding: 0;
977    }
978
979    section#tour {
980        padding: 60% 0;
981    }
982
983    section#videos {
984        height: 100vh;
985        position: relative;
986    }
987
988    .video-section .section-inner-wrapper {
989        padding: 0;
990        position: absolute;
991        left: 50%;
992        top: 50%;
993        transform: translate(-50%, -50%);
994        width: 70%;
995    }
996
997    .owl-nav {
998        padding: 20vh 0 0;
999    }
1000}
1001
1002@media only screen and (max-width: 1023px) and (orientation: portrait) {
1003    video#landing_video_desktop {
1004        display: none;
1005    }
1006
1007    body video#landing_video_mobile {
1008        display: block;
1009    }
1010}
1011
1012body {
1013    background: rgba(0, 0, 0, 0.9);
1014}
1015
1016div#bgVid:after {
1017    position: fixed;
1018    content: '';
1019    z-index: 1;
1020    background: rgba(0, 0, 0, 0.3);
1021    width: 100%;
1022    height: 100vh;
1023    top: 0;
1024    left: 0;
1025}
1026
1027@media only screen and (max-width: 1023px) and (orientation: landscape) {
1028    nav {
1029        top: 70px;
1030    }
1031
1032    nav li {
1033        padding: 15px 0;
1034    }
1035}
1036
1037@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
1038    nav li {
1039        margin-right: 13px;
1040        font-size: 12px;
1041    }
1042
1043    .logo-wrapper,
1044    .socails-wrapper {
1045        width: 178px;
1046    }
1047}
1048@media only screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
1049
1050.owl-nav {
1051    
1052    width: 56% !important;
1053    }
1054}
1055</style></div>
1056      
1057    </div>
1058  </div>
1059<div id="block-mlistcss" class="block block-block-content block-block-content945a57ea-caad-4686-9aa3-e5aaebfbbf24">
1060  
1061    
1062      <div class="content">
1063      
1064            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
1065  form {
1066    /* font-size: 0; */
1067    max-width: 900px;
1068    margin: 0 auto;
1069    width: 90%;
1070    color: #000;
1071}
1072.mlist-outer-wrapper label.tiny{
1073   display: none;
1074}
1075.message-description {
1076    font-size: 26px;
1077    color: #fff;
1078    text-align: center;
1079}
1080
1081.sub-message-description {
1082    font-size: 20px;
1083    color: #fff;
1084    text-align: center;
1085    padding: 15px 0 35px;
1086}
1087
1088.form-fields-submit {
1089    display: flex;
1090    justify-content: space-between;
1091}
1092
1093.form-fields {
1094    width: 75%;
1095}
1096
1097.submit {
1098    width: 20%;
1099}
1100
1101.fieldWrap {
1102    /* padding-bottom: 25px; */
1103    position: relative;
1104}
1105
1106.firstname, .email, .lastname {
1107    display: block;
1108    vertical-align: top;
1109    width: 100%;
1110}
1111
1112.lastname {
1113    margin: 0;
1114}
1115
1116.fieldWrap input,
1117.fieldWrap select {
1118    color: #fff;
1119    background: transparent;
1120   
1121    border: none;
1122    border-bottom: 2px dotted #fff;
1123    height: 48px;
1124    font-size: 16px;
1125    letter-spacing: 0;
1126    padding: 0;
1127    line-height: 47px;
1128    box-sizing: border-box;
1129    outline: none;
1130    width: 100%;
1131    -webkit-appearance: none;
1132    -moz-appearance: none;
1133    appearance: none;
1134    border-radius: 0;
1135    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1136    font-style: normal;
1137    text-transform: initial;
1138	text-align: center;
1139
1140}
1141.fieldWrap select{
1142    background: url("/sites/g/files/g2000022106/files/2026-03/arrow.png") transparent;
1143    background-repeat: no-repeat;
1144    background-position: 94% center;
1145    background-size: 15px;
1146    cursor: pointer;
1147}
1148    .mlist-outer-wrapper input:-webkit-autofill,
1149    .mlist-outer-wrapper input:-webkit-autofill:hover,
1150    .mlist-outer-wrapper input:-webkit-autofill:focus,
1151    .mlist-outer-wrapper textarea:-webkit-autofill,
1152    .mlist-outer-wrapper textarea:-webkit-autofill:hover,
1153    .mlist-outer-wrapper textarea:-webkit-autofill:focus,
1154    .mlist-outer-wrapper select:-webkit-autofill,
1155    .mlist-outer-wrapper select:-webkit-autofill:hover,
1156    .mlist-outer-wrapper select:-webkit-autofill:focus {
1157        -webkit-text-fill-color: #fff;
1158        -webkit-box-shadow: 0 0 0px 1000px transparent inset;
1159        transition: background-color 5000s ease-in-out 0s;
1160    }
1161
1162    .mlist-outer-wrapper input#email:-webkit-autofill,
1163    .mlist-outer-wrapper input#email:-webkit-autofill:hover,
1164    .mlist-outer-wrapper input#email:-webkit-autofill:focus {
1165        -webkit-text-fill-color: #fff;
1166        -webkit-box-shadow: 0 0 0px 1000px transparent inset;
1167        transition: background-color 5000s ease-in-out 0s;
1168    }
1169.terms-message a:hover{
1170	opacity: 0.7;
1171}
1172
1173.input-error {
1174    width: 100%;
1175    left: 0;
1176    color: #ff0000;
1177    letter-spacing: 0;
1178    font-size: 11px;
1179    text-align: center;
1180    display: block;
1181    padding-top: 1px;
1182}
1183
1184input[type="submit"] {
1185    color: #348891;
1186    color: #000;
1187    background: #fff;
1188    /* background:#000;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==); */
1189    border: 1px solid #fff;
1190    height: 40px;
1191    font-size: 16px;
1192    letter-spacing: 0;
1193    padding: 0;
1194    line-height: 1;
1195    box-sizing: border-box;
1196    outline: none;
1197    width: 100%;
1198    transition: all 0.5s ease-in-out;
1199    max-width: 320px;
1200    margin: 0 auto;
1201    display: block;
1202    cursor: pointer;
1203    -webkit-appearance: none;
1204    -moz-appearance: none;
1205    appearance: none;
1206    border-radius: 0;
1207    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1208    font-style: normal;
1209    text-transform: initial;
1210	border-radius: 5px;
1211  
1212}
1213
1214input[type="submit"]:hover {
1215    color: #fff;
1216    background: #348891;
1217    background: #000;
1218    border-color: #fff;
1219	opacity: 0.7;
1220 
1221}
1222
1223
1224.terms,
1225.fadeOut {
1226    display: none;
1227}
1228
1229.fadeIn {
1230    display: block;
1231}
1232
1233.terms-message {
1234    padding: 35px 0 0;
1235    font-size: 12px;
1236    letter-spacing: 0;
1237
1238    color: #000;
1239    color:#fff ;
1240
1241    line-height: 1.5;
1242
1243}
1244
1245.terms-message a {
1246    border-bottom: 1px solid;
1247}
1248
1249.thankyou {
1250    font-size: 30px;
1251    color: #fff;
1252    text-align: center;
1253    padding: 50px 0;
1254    padding-top: 1vw;
1255
1256}
1257
1258::-webkit-input-placeholder {
1259    /* Chrome/Opera/Safari */
1260    color: #000;
1261    color:#fff ;
1262
1263}
1264
1265::-moz-placeholder {
1266    /* Firefox 19+ */
1267    color: #000;
1268    color:#fff ;
1269
1270}
1271
1272:-ms-input-placeholder {
1273    /* IE 10+ */
1274    color: #000;
1275    color:#fff ;
1276
1277}
1278
1279:-moz-placeholder {
1280    /* Firefox 18- */
1281    color: #000;
1282    color:#fff ;
1283
1284}
1285
1286input:-webkit-autofill,
1287input:-webkit-autofill:hover,
1288input:-webkit-autofill:focus,
1289textarea:-webkit-autofill,
1290textarea:-webkit-autofill:hover,
1291textarea:-webkit-autofill:focus,
1292select:-webkit-autofill,
1293select:-webkit-autofill:hover,
1294select:-webkit-autofill:focus {
1295    -webkit-text-fill-color: #fff;
1296    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
1297    background-color: transparent !important;
1298    -webkit-box-shadow: none;
1299    transition: background-color 5000s ease-in-out 0s;
1300}
1301
1302#thankyou {
1303    font-size: 18px;
1304    text-transform: initial;
1305    letter-spacing: 0;
1306	color: #fff;
1307    position: absolute;
1308    top: 50%;
1309    left: 50%;
1310    transform: translate(-50%, -50%);
1311    width: 100%;
1312}
1313
1314@media only screen and (max-width: 767px) {
1315    .firstname, .email, .lastname {
1316        width: 100%;
1317        margin: 0;
1318    }
1319    
1320    .form-fields {
1321        width: 100%;
1322    }
1323    
1324    .form-fields-submit {
1325        flex-direction: column;
1326		max-width: 250px;
1327		margin: 0 auto;
1328    }
1329    
1330    .submit {
1331        width: 100%;
1332        max-width: 200px;
1333        margin: 0 auto;
1334        padding-top: 25px;
1335    }
1336    
1337    .fieldWrap {
1338        padding-bottom: 20px;
1339    }
1340}
1341.sidebar {
1342    height: 100%;
1343    width: 100%;
1344    position: fixed;
1345    z-index: 999;
1346    top: 0;
1347    right: 0;
1348    background-size: cover;
1349    overflow-x: hidden;
1350    transition: 0.5s;
1351    display: block;
1352	background:rgba(0, 0, 0, 0.99);
1353}
1354.sidebar-content-wrapper {
1355    padding: 0;
1356    height: 80%;
1357    overflow-y: scroll;
1358    position: absolute;
1359    top: 50%;
1360    left: 50%;
1361    transform: translate(-50%, -50%);
1362    overflow-x: hidden;
1363	width: 40%;
1364}
1365.sidebar-content {
1366	display: block;
1367    height: 100%;
1368    width: 100%;
1369    margin: 0 auto;
1370    position: relative;
1371}
1372.sidebar-content-wrapper::-webkit-scrollbar {
1373  width: 0.2px;
1374}
1375 
1376.sidebar-content-wrapper::-webkit-scrollbar-track {
1377  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
1378}
1379.sidebar-content-wrapper::-webkit-scrollbar-thumb {
1380  background-color: rgba(0, 0, 0, 0.7);
1381  outline: 1px solid rgba(0, 0, 0, 0.7);
1382}
1383.section-content-wrapper {
1384    position: relative;
1385    text-align: center;
1386    height: 100%;
1387}
1388.closebtn {
1389    position: absolute;
1390    color: #000;
1391    top: 10px;
1392    top: 0;
1393    right: 10px;
1394    line-height: 1;
1395    text-decoration: none;
1396    transition: .5s ease-in-out;
1397    font-size: 15px;
1398    padding: 5px;
1399    background: transparent;
1400    color: #fff;
1401    border-radius: 0.3vw;
1402	border: 1px solid
1403}
1404.globaloptin {
1405    position: relative;
1406}
1407form#mlistFormOne .globaloptin input[type="checkbox"] {
1408    width: 20px;
1409    height: 20px;
1410    margin-top: 0;
1411    display: inline-block;
1412    vertical-align: top;
1413    border: 1.5px solid #fff;
1414    margin-right: 6px;
1415    opacity: 1;
1416    -webkit-appearance: none;
1417    cursor: pointer;
1418}
1419form#mlistFormOne .globaloptin input[type="checkbox"] {
1420    border: 1.5px solid #fff;
1421    position: relative;
1422    border-radius: 0;
1423}
1424form#mlistFormOne input.mobile_mktg_consent_txt.errored, form#mlistFormOne input.artist_mktg_consent_txt.errored {
1425    border: 1.5px solid;
1426}
1427.globaloptin label, .globaloptin label a {
1428    color: #fff;
1429    font-size: 11px;
1430    text-transform: none;
1431}
1432.globaloptin label {
1433    width: 85%;
1434    padding-left: 1%;
1435    text-align: left;
1436    display: inline-block;
1437    cursor: pointer;
1438}
1439
1440.globaloptin label a {
1441    text-decoration: underline;
1442}
1443.globaloptin span.input-error {
1444    text-align: left;
1445}
1446span.input-error:first-of-type {
1447    display: block;
1448}
1449input.mobile_mktg_consent_txt:checked:after, input.artist_mktg_consent_txt:checked:after {
1450    font-family: "";
1451    content: "\2713";
1452    color: #fff;
1453    display: block;
1454    text-align: center;
1455    font-size: 12px;
1456    line-height: 12px;
1457    /* margin-top: 2px; */
1458    margin-top: 2px;
1459    margin-left: -3px;
1460    box-sizing: border-box;
1461    left: 64%;
1462    position: absolute;
1463    top: 46%;
1464    transform: translate(-50%, -50%);
1465}
1466.fieldWrap input.errored, .fieldWrap select.errored{
1467	border-bottom: 1px dotted red;
1468}
1469body .iti {
1470    position: relative;
1471    display: block;
1472}
1473form#mlistFormOne .globaloptin input[type="checkbox"].errored{
1474	border: 1.5px solid red;
1475}
1476option{
1477	background: #000;
1478	color: #fff;
1479}
1480.conditions {
1481    margin: 20px 0;
1482}
1483.submit {
1484    width: 30%;
1485    margin: 0 auto;
1486}
1487.globaloptin.mobile-marketing {
1488	margin-top: 20px;
1489}
1490@media only screen and (max-width: 1024px) and (orientation: portrait){
1491	.sidebar-content-wrapper {
1492		width: 80%;
1493	}
1494	.mailing-lister-wrapper {
1495		padding-top: 20px;
1496	}
1497	.closebtn {
1498		top: 0;
1499		right: 0;
1500        margin-right: 4vw;
1501	}
1502	.fieldWrap input, .fieldWrap select{
1503		    font-size: 18px;
1504	}
1505	form {
1506		font-size: 0;
1507		max-width: 100%;
1508		margin: 0 auto;
1509		width: 100%;
1510	}
1511	.globaloptin label, .globaloptin label a{
1512			font-size: 14px;
1513
1514	}
1515	.conditions {
1516		margin: 10px 0;
1517	}
1518	
1519}
1520  
1521</style></div>
1522      
1523    </div>
1524  </div>
1525<div id="block-videohomepagecssandjs" class="block block-block-content block-block-content6015b640-953f-465a-9508-de01d09226c0">
1526  
1527    
1528      <div class="content">
1529      
1530            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
1530<script>
1531$(document).ready(function () {
1532    $('.video-carousel').owlCarousel({
1533        //stagePadding: 200,
1534        loop:true,
1535        margin:10,
1536        nav:true,
1537        items:1,
1538        lazyLoad: true,
1539        dots: false,
1540        navText: [
1541        "<div class='nav-btn prev-slide'><img class='arrowicons' src='/sites/g/files/g2000022106/files/2026-03/arrow_leftv1.jpg' alt="arrow"></div>",
1542        "<div class='nav-btn next-slide'><img class='arrowicons' src='/sites/g/files/g2000022106/files/2026-03/arrow_rightv1.jpg' alt="arrow"></div>"
1543      ],
1544        onInitialized: function(event){
1545            $(event.target).find('.owl-item').each(function(index, element){
1546                $(element).find('iframe').attr('id', 'yt-player-' + index);
1547            });
1548        }
1549    });
1550
1551    $('nav a').click(function(event){
1552        if($(this).attr('href').indexOf('#') == 0 && $($(this).attr('href')).length > 0) {
1553            event.preventDefault();
1554            $('html, body').animate({
1555                scrollTop: $($(this).attr('href')).offset().top - $('.nav-bar').outerHeight()
1556            }, 1000);
1557        }
1558    });
1559
1560    $('.hamMenu').click(function() {
1561        $(this).parent().toggleClass('showNav');
1562        $(this).parent().find('nav ul').slideToggle();
1563    });
1564	
1565/*	setTimeout(function(){  $('section#tour').ripples({
1566            resolution: 512,
1567            dropRadius: 15,
1568            perturbance: 0.06,
1569        }); }, 5000);
1570
1571		$('#new-music').ripples({
1572            resolution: 512,
1573            dropRadius: 15,
1574            perturbance: 0.06,
1575        });
1576		$('section#videos').ripples({
1577            resolution: 512,
1578            dropRadius: 15,
1579            perturbance: 0.06,
1580        });
1581		$('div#signup').ripples({
1582            resolution: 512,
1583            dropRadius: 15,
1584            perturbance: 0.06,
1585        }); */
1586       
1587		
1588		$(".closebtn").click(function() {
1589			$("#mySidebar").fadeOut();
1590		});
1591		$("a.signup").click(function() {
1592			$('.nav-bar').removeClass('showNav');
1593			$('nav ul').hide();
1594			$("#mySidebar").fadeIn();			
1595		});
1596});
1597</script>
1597</div>
1598      
1599    </div>
1600  </div>
1601
1602  </div>
1603
1604        
1605      </div>
1606    </header>
1607          <div class="highlighted">
1608        <aside class="layout-container section clearfix" role="complementary">
1609            <div class="region region-highlighted">
1610    <div data-drupal-messages-fallback class="hidden"></div>
1611
1612  </div>
1613
1614        </aside>
1615      </div>
1616            <div id="main-wrapper" class="layout-main-wrapper layout-container clearfix">
1617      <div id="main" class="layout-main clearfix">
1618        
1619        <main id="content" class="column main-content" role="main">
1620          <section class="section">
1621            <a id="main-content" tabindex="-1"></a>
1622              <div class="region region-content">
1623    <div id="block-bartik-content" class="block block-system block-system-main-block">
1624  
1625    
1626      <div class="content">
1627      
1628<article data-history-node-id="506" about="/homepage" typeof="schema:WebPage" class="node node--type-page node--view-mode-full clearfix">
1629  <header>
1630    
1631            <span property="schema:name" content="Homepage" class="rdf-meta hidden"></span>
1632
1633      </header>
1634  <div class="node__content clearfix">
1635    
1636  </div>
1637</article>
1638
1639    </div>
1640  </div>
1641<div id="block-bartik-homepageblock" class="block block-block-content block-block-content6cd8c6bc-6a12-46ef-aecb-66441dca13ff">
1642  
1643    
1644      <div class="content">
1645      
1646            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">    
1646<script>
vendor: 678 bytes, lines 1646-1665
1646
1647        ! function(f, b, e, v, n, t, s) {
1648            if (f.fbq) return;
1649            n = f.fbq = function() {
1650                n.callMethod ?
1651                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
1652            };
1653            if (!f._fbq) f._fbq = n;
1654            n.push = n;
1655            n.loaded = !0;
1656            n.version = '2.0';
1657            n.queue = [];
1658            t = b.createElement(e);
1659            t.async = !0;
1660            t.src = v;
1661            s = b.getElementsByTagName(e)[0];
1662            s.parentNode.insertBefore(t, s)
1663        }(window, document, 'script',
1664            'https://connect.facebook.net/en_US/fbevents.js');
1665        fbq('init', '
1665217011611820041
vendor: 46 bytes, lines 1665-1667
1665');
1666        fbq('track', 'PageView');
1667        
1667fbq('track', 'ViewContent', {
1668            subGenre: 'music',
1669            funnelStep: 'artistsite',
1670            artistName: 'Griff',
1671            genre: 'pop',
1672            host: 'https://www.officialgriff.com'
1673        });
1674    </script>
1674
1675    <noscript><img height="1" width="1" style="display:none"
1676            src="https://www.facebook.com/tr?id=217011611820041&ev=PageView&noscript=1" /></noscript>
1677    <!-- End AEG Presents FB Audience Tag  -->
1678
1679    <!-- Start of global snippet: Please do not remove
1680Place this snippet between the <head> and </head> tags on every page of your site.-->
1681
1682    <!-- Global site tag (gtag.js) - Google Marketing Platform -->
vendor: 68 bytes, lines 1682-1683
1682
1683    <script async src="https://www.googletagmanager.com/gtag/js?id=
1683DC-9382130
vendor: 73 bytes, lines 1683-1685
1683" class="optanon-category-C0004"
1684        type="text/plain"></script>
1685    
1685<script>
1686        
vendor: 176 bytes, lines 1686-1693
1686window.dataLayer = window.dataLayer || [];
1687
1688        function gtag() {
1689            dataLayer.push(arguments);
1690        }
1691        gtag('js', new Date());
1692
1693        gtag('config', '
1693AW-760537739
vendor: 12 bytes, lines 1693-1694
1693');
1694        
1694gtag('config', 'DC-9382130');
1695    </script>
1695
1696    <!-- End of global snippet: Please do not remove -->
1697
1698    <!-- AEG Twitter universal audience website tag code -->
1699    
1699<script>
1700        ! function(e, t, n, s, u, a) {
1701            e.twq || (s = e.twq = function() {
1702                    s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments);
1703                }, s.version = '1.1', s.queue = [], u = t.createElement(n), u.async = !0, u.src =
1704                '//static.ads-twitter.com/uwt.js',
1705                a = t.getElementsByTagName(n)[0], a.parentNode.insertBefore(u, a))
1706        }(window, document, 'script');
1707        // Insert Twitter Pixel ID and Standard Event data below
1708        twq('init', 'o2a2q');
1709        twq('track', 'PageView');
1710    </script>
1710
1711    <!-- End  AEG Twitter universal website tag code -->
1712
1713</head>
1714
1715<div>
1716    <div class="bgVideo" id="bgVid">
1717
1718        <video class="landing-video desktop-only1 position" preload="yes"
1719            src="https://d2cstorage-a.akamaihd.net/wmi/griff/newVideo.mp4" type="video/mp4" id="landing_video_desktop"
1720            autoplay loop muted playsinline></video>
1721        <video class="landing-video mobile position" preload="yes"
1722            src="https://d2cstorage-a.akamaihd.net/wmi/griff/newVideo.mp4" type="video/mp4" id="landing_video_mobile"
1723            autoplay loop muted playsinline></video>
1724
1725
1726
1727
1728    </div>
1729    <div class="customwrapperhome">
1730        <div class="customhome" id="new-music">
1731            <div class="nav-bar">
1732                <h1>
1733                    <a href="/?frontpage=true" class="logoImg">
1734                        <div class="logo-wrapper">
1735                            <img src="/sites/g/files/g2000022106/files/2026-03/Gg2.png" alt="Logo" />
1736                        </div>
1737                    </a>
1738                </h1>
1739                <div class="hamMenu">
1740                    <span></span>
1741                    <span></span>
1742                    <span></span>
1743                </div>
1744                <nav>
1745                    <ul>
1746                        <li>
1747                            <a href="#new-music">New Music</a>
1748                        </li>
1749                        <li>
1750                            <a href="#tour">Tour</a>
1751                        </li>
1752                        <li>
1753                            <a href="#videos">Videos</a>
1754                        </li>
1755                        <li>
1756                            <a href="https://griff.lnk.to/store" target="_blank">Music Store</a>
1757                        </li>
1758                        <li>
1759                            <a href="https://store.officialgriff.com/" target="_blank">Merch</a>
1760                        </li>
1761                        <li>
1762                            <a href="javascript:void(0);" class="signup">Sign Up</a>
1763                        </li>
1764
1765                    </ul>
1766                </nav>
1767                <div class="socails-wrapper">
1768                    <ul class="social-icons">
1769                        <li>
1770                            <a target="_blank" href="https://www.facebook.com/WiffyGriffy/" data-track="facebook" aria-label="fb">
1771                                <i class="fab fa-facebook-f"></i>
1772                            </a>
1773                        </li>
1774                        <li>
1775                            <a target="_blank" href="https://twitter.com/wiffygriffy" data-track="twitter" aria-label="twt">
1776                                <i class="fab fa-x-twitter"></i>
1777                            </a>
1778                        </li>
1779                        <li>
1780                            <a target="_blank" href="https://www.instagram.com/wiffygriffy/?hl=en"
1781                                data-track="instagram" aria-label="insta">
1782                                <i class="fab fa-instagram"></i>
1783                            </a>
1784                        </li>
1785                        <li>
1786                            <a target="_blank" href="https://www.youtube.com/channel/UCIY8ucMI3c54m9P35x6UZOw"
1787                                data-track="youtube" aria-label="Yt">
1788                                <i class="fab fa-youtube"></i>
1789                            </a>
1790                        </li>
1791                        <li>
1792                            <a target="_blank"
1793                                href="https://open.spotify.com/artist/5RJFJWYgtgWktosLrUDzff?autoplay=true"
1794                                data-track="spotify" aria-label="spotify">
1795                                <i class="fab fa-spotify"></i>
1796                            </a>
1797                        </li>
1798                        <li>
1799                            <a custom-link-name="Songkick (header)" target="_blank"
1800                                href="https://www.songkick.com/artists/349611-griff" aria-label="songKick">
1801                                <i class="fas fa-ticket"></i>
1802                            </a>
1803                        </li>
1804                        <li>
1805                            <a data-track="tiktok" target="_blank" href="https://www.tiktok.com/@wiffygriffy" aria-label="Tiktok">
1806                                <i class="fab fa-tiktok"></i>
1807                            </a>
1808                        </li>
1809                        <li>
1810                            <a custom-link-name="whatsapp" target="_blank" href="https://griff.lnk.to/textme" aria-label="whatsapp">
1811                                <i class="fab fa-whatsapp"></i>
1812                            </a>
1813                        </li>
1814                    </ul>
1815                </div>
1816            </div>
1817           
1818            <div class="presave">
1819                <div class="presavetxt">
1820                    vertigo.........................the album
1821                    <span>Out now</span>
1822                </div>
1823
1824                <a custom-link-name="Listen Now Button" class="button presave" href="https://griff.lnk.to/vertigoalbum"
1825                    target="_blank" rel="noopener noreferrer">
1826                    Listen
1827                </a>
1828            </div>
1829
1830        
1831        </div>
1832      
1833       
1834    </div>
1835 
1836    
1837  
1838</div>
1839
1840</div>
1841      
1842    </div>
1843  </div>
1844<div id="block-mlistdom" class="block block-block-content block-block-contentf1348698-64a7-4cf1-9413-f01c21307054">
1845  
1846    
1847      <div class="content">
1848      
1849            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">  
1850    <div id="mySidebar" class="sidebar" style="display: none;">
1851        <div class="sidebar-content-wrapper">
1852            <div class="sidebar-content" id="signup-popup">
1853                <div class="section-content-wrapper">
1854                    <a href="javascript:void(0)" class="closebtn">X</a>
1855                    <div class="mailing-lister-wrapper">
1856                        <div class="mlistwrapper">
1857                            <div class="plain-ml-wrapper" id="firstMlistForm" data-custom-page-name="Homepage">
1858                                <div id="mlform">
1859                                    <form id="mlistFormOne" class="mlform singleform" action="">
1860                                        <div class="first fieldWrap">
1861                                            <label class="tiny" for="firstName">First Name</label>
1862                                            <input type="text" id="first" aria-label="First Name"
1863                                                id="firstName" data-error-text="Please enter valid first name" name="firstname"
1864                                                placeholder="First Name" required="" autocomplete="off">
1865                                        </div>
1866                                        <div class="lastname fieldWrap">
1867                                            <label class="tiny" for="lastName">Last Name</label>
1868                                            <input id="lastName" type="text" autocomplete="off" name="lastname"
1869                                                placeholder="Last Name" required=""
1870                                                data-error-text="Please enter valid last name">
1871                                        </div>
1872                                        <div class="email fieldWrap">
1873                                         <label class="tiny" for="email">Email</label>
1874                                            <input data-type="email"
1875                                                data-error-text="Please enter a valid email address"
1876                                                placeholder="Email address" required="" id="email" name="email"
1877                                                autocomplete="off">
1878                                        </div>
1879                                        <div class="mobile fieldWrap">
1880                                            <label class="tiny" for="phone-number">Phone Number</label>
1881                                            <input id="phone-number" data-type="mobile"
1882                                                data-error-text="This field is required" class="mobile" name="mobile"
1883                                                placeholder="Phone Number" />
1884                                        </div>
1885                                        <div class="address fieldWrap">
1886                                            <label class="tiny" for="address">Address</label>
1887                                            <input id="address" data-type="text" data-error-text="This field is required" type="text"
1888                                                class="address" name="address1" placeholder="Address"
1889                                                autocomplete="off">
1890                                        </div>
1891                                        <div class="postalcode fieldWrap">
1892                                            <label class="tiny" for="postalCode">Postal Code</label>
1893                                            <input data-type="text" data-error-text="This field is required" type="text"
1894                                                id="postalCode" class="postalcode" name="postalcode" placeholder="Postal Code"
1895                                                autocomplete="off">
1896                                        </div>
1897                                        <div class="country fieldWrap">
1898                                            <label class="tiny" for="country">Country</label>
1899                                            <select class="country form-control" id="country"
1900                                                data-error-text="Please select a country" required="" name="country">
1901                                            </select>
1902                                        </div>
1903                                        <div class="City fieldWrap">
1904                                            <label class="tiny" for="city">City</label>
1905                                            <input type="text" class="City" name="City" required="" data-type="text"
1906                                                data-error-text="This field is required" placeholder="City"
1907                                                autocomplete="off" aria-label="City">
1908                                        </div>
1909                                        <div class="dobMonth fieldWrap">
1910                                            <div class="select-drop-down-arrow">
1911                                                <label class="tiny" for="dobMonth">Date of Birth - Month</label>
1912                                                <select id="dobMonth" name="dobMonth" class="dobMonth" data-type="number"
1913                                                    data-error-text="This field is required">
1914                                                    <option value="">Date of Birth - Month</option>
1915                                                    <option value="1">January</option>
1916                                                    <option value="2">February</option>
1917                                                    <option value="3">March</option>
1918                                                    <option value="4">April</option>
1919                                                    <option value="5">May</option>
1920                                                    <option value="6">June</option>
1921                                                    <option value="7">July</option>
1922                                                    <option value="8">August</option>
1923                                                    <option value="9">September</option>
1924                                                    <option value="10">October</option>
1925                                                    <option value="11">November</option>
1926                                                    <option value="12">December</option>
1927                                                </select>
1928                                            </div>
1929                                        </div>
1930                                        <div class="dobDay fieldWrap select-drop-down-arrow">
1931                                            <label class="tiny" for="dobDay">Date of Birth - Day</label>
1932                                            <select id="dobDay" name="dobDay" class="dobDay" data-type="number"
1933                                                data-error-text="This field is required">
1934                                                <option value="">Date of Birth - Day</option>
1935                                                <option value="1">1</option>
1936                                                <option value="2">2</option>
1937                                                <option value="3">3</option>
1938                                                <option value="4">4</option>
1939                                                <option value="5">5</option>
1940                                                <option value="6">6</option>
1941                                                <option value="7">7</option>
1942                                                <option value="8">8</option>
1943                                                <option value="9">9</option>
1944                                                <option value="10">10</option>
1945                                                <option value="11">11</option>
1946                                                <option value="12">12</option>
1947                                                <option value="13">13</option>
1948                                                <option value="14">14</option>
1949                                                <option value="15">15</option>
1950                                                <option value="16">16</option>
1951                                                <option value="17">17</option>
1952                                                <option value="18">18</option>
1953                                                <option value="19">19</option>
1954                                                <option value="20">20</option>
1955                                                <option value="21">21</option>
1956                                                <option value="22">22</option>
1957                                                <option value="23">23</option>
1958                                                <option value="24">24</option>
1959                                                <option value="25">25</option>
1960                                                <option value="26">26</option>
1961                                                <option value="27">27</option>
1962                                                <option value="28">28</option>
1963                                                <option value="29">29</option>
1964                                                <option value="30">30</option>
1965                                                <option value="31">31</option>
1966                                            </select>
1967                                        </div>
1968                                        <div class="conditions">
1969                                            <div class="globaloptin">
1970                                                <input type="checkbox" name="artist_mktg_consent"
1971                                                    id="artist_mktg_consent" required="" value="True"
1972                                                    data-error-text="This field is required"
1973                                                    class="artist_mktg_consent_txt">
1974                                                <label for="artist_mktg_consent" class="goptin_checkbox">I want Warner Music Group to send me marketing messages about <span>
1974Griff</span>. Unsubscribe at any time. Please read our <a target="_blank" href="https://privacy.wmg.com/wmi/privacy">Privacy&nbsp;Policy</a> for more information about how we handle your personal information, including for marketing.</label>
1975                                            </div>
1976                                            <div class="globaloptin mobile-marketing">
1977                                                <input type="checkbox" name="mobile_leader_id" id="mobile_mktg_consent"
1978                                                    value="fa42458afdb8d433a9266ec87ca46b5e963900f15ce52b2480a6c95f09aae1a7"
1979                                                    data-error-text="This field is required"
1980                                                    class="mobile_mktg_consent_txt">
1981                                                <label for="mobile_mktg_consent" class="mobile_mktg_consent">By
1982                                                    providing my phone number above, I agree that I am 13+ agree to
1983                                                    receive recurring messages via SMS or Whatsapp from or on behalf of
1984                                                    Griff, and agree to Community’s Terms/Privacy: <a target="_blank"
1985                                                        href="https://community.com/terms">Community.Com/Terms</a>
1986                                                    Message frequency varies. Consent is not a condition of Purchase.
1987                                                    Message and data rates apply, message help for Help, stop to
1988                                                    opt-out.
1989                                                </label>
1990                                            </div>
1991                                        </div>
1992
1993                                        <div class="primary-list-values">
1994                                            <input name="Datasource" type="hidden"
1995                                                value="Griff_NewsletterOptIn_MainSignUp_Website">
1996                                            <input name="newsletterId" type="hidden" value="14078290">
1997                                            <input name="_ext" type="hidden"
1998                                                value="BA01E3E7-D8FA-41BE-B6E2-01A8889AF318:520000185">
1999                                            <input id="subcommunity" name="subcommunity" type="hidden"
2000                                                value="7f9de4cafe8db90ba3392eb9819218bf7d9aa97d5276d90b7ba753a5f459d054">
2001                                        </div>
2002                                        <div class="submit">
2003                                            <label for="submit" class="tiny">Submit</label>
2004                                            <input type="submit" id="submit" class="mlistSubmit" value="Submit">
2005                                        </div>
2006                                    </form>
2007                                </div>
2008                                <div id="thankyou" class="fadeOut thanks">
2009                                    Thank you for signing up!
2010                                </div>
2011                            </div>
2012                        </div>
2013                    </div>
2014                </div>
2015            </div>
2016        </div>
2017    </div></div>
2018      
2019    </div>
2020  </div>
2021<div id="block-bartik-toursection" class="block block-block-content block-block-content94494f89-f543-4a43-96b9-da48b7ddd212">
2022  
2023    
2024      <div class="content">
2025      
2026            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">  <section class="section tour-section" id="tour">
2027            <div class="section-inner-wrapper">
2028                <!--div class="section-title">
2029                    TOUR
2030                </div-->
2031                <div class="section-content">
2032                    <div id="wskWidget">
2033                        <a class="songkick-widget" data-artist-id="349611" data-past='no' data-date-format="dd/mon/yyyy"
2034                            style-background-color="transparent" style-text-color="#0446ca" style-link-color="#ddd"
2035                            style-link-text-color="#0446ca"></a>
2036                    </div>
2037                </div>
2038            </div>
2039        </section>
2040<style>
2041#wskWidget {
2042    width: 70%;
2043    max-width: 100%;
2044    margin: 0 auto;
2045    background: rgba(0,0,0,0.5);
2046    border-radius: 5px;
2047    padding: 30px 60px;
2048}
2049
2050#wskWidget .widget_row {
2051    display: grid;
2052    grid-template-columns: 180px calc(100% - 320px) 150px;
2053    grid-template-areas:
2054        "date location links";
2055    text-align: left;
2056    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
2057    font-size: 16px;
2058    letter-spacing: 0;
2059    border: none;
2060    align-items: center;
2061    padding: 0 0 25px;
2062  
2063}
2064#wskWidget .widget_row.nodates {
2065    display: block;
2066    text-align: center;
2067	padding: 0;
2068	text-transform: initial;
2069}
2070#wskWidget .widget_row > div {
2071    width: 100%;
2072    padding: 0;
2073    color: #fff;
2074}
2075
2076#wskWidget .event_date {
2077    grid-area: date;
2078    width: 200px;
2079}
2080
2081#wskWidget .event_location {
2082    grid-area: location;
2083    display: grid;
2084    grid-template-columns: 1fr 0fr;
2085    grid-template-areas:
2086        "specialEvent"
2087        "venue"
2088        "loc"
2089        "featArtists";
2090    text-align: left;
2091    align-items: center;
2092    justify-content: center;
2093}
2094
2095#wskWidget .special-event {
2096    grid-area: specialEvent;
2097}
2098
2099#wskWidget .venue {
2100    grid-area: venue;
2101}
2102
2103#wskWidget .location {
2104    grid-area: loc;
2105}
2106
2107#wskWidget .event_location .featuring-artists {
2108    grid-area: featArtists;
2109}
2110
2111#wskWidget .event_links {
2112    grid-area: links;
2113}
2114#wskWidget .plain_text{
2115color: #fff !important;
2116}
2117#wskWidget .event_links a {
2118    display: inline-block;
2119    width: 100%;
2120    padding: 13px 0;
2121    border: 1px solid #fff;
2122    background-color: transparent;
2123    color: #000;
2124    background: #fff;
2125
2126}
2127
2128#wskWidget .event_links a:hover {
2129    color: #fff;
2130    background: #000;
2131    border-color: #fff;
2132	opacity: 0.7;
2133}
2134
2135#wskWidget .event_links a.no-link {
2136    display: none;
2137}
2138
2139#wskWidget .widget_row > .featuring-artists {
2140    display: none;
2141}
2142
2143#wskWidget .featuring-artists:empty,
2144#wskWidget #event_id-39746228, 
2145#wskWidget #event_id-39746230 {
2146    display: none;
2147}
2148
2149@media only screen and (max-width: 767px) {
2150    #wskWidget {
2151        max-width: 100%;
2152        margin: 0 auto;
2153        width: 100%;
2154        padding: 40px 20px 40px;
2155    }
2156
2157    #wskWidget .event_links {
2158        transform: none;
2159        position: static;
2160        min-width: 41vw;
2161    }
2162
2163    #wskWidget .widget_row {
2164        text-align: center;
2165        grid-template-columns: unset;
2166        grid-template-rows: auto;
2167
2168        grid-template-areas:
2169            "date" 
2170            "location"
2171            "links";
2172        justify-content: center;
2173        padding-bottom:40px;
2174    }
2175    
2176    #wskWidget .event_location {
2177        text-align: center;
2178        grid-template-rows: 1fr;
2179        grid-template-areas:
2180            "specialEvent"
2181            "loc"
2182            "venue"
2183            "featArtists";
2184    }
2185    
2186    #wskWidget .event_location > div {
2187        padding-bottom: 3px;
2188    }
2189    
2190    #wskWidget .event_links a {
2191        max-width: 150px;
2192    }
2193}
2194@media only screen and (max-width: 1023px) and (orientation: Landscape) {
2195.section-inner-wrapper {
2196    max-width: 1200px;
2197    margin: 0 auto;
2198    width: 99%;
2199}
2200}
2201@media only screen and (max-width: 1023px) and (orientation: portrait) {
2202    section#tour .section-inner-wrapper {
2203        padding: 0;
2204        width: 100%;
2205    }
2206}
2207@media only screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
2208.section-inner-wrapper {
2209   
2210    width: 101% !important;
2211}
2212}
2213</style></div>
2214      
2215    </div>
2216  </div>
2217<div id="block-bartik-videoblock" class="block block-block-content block-block-contentec0f3488-e1bd-44f9-9939-1c807bf89978">
2218  
2219    
2220      <div class="content">
2221      
2222            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><section class="section video-section" id="videos">
2223            <div class="section-inner-wrapper">
2224                <!--div class="section-title">
2225                    VIDEOS
2226                </div-->
2227                <div class="section-content">
2228                    <ul class="video-carousel owl-carousel">
2229                                                    <li class="video-item video-item-0">
2230                                <div class="iframe-wrapper">
2231                                    <iframe id="ytplayer-0"
2232                                        src="https://www.youtube-nocookie.com/embed/FuMCxj_8eDg?enablejsapi=1" allowfullscreen
2233                                        allowtransparency allow="autoplay" data-track="youtube"></iframe>
2234                                </div>
2235                            </li>
2236                                                    <li class="video-item video-item-1">
2237                                <div class="iframe-wrapper">
2238                                    <iframe id="ytplayer-1"
2239                                        src="https://www.youtube-nocookie.com/embed/jNBzgENcBI8?enablejsapi=1" allowfullscreen
2240                                        allowtransparency allow="autoplay" data-track="youtube"></iframe>
2241                                </div>
2242                            </li>
2243                                                    <li class="video-item video-item-2">
2244                                <div class="iframe-wrapper">
2245                                    <iframe id="ytplayer-2"
2246                                        src="https://www.youtube-nocookie.com/embed/ZHvSbs_ea_c?enablejsapi=1" allowfullscreen
2247                                        allowtransparency allow="autoplay" data-track="youtube"></iframe>
2248                                </div>
2249                            </li>
2250                                                    <li class="video-item video-item-3">
2251                                <div class="iframe-wrapper">
2252                                    <iframe id="ytplayer-3"
2253                                        src="https://www.youtube-nocookie.com/embed/Zl5m3Jdcxug?enablejsapi=1" allowfullscreen
2254                                        allowtransparency allow="autoplay" data-track="youtube"></iframe>
2255                                </div>
2256                            </li>
2257                                                    <li class="video-item video-item-4">
2258                                <div class="iframe-wrapper">
2259                                    <iframe id="ytplayer-4"
2260                                        src="https://www.youtube-nocookie.com/embed/1x1PAExlauI?enablejsapi=1" allowfullscreen
2261                                        allowtransparency allow="autoplay" data-track="youtube"></iframe>
2262                                </div>
2263                            </li>
2264                                                    <li class="video-item video-item-5">
2265                                <div class="iframe-wrapper">
2266                                    <iframe id="ytplayer-5"
2267                                        src="https://www.youtube-nocookie.com/embed/W0FrsjtmK4k?enablejsapi=1" allowfullscreen
2268                                        allowtransparency allow="autoplay" data-track="youtube"></iframe>
2269                                </div>
2270                            </li>
2271                                                    <li class="video-item video-item-6">
2272                                <div class="iframe-wrapper">
2273                                    <iframe id="ytplayer-6"
2274                                        src="https://www.youtube-nocookie.com/embed/HMyJBH0-tjc?enablejsapi=1" allowfullscreen
2275                                        allowtransparency allow="autoplay" data-track="youtube"></iframe>
2276                                </div>
2277                            </li>
2278                                                    <li class="video-item video-item-7">
2279                                <div class="iframe-wrapper">
2280                                    <iframe id="ytplayer-7"
2281                                        src="https://www.youtube-nocookie.com/embed/SlP3ZF5UuAM?enablejsapi=1" allowfullscreen
2282                                        allowtransparency allow="autoplay" data-track="youtube"></iframe>
2283                                </div>
2284                            </li>
2285                                                    <li class="video-item video-item-8">
2286                                <div class="iframe-wrapper">
2287                                    <iframe id="ytplayer-8"
2288                                        src="https://www.youtube-nocookie.com/embed/XKKD5I5Jwrk?enablejsapi=1" allowfullscreen
2289                                        allowtransparency allow="autoplay" data-track="youtube"></iframe>
2290                                </div>
2291                            </li>
2292                                                    <li class="video-item video-item-9">
2293                                <div class="iframe-wrapper">
2294                                    <iframe id="ytplayer-9"
2295                                        src="https://www.youtube-nocookie.com/embed/t84rj514gs0?enablejsapi=1" allowfullscreen
2296                                        allowtransparency allow="autoplay" data-track="youtube"></iframe>
2297                                </div>
2298                            </li>
2299                                                    <li class="video-item video-item-10">
2300                                <div class="iframe-wrapper">
2301                                    <iframe id="ytplayer-10"
2302                                        src="https://www.youtube-nocookie.com/embed/-dKPBCbwYeI?enablejsapi=1" allowfullscreen
2303                                        allowtransparency allow="autoplay" data-track="youtube"></iframe>
2304                                </div>
2305                            </li>
2306                                                    <li class="video-item video-item-11">
2307                                <div class="iframe-wrapper">
2308                                    <iframe id="ytplayer-11"
2309                                        src="https://www.youtube-nocookie.com/embed/MS3skHOIs8o?enablejsapi=1" allowfullscreen
2310                                        allowtransparency allow="autoplay" data-track="youtube"></iframe>
2311                                </div>
2312                            </li>
2313                                                    <li class="video-item video-item-12">
2314                                <div class="iframe-wrapper">
2315                                    <iframe id="ytplayer-12"
2316                                        src="https://www.youtube-nocookie.com/embed/Qogi_UPVLyY?enablejsapi=1" allowfullscreen
2317                                        allowtransparency allow="autoplay" data-track="youtube"></iframe>
2318                                </div>
2319                            </li>
2320                                            </ul>
2321                </div>
2322            </div>
2323        </section></div>
2324      
2325    </div>
2326  </div>
2327
2328  </div>
2329
2330          </section>
2331        </main>
2332                      </div>
2333    </div>
2334        <footer class="site-footer">
2335      <div class="layout-container">
2336                          <div class="site-footer__bottom">
2337              <div class="region region-footer-fifth">
2338    <div id="block-footer" class="block block-block-content block-block-contentece3ee2a-8756-4b0d-9a29-31c175ed16da">
2339  
2340    
2341      <div class="content">
2342      
2343            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> <footer>
2344
2345        <div class="copyTextAndLinks">
2346            <span class="copyrightText">
2347                &copy; 
2347<script>
2348                    document.write(new Date().getFullYear())
2349                </script>
2349 Warner Music UK Limited
2350            </span>
2351            <span class="copyrightLinks">
2352                <a href="https://privacy.wmg.com/wmi/terms-of-use" target="_blank" rel="noopener noreferrer" aria-label="T-o-u">Terms of
2353                    Use</a>
2354                <span class="sep">&middot;</span>
2355                <a href="https://privacy.wmg.com/wmi/privacy" target="_blank" rel="noopener noreferrer" aria-label="P-P">Privacy
2356                    Policy</a>
2357                <span class="sep mobHide">&middot;</span>
2358                <a href="https://www.wminewmedia.com/cookies-policy/" target="_blank" rel="noopener noreferrer" aria-label="cookies-policy">Cookies
2359                    Policy</a>
2360                <span class="sep">&middot;</span>
2361                <a class="ot-sdk-show-settings" style="cursor:pointer">Cookies Settings</a>
2362            </span>
2363        </div>
2364    </footer>
2365<style>
2366.site-footer {
2367   
2368     font-family: unset; 
2369}
2370</style></div>
2371      
2372    </div>
2373  </div>
2374<div id="block-bartik-cleanupcss" class="block block-block-content block-block-content836f9906-03f2-467b-a9b1-a6c11c6971bf">
2375  
2376    
2377      <div class="content">
2378      
2379            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
2380    *,
2381    *::before,
2382    *::after {
2383        box-sizing: border-box;
2384        -moz-box-sizing: border-box;
2385        -webkit-box-sizing: border-box;
2386    }
2387.node--unpublished {
2388    background: transparent;
2389    padding: 0;
2390}
2391    body #page,
2392    body #main-wrapper,
2393    body .region-primary-menu .menu-item a.is-active,
2394    body .region-primary-menu .menu-item--active-trail a {
2395        background: transparent;
2396        line-height: unset;
2397    }
2398
2399    .page-node-type-miscellaneous-pages div#main,
2400    .page-node-type-miscellaneous-pages .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.quickedit-field {
2401        background: transparent;
2402    }
2403
2404    body .region-header {
2405        padding: 0;
2406        font-size: 0;
2407    }
2408
2409    body #header {
2410        background-color: transparent;
2411        background-image: unset;
2412    }
2413
2414    body #page #header {
2415        padding-bottom: 0px;
2416    }
2417
2418    div#drawer-wrap {
2419        display: none;
2420    }
2421
2422
2423    body #header {
2424        background-color: transparent;
2425        background-image: unset;
2426    }
2427
2428    form#content-moderation-entity-moderation-form {
2429        display: none;
2430    }
2431
2432    body {
2433     /*   line-height: unset;
2434font-size:unset; */
2435    }
2436
2437    html {
2438        line-height: 1;
2439    }
2440
2441    a.visually-hidden.focusable.skip-link {
2442        display: none;
2443    }
2444
2445    img {
2446        width: 100%;
2447        height: auto;
2448    }
2449
2450    #page,
2451    #main-wrapper,
2452    .region-primary-menu .menu-item a.is-active,
2453    .region-primary-menu .menu-item--active-trail a,
2454    #header,
2455    .site-footer {
2456        background: transparent;
2457    }
2458
2459    .item-list ul li {
2460        margin: 0;
2461        padding: 0;
2462    }
2463
2464    .layout-container {
2465        max-width: 100%;
2466    }
2467
2468    .region-header {
2469        padding: 0;
2470        line-height: 0;
2471        font-size: 0;
2472    }
2473
2474    .layout-main-wrapper {
2475        min-height: auto;
2476    }
2477
2478    .layout-main {
2479        margin: 0;
2480    }
2481
2482    .main-content {
2483        float: none;
2484    }
2485
2486    .main-content .section {
2487        padding: 0;
2488    }
2489
2490    .block .content {
2491        margin: 0;
2492    }
2493
2494    div#block-bartik-page-title {
2495        display: none;
2496    }
2497
2498    .region-header .block:not(.site-branding) {
2499        margin: 0;
2500        font-size: 0;
2501        float: none;
2502        clear: none;
2503    }
2504
2505    .node__content {
2506        margin: 0;
2507        font-size: unset;
2508    }
2509
2510    .item-list ul {
2511        margin: 0;
2512    }
2513
2514    footer.site-footer {
2515        background: transparent;
2516        padding: 0;
2517    }
2518
2519    .site-footer__bottom {
2520        margin: 0;
2521        border: 0;
2522    }
2523
2524    .site-footer .layout-container {
2525        max-width: 100%;
2526    }
2527
2528    .site-footer .layout-container,
2529    .site-footer__bottom .content {
2530        padding: 0;
2531    }
2532
2533    .site-footer__bottom {
2534        margin: 0;
2535        border: none;
2536        letter-spacing: 0;
2537    }
2538
2539    .site-footer__bottom .region,
2540    .site-footer__bottom .block {
2541        margin: 0;
2542    }
2543
2544    .site-footer .content {
2545        font-size: 0;
2546    }
2547
2548    li {
2549        list-style-type: none;
2550    }
2551
2552    .text-formatted ul,
2553    .text-formatted ol,
2554    ul,
2555    ol {
2556        padding: 0;
2557        margin: 0;
2558    }
2559
2560    a:hover,
2561    a:active,
2562    a:focus,
2563    .link:hover,
2564    .link:active,
2565    .link:focus,
2566    a,
2567    a.link {
2568        border: none;
2569       /* transform: none;
2570        color: unset; */
2571    }
2572
2573    p {
2574        margin: 0;
2575    }
2576
2577    input,
2578    select {
2579        font: inherit;
2580        padding: 0;
2581        margin: 0;
2582        border: none;
2583    }
2584
2585    h1,
2586    .heading-a {
2587        margin: 0;
2588        color: inherit;
2589    }
2590
2591    .site-footer .content a,
2592    .site-footer .content,
2593    .site-footer .content a.is-active,
2594    .site-footer .content a:hover,
2595    .site-footer .content a:focus {
2596       color: unset;
2597    }
2598
2599    #toolbar-administration {
2600        display: none;
2601    }
2602
2603    .layout-main-wrapper {
2604        min-height: unset;
2605    }
2606
2607    .toolbar-tray-open.toolbar-vertical.toolbar-fixed {
2608        margin-inline-start: 0;
2609    }
2610
2611    body .site-footer .block {
2612        margin: 0;
2613        padding: 0;
2614        border: unset;
2615        border-color: unset;
2616    }
2617
2618    @media (min-width: 851px) {
2619        .layout-container {
2620            max-width: unset;
2621        }
2622    }
2623
2624    @media (min-width: 461px) {
2625        body .region-header .block {
2626            float: unset !important;
2627            margin-top: 0.357em;
2628        }
2629    }
2630</style></div>
2631      
2632    </div>
2633  </div>
2634
2635  </div>
2636
2637          </div>
2638              </div>
2639    </footer>
2640  </div>
2641</div>
2642
2643  </div>
2644
2645    
2645<script src="/sites/g/files/g2000022106/files/custom_js_1.js?cache=69720a9bcc3b9"></script>
vendor: 1 bytes, line 2645
2645
2646<script src="/sites/g/files/g2000022106/files/custom_js_2.js?cache=69720a9bcc3b9"></script>
vendor: 1 bytes, line 2646
2646
2647<script src="/sites/g/files/g2000022106/files/custom_js_3.js?cache=69720a9bcc3b9"></script>
vendor: 1 bytes, line 2647
2647
2648<script src="/sites/g/files/g2000022106/files/custom_js_4.js?cache=69720a9bcc3b9"></script>
vendor: 1 bytes, line 2648
2648
2649<script src="/sites/g/files/g2000022106/files/custom_js_5.js?cache=69720a9bcc3b9"></script>
vendor: 1 bytes, line 2649
2649
2650<script type="text/javascript">jQuery(document).ready(function () {jQuery('').attr('','');});</script>
2650
2651
2652    
2653  </body>
2654</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.