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&language=en&theme=bartik&include=eJxdzFEKhDAMRdENVbukIXVCCSaN9AWGuvoRP0T9PVxuoR6y5kUJGHMhcCoPMgaoMl7c_HuVVb2QToih0mpavHNu3o1Udk4YCLZ8rn9WP76FmOwU4i0fMN3hD4u3N-g" /> 63<link rel="stylesheet" media="all" href="/sites/g/files/g2000022106/files/css/css_TZCR-gScD5QkW2FByARByjzpHYeqm3EOXki9F-ywjcI.css?delta=1&language=en&theme=bartik&include=eJxdzFEKhDAMRdENVbukIXVCCSaN9AWGuvoRP0T9PVxuoR6y5kUJGHMhcCoPMgaoMl7c_HuVVb2QToih0mpavHNu3o1Udk4YCLZ8rn9WP76FmOwU4i0fMN3hD4u3N-g" /> 64<link rel="stylesheet" media="print" href="/sites/g/files/g2000022106/files/css/css_4rxhrqZXZngrka0F_UdYgVTwmK33AbpeKL3TR63kxok.css?delta=2&language=en&theme=bartik&include=eJxdzFEKhDAMRdENVbukIXVCCSaN9AWGuvoRP0T9PVxuoR6y5kUJGHMhcCoPMgaoMl7c_HuVVb2QToih0mpavHNu3o1Udk4YCLZ8rn9WP76FmOwU4i0fMN3hD4u3N-g" /> 65<link rel="stylesheet" media="all" href="/sites/g/files/g2000022106/files/css/css_Cox213fzNLziLCWJLofE9-JzaECR1sPnFUmbMXH-fks.css?delta=3&language=en&theme=bartik&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 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 ©
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">·</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">·</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">·</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.