/* CSS Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video
{
    margin: 0;padding: 0;vertical-align: baseline;border: 0;
;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
{
    display: block;
}
body
{
    line-height: 1;
}
ol,
ul
{
    list-style: none;
}
blockquote,
q
{
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after
{
    content: ''                        ;content: none;
}
table
{
    border-spacing: 0;
    border-collapse: collapse;
;
}
h1,
h2,
h3,
h4
{
    font-family: 'astounder-squared-bb',sans-serif;font-weight: 700;font-style: normal;text-align: center;

color: #fff;text-shadow: 0 0 2px #000, 0 0 2px #000,0 0 2px #000, 2px 2px 5px #000, 2px 2px 5px #000;
}

/* Common Styles */
html
{
    overflow-x: hidden;
}
body
{
    font-family: adrianna,sans-serif;font-weight: 400;font-style: normal;
}
h1
{
    font-size: clamp(64px,5vw,128px);
}
h2
{
    font-size: clamp(36px,2.8125vw,72px);
}
h3
{
    font-size: clamp(32px,2.5vw,64px);
}
h4
{
    font-size: clamp(24px,1.875vw,48px);
}
p
{
    font-size: clamp(20px,1.75vw,36px);
}
.button-style
{
    font-family: 'astounder-squared-bb',sans-serif;font-size: 26px;font-weight: 700;font-style: normal;position: relative;z-index: 1;display: grid;

width: 350px;height: 50px;padding: 0;transition: all .3s ease-in-out;text-transform: uppercase;border: none;background: #000;place-items: center;clip-path: polygon(5% 0, 95% 0, 100% 35%, 98% 100%, 5% 100%, 0 64%);
}
.button-style:hover::before
{
    box-shadow: inset 0 0 5px 0 #fff,inset 0 0 5px 0 #fff,inset 0 0 10px 0 #fff,inset 0 0 10px 0 #fff,inset 0 0 15px 0 #fff,inset 0 0 15px 0 #fff,inset 0 0 20px 0 #ffde00,inset 0 0 25px 0 #ffde00,inset 0 0 30px 0 #ffde00,inset 0 0 35px 0 #ffde00;
}
.button-style:before
{
    position: absolute;z-index: -1;top: 50%;left: 50%;width: calc(100% - 6px);height: calc(100% - 6px);

content: '';transform: translate(-50%, -50%);background: url(../img/common/bg-button.jpg) center center no-repeat;clip-path: polygon(5% 1%, 96% 2%, 100% 40%, 97% 97%, 5% 100%, 1% 58%);
}
.display-inline-block
{
    display: inline-block!important;
}
.display-block
{
    display: block!important;
}
.display-none
{
    display: none!important;
}
.body-margin
{
    margin-top: 110px;
}
.header-text
{
    position: relative;z-index: 2;

display: inline-block;text-shadow: -4px -4px 0 #000, -4px 4px 0 #000,4px 4px 0 #000, 4px -4px 0 #000, 0 8px 0 #000, -8px -8px 2px #00dada, 0 -8px 2px #00dada, 8px -8px 2px #00dada, 8px 0 2px #00dada,8px 8px 2px #00dada,0 12px 2px #00dada,-8px 12px 2px #00dada,-8px 8px 2px #00dada,-8px 0 2px #00dada;
}
.header-text:before
{
    position: absolute;top: 0;left: 0;

content: attr(data-text);background-image: linear-gradient(180deg, #fff, 75%, #ff2892);-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;background-size: 100%;text-shadow: none;-webkit-text-filgl-color: transparent;-moz-text-fill-color: transparent;
}
.header-text:after
{
    position: absolute;z-index: -1;top: 50%;left: 50%;width: 120%;height: 60%;

content: '';transform: translate(-50%,-50%);background: url(../img/common/title-bg.png) no-repeat;background-size: 100% 100%;
}
svg.svg-header-text
{
    position: relative;z-index: 5;

width: 100%;height: 100%;paint-order: stroke fill;
}
.svg-header-text
{
    font-family: 'astounder-squared-bb',sans-serif;font-size: clamp(64px,5vw,128px);font-weight: 700;font-style: normal;z-index: 5;
}
.svg-header-wrapper
{
    position: relative;display: block;margin: 20px auto;
}
.svg-header-wrapper:before
{
    font-family: 'astounder-squared-bb',sans-serif;font-size: clamp(64px,5vw,128px);font-weight: 700;position: absolute;z-index: 1;top: 50%;left: 50%;width: 100%;

content: attr(data-text);transform: translate(-50%,-53%);filter: drop-shadow(0px 6px 0px #00dada);-webkit-text-stroke: 16px #00dada;
}
.svg-header-wrapper:after
{
    position: absolute;z-index: 1;top: 50%;left: 50%;width: 120%;height: 25%;

content: '';transform: translate(-50%,-50%);background: url(../img/common/title-bg.png) no-repeat;background-size: 100% 100%;
}

/* Smooth scrolling for anchor links */
html
{
    scroll-behavior: smooth;
}
/* Disable smooth scrolling when users have prefers-reduced-motion enabled */
@media screen and (prefers-reduced-motion: reduce)
{
    html
    {
        scroll-behavior: auto;
    }
}
body
{
    background: url(../img/common/background.jpg) center no-repeat;background-attachment: fixed;background-position: center;background-size: cover;
}

/* Pre-loader */
#pre-loader
{
    font-size: clamp(64px,5vw,128px);  position: fixed;z-index: 99999;top: 0;left: 0;width: 100vw;height: 100vh;text-transform: uppercase;color: #fff;background: #000;
}
#pre-loader.pre-loader-hide
{
    animation: slide-up-fadeout .5s ease-out forwards;
}
#loading-wrapper
{
    position: absolute;top: 50%;left: 50%;

width: clamp(360px,50vw,960px);transform: translate(-50%,-50%);text-align: center;
}
#loading-logo img
{
    width: clamp(360px,100%,800px);height: auto;transition: opacity 200ms ease-in-out;opacity: 0;
}
#loading-logo img.loaded
{
    opacity: 1;
}
#loading-percentage
{
    font-family: 'astounder-squared-bb',sans-serif;text-align: center;opacity: 0;
}
#loading-percentage.fade-in
{
    animation: fade-in .25s ease-out forwards;
}

@keyframes slide-up-fadeout
{
    from
    {
        transform: translateY(0);opacity: 1;
    }
    to
    {
        transform: translateY(-100%);opacity: .75;
    }
}
@keyframes fade-in
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}

/* Navigation Styles */
#hero button.hamburger
{
    position: absolute;z-index: 999;top: 0;display: block;transition: top .2s ease-out;

border: none;background: rgba(0,0,0,.5);
}
#hero nav
{
    font-family: 'astounder-squared-bb',sans-serif;font-weight: 700;position: absolute;z-index: 99;top: -2000px;clear: both;width: 100%;transition: top .2s ease-in;text-transform: uppercase;color: #fff;

background-color: #000;
}
#hero nav.active
{
    top: 0;
}
#hero nav:after
{
    display: table;clear: both;

    content: '';
;
}
#hero nav a
{
    font-size: 18px;  display: block;padding: 1rem;cursor: pointer;text-align: center;text-decoration: none;color: #fff;
}
#hero nav a img.logo
{
    height: 45px;
}
#hero nav .button-style a
{
    height: auto;
}
#hero nav .nav-right
{
    position: relative;display: block;margin: 20px auto;text-align: center;
}
#hero nav .nav-right .button-style
{
    font-size: 18px;  width: auto;height: auto;margin: 0 auto 15px;text-align: center;
}
#hero nav.active .nav-right
{
    margin-top: 0;
}
#hero nav .nav-right .button-style a
{
    display: grid;align-items: center;justify-content: center;padding: 10px 30px;cursor: pointer;

color: #fff;
}
#svg-nav-purchase-text text,
#svg-nav-newsletter-text text
{
    font-size: 24px;display: block;width: 100%;max-width: fit-content;margin: 20px auto;padding: 15px 30px;cursor: pointer;text-align: center;text-transform: uppercase;color: #fff;paint-order: stroke fill;
}
#hero nav .nav-right #purchase-inline
{
    display: inline-block;
}
#hero nav .nav-right #current-country
{
    display: inline-block;margin-right: 20px;vertical-align: middle;
}
#hero nav .nav-right .globe
{
    display: inline-block;  width: 50px;height: auto;vertical-align: middle;
}
.position-fixed
{
    position: fixed!important;
}

@media screen and (min-width:941px)
{
    #hero button.hamburger
    {
        display: none;
    }
    #hero nav
    {
        top: 0;
    }
    #hero nav.sticky
    {
        position: fixed;top: -100%;
    }
    #hero nav.sticky.active
    {
        top: 0;
    }
    #hero .nav-left a,
    #hero .nav-right
    {
        display: inline-block;vertical-align: middle;
    }
    #hero nav .nav-right
    {
        position: absolute;top: 0;right: 0;height: 100%;margin: 0;padding-right: 20px;
    }
    #hero nav .nav-right .button-style
    {
        display: none;  margin: 0 20px 0 0;
    }
    #hero nav .nav-right > *
    {
        display: inline-block;vertical-align: middle;
    }
    #hero nav .nav-right span
    {
        margin-right: 20px;  vertical-align: middle;
    }
    #hero nav .nav-right .globe
    {
        display: inline-block;  width: 35px;height: auto;vertical-align: middle;
    }
}


/* Language Selector Styles */
.language-selector
{
    position: relative;height: 100%;
}
.language-selector .current-language
{
    font-family: Arial, Helvetica, sans-serif;font-size: 14px;height: 100%;

cursor: pointer;
}
.language-selector .current-language:before
{
    display: inline-block;width: 0;height: 100%;

content: '';vertical-align: middle;
}
.language-selector .language-list
{
    position: absolute;top: 100%;right: -200%;display: grid;width: 100%;transition: right .5s;color: #fff;background-color: #333;grid-template-columns: 1fr 1fr;
}
.language-selector .language-list.active
{
    right: 0;
}
.language-selector .language-list a
{
    font-family: Arial, Helvetica, sans-serif;font-size: 14px;

display: block;padding: 1rem;cursor: pointer;text-decoration: none;color: #fff;

    
}
.language-selector .language-list a:hover
{
    background-color: #444;
}

@media screen and (min-width:940px)
{
    .language-selector .language-list
    {
        width: 150px;grid-template-columns: 1fr;
    }
    .language-selector .language-list.active
    {
        right: -20px;
    }
}

/* Hero Styles */
#hero
{
    position: relative;width: 100%;height: 95vh;min-height: 800px;margin: 0 auto;padding-top: 70px;background: no-repeat;background-color: #ccc;background-position: center bottom;background-size: cover;aspect-ratio: 16/9;
}
#hero:before
{
    position: absolute;z-index: 1;bottom: -1px;width: 100%;height: 100%;

content: '';background: linear-gradient(to top, rgba(0, 0, 0, 1), transparent);background-repeat: no-repeat;background-position: center bottom;background-size: 100% 33%;grid-template-rows: 33% 66%;
}
#hero #hero-bg
{
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;
}
#hero #hero-bg:before
{
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;

content: '';background: url(../img/video/overlay.png) repeat;
}
#hero #hero-bg #hero-bg-video
{
    width: 100%;height: 100%;object-fit: cover;
}
#hero-content
{
    position: relative;display: grid;justify-content: center;width: clamp(280px,90vw,1280px);height: 100%;margin: 0 auto;text-align: center;grid-template-columns: 1fr;grid-template-rows: 20% auto;
}
#hero-content #hero-logo
{
    position: relative;top: 10%;

align-self: start;grid-row: 1/2;
}
#hero-content #hero-logo img
{
    width: clamp(360px,80vw,600px);height: auto;
}
#hero-cta-wrapper
{
    z-index: 5;display: grid;align-items: end;

grid-row: 2/3;grid-template-rows: 50% 50%;
}
#hero-cta
{
    font-size: clamp(36px,3.75vw,90px);align-self: end;text-transform: uppercase;

color: #fff;
}
#hero .button-container
{
    align-self: start;height: max-content;
}
#hero .button-style
{
    width: 90%;height: 75px;

margin: 30px auto;
}
#hero .button-style a
{
    height: 75px;text-decoration: none;color: #000;
}
#hero-rating
{
    position: absolute;z-index: 5;right: 30px;bottom: 50%;
}
#hero-rating img
{
    display: none;width: auto;

height: 90px;
}
body.en #hero-rating img
{
    display: block;
}
body.apple #hero-rating img
{
    display: none;
}
svg.button-text
{
    position: relative;z-index: 5;

    width: 100%;height: 100%;paint-order: stroke fill;
;
}
text
{
    font-size: clamp(30px,4vw,40px);dominant-baseline: middle;text-anchor: middle;
}

@media screen and (min-width:940px)
{
    #hero
    {
        min-height: 56vw;
    }
    #hero .button-container
    {
        display: grid;width: 100%;margin: 0 auto;grid-template-columns: 1fr 1fr 1fr;
    }
    #hero-content
    {
        grid-template-rows: 45% auto;
    }
    #hero-content #hero-logo
    {
        top: 5%;
    }
    #hero-rating
    {
        bottom: 25%;
    }
}
@media screen and (max-width:1024px)
{
    #hero
    {
        background-image: url(../img/hero/background-mobile.jpg);
    }
    html.webp #hero
    {
        background-image: url(../img/hero/background-mobile.webp);
    }
}
@media screen and (min-width:1025px) and (max-width:1280px)
{
    #hero
    {
        background-image: url(../img/hero/background-tablet.jpg);
    }
    html.webp #hero
    {
        background-image: url(../img/hero/background-tablet.webp);
    }
}
@media screen and (min-width:1281px) and (max-width:1919px)
{
    #hero
    {
        background-image: url(../img/hero/background-desktop.jpg);
    }
    html.webp #hero
    {
        background-image: url(../img/hero/background-desktop.webp);
    }
}
@media screen and (min-width:1920px)
{
    #hero
    {
        background-image: url(../img/hero/background.jpg);
    }
    html.webp #hero
    {
        background-image: url(../img/hero/background.webp);
    }
}

/* Story Styles */
#story-wrapper .story-container
{
    position: relative;display: grid;align-items: center;width: 90%;margin: 0 auto;text-align: center;grid-template-columns: 50px auto 50px;justify-items: center;
}
#story-wrapper .story-container > img
{
    width: 50px;height: auto;
}
#story-wrapper .gtm__arrow
{
    cursor: pointer;
}
#story-wrapper .story-prev
{
    grid-column: 1/2;
}
#story-wrapper .story-next
{
    grid-column: 3/4;
}
#story-cards
{
    position: relative;display: block;

width: 100%;grid-column: 2/3;
}
#story-cards .story-slide-wrapper
{
    position: relative;display: inline-block;width: 100%;padding: 20px 40px;
}
#story-cards .story-slide-wrapper .story-slide
{
    position: relative;display: grid;overflow: hidden;align-items: center;border: 3px solid #ff2d50;border-radius: clamp(20px,1.95vw,50px);background: rgba(0,0,0,.5);grid-template-columns: 1fr;grid-template-rows: 1fr auto;justify-items: center;
}
#story-cards .story-slide-wrapper .story-slide img
{
    width: 100%;height: auto;
}
#story-cards .story-slide-wrapper .story-slide p
{
    font-family: 'acumin-pro-condensed',sans-serif;font-size: clamp(20px,1.75vw,36px);font-weight: 700;padding: 25px;

color: #fff;
}

@media screen and (min-width:941px)
{
    #media
    {
        min-height: 800px;
    }
    #media
    {
        padding: 110px 0;
    }
}
@media screen and (max-width:1024px)
{
    #media
    {
        background-image: url(../img/media/background-mobile.jpg);
    }
    html.webp #media
    {
        background-image: url(../img/media/background-mobile.webp);
    }
}
@media screen and (min-width:1025px) and (max-width:1280px)
{
    #media
    {
        background-image: url(../img/media/background-tablet.jpg);
    }
    html.webp #media
    {
        background-image: url(../img/media/background-tablet.webp);
    }
}
@media screen and (min-width:1281px) and (max-width:1919px)
{
    #media
    {
        background-image: url(../img/media/background-desktop.jpg);
    }
    html.webp #media
    {
        background-image: url(../img/media/background-desktop.webp);
    }
}
@media screen and (min-width:1920px)
{
    #media
    {
        background-image: url(../img/media/background.jpg);
    }
    html.webp #media
    {
        background-image: url(../img/media/background.webp);
    }
}

/* Feature Styles */
#features
{
    padding: 40px 0 0;
}
#features #features-tab
{
    width: clamp(280px,90vw,1280px);margin: 0 auto;margin-bottom: -3px;padding-right: clamp(50px,3.125vw,100px);padding-left: clamp(50px,3.125vw,100px);text-align: center;
}
#features #features-tab button
{
    display: inline-block;padding: 20px 40px;cursor: pointer;border: 3px solid #59fff1;border-bottom: 3px solid #cc3983;border-radius: 30px 30px 0 0;

background: #cc3983;
}
#features #features-tab button.selected-platform
{
    padding-bottom: 22px;cursor: default;border-bottom: 3px solid #ff47a2;

background: #ff47a2;
}
#features-tab button img
{
    opacity: .7;
}
#features-tab button.selected-platform img
{
    opacity: 1;
} 
#features-tab img
{
    width: auto;  height: 25px;
}
#features #features-wrapper
{
    width: clamp(280px,90vw,1280px);margin: 0 auto;padding: 20px 0;text-align: center;border: 3px solid #59fff1;border-bottom: none;border-radius: clamp(50px,3.125vw,100px) clamp(50px,3.125vw,100px) 0 0;background: rgba(0,0,0,.75);
}
#features h1
{
    margin: 40px auto;
}
#features #features-container
{
    font-family: 'acumin-pro-condensed', sans-serif;font-weight: 700;

position: relative;
}
.feature-prev,
.feature-next
{
    position: absolute;z-index: 10;top: clamp(30%,19.38vw,50%);

width: 8%;cursor: pointer;transform: translateY(-50%);
}
.feature-prev
{
    left: 1%;
}
.feature-next
{
    right: 1%;
}
#features .feature-card
{
    display: grid;align-items: center;

width: 80%;margin: 0 auto 40px;text-align: center;color: #fff;grid-template-columns: 1fr;
}
#features .feature-card img
{
    width: 100%;border: 4px solid #fb27c6;border-radius: clamp(20px,1.95vw,50px);
}

@media screen and (min-width:940px)
{
    #features
    {
        padding: 110px 0 0;
    }
    #features .feature-card
    {
        grid-template-columns: repeat(6, 1fr);
    }
    #features .feature-card p
    {
        text-align: left;
    }
    #features .feature-card:nth-child(odd) picture
    {
        width: 95%;

        grid-column: 1/5;
;
    }
    #features .feature-card:nth-child(odd) p
    {
        grid-column: 5/7;
    }
    #features .feature-card:nth-child(even) picture
    {
        width: 95%;  grid-column: 3/7;justify-self: end;
    }
    #features .feature-card:nth-child(even) p
    {
        display: flex;  grid-column: 1/3;grid-row: 1/2;
    }
}

/* Artists Styles */
#artists
{
    line-height: 2.5em;  padding: 0 0 40px 0;text-align: center;
}
#artists h1
{
    line-height: 1em;
}
#artists #artists-wrapper
{
    width: clamp(280px,90vw,1280px);margin: 0 auto;padding: 40px;text-align: center;border: 3px solid #59fff1;border-top: none;border-radius: 0 0 clamp(50px,3.125vw,100px) clamp(50px,3.125vw,100px);background: rgba(0,0,0,.75);
}
#artists-subheader
{
    margin-top: 40px;
}
#artists #apple-exclusive-wrapper
{
    position: realtive;  display: none;width: 100%;
}
body.apple #artists #apple-exclusive-wrapper
{
    display: block;
}
#apple-exclusive-header:before
{
    font-size: clamp(36px,6vw,72px);transform: translate(-50%,-50%);
}
#apple-exclusive-text
{
    font-size: clamp(36px,6vw,72px);
}
#artists-post-text
{
    position: relative;z-index: 2;

display: inline-block;text-shadow: -2px -2px 0 #000, -2px 2px 0 #000,2px 2px 0 #000, 2px -2px 0 #000, 0 4px 0 #000, -4px -4px 0 #00dada, 0 -4px 0 #00dada, 4px -4px 0 #00dada, 4px 0 0 #00dada,4px 4px 0 #00dada,0 6px 0 #00dada,-4px 6px 0 #00dada,-4px 4px 0 #00dada,-4px 0 0 #00dada;
}
#apple-exclusive-songs
{
    display: grid;grid-template-columns: 1fr;
}
#apple-exclusive-songs .apple-artists
{
    font-family: 'acumin-pro-condensed',sans-serif;font-size: clamp(20px,1.75vw,36px);font-weight: 700;line-height: 1em;

position: relative;display: block;margin: 20px 0;color: #f64ac9;
}
#apple-exclusive-songs .apple-artists:nth-child(even)
{
    color: #00dada;
}
#artists-grid
{
    display: grid;margin: 40px auto;grid-template-rows: auto;
}
#artists-list-1
{
    align-self: center;margin: 40px 0;

grid-row: 2/3;justify-self: center;
}
#artists-list-2
{
    align-self: center;margin: 40px 0;

grid-row: 4/5;justify-self: center;
}
#artists-list-3
{
    align-self: center;margin: 40px 0;

grid-row: 6/0;justify-self: center;
}
#artists-list-3 .featured-artist:last-child
{
    font-size: clamp(36px,2.8125vw,72px);  display: block;margin: 40px auto; text-transform: uppercase;
}
#artists-image-1
{
    align-self: center;  grid-row: 1/2;justify-self: center;
}
#artists-image-1 img
{
    width: clamp(240px,80%,600px);
}
#artists-image-2
{
    align-self: center;  grid-row: 3/4;justify-self: center;
}
#artists-image-2 img
{
    width: clamp(240px,80%,600px);
}
#artists-image-3
{
    align-self: center;  grid-row: 5/6;justify-self: center;
}
#artists-image-3 img
{
    width: clamp(240px,80%,600px);
}
.featured-artist
{
    font-family: 'acumin-pro-condensed', sans-serif;font-weight: 700;line-height: 1em;

position: relative;display: block;margin: 5px 0;
}
.featured-artist:nth-child(odd)
{
    color: #f64ac9;
}
.featured-artist:nth-child(even)
{
    color: #00dada;
}
.featured-artist:not(:last-child)::after
{
    margin: 0 10px;  content: '\25AA';
}

@media screen and (min-width:940px)
{
    #apple-exclusive-songs
    {
        margin: 20px auto 40px;  grid-template-columns: 1fr 1fr 1fr;
    }
    #artists-grid
    {
        width: 100%;text-align: center;grid-template-columns: 1fr 50%;
    }
    .featured-artist:not(:last-child)::after
    {
        content: ' ';
    }
    #artists-list-1
    {
        grid-row: 1/2;grid-column: 2/3;
    }
    #artists-list-2
    {
        grid-row: 2/3;grid-column: 1/2;
    }
    #artists-list-3
    {
        grid-row: 3/4;grid-column: 2/3;
    }
    #artists-image-1
    {
        grid-row: 1/2;grid-column: 1/2;
    }
    #artists-image-2
    {
        grid-row: 2/3;grid-column: 2/3;
    }
    #artists-image-3
    {
        grid-row: 3/4;grid-column: 1/2;
    }
}

/* Purchase */
#purchase
{
    font-family: 'acumin-pro-condensed', sans-serif;  padding: 40px 0;text-align: center;color: #fff;
}
#purchase #purchase-wrapper
{
    width: clamp(280px,90vw,1280px);margin: 0 auto;padding: 60px 0;text-align: center;border: 3px solid #59fff1;border-radius: clamp(50px,3.125vw,100px);background: rgba(0,0,0,.75);
}
#purchase h1
{
    margin: 0 auto 40px;
}
#purchase h3
{
    font-size: clamp(32px,4.5vw,64px);text-transform: uppercase;
}
#purchase .edition-selected:before
{
    box-shadow: inset 0 0 5px 0 #fff,inset 0 0 5px 0 #fff,inset 0 0 10px 0 #fff,inset 0 0 10px 0 #fff,inset 0 0 15px 0 #fff,inset 0 0 15px 0 #fff,inset 0 0 20px 0 #ffde00,inset 0 0 25px 0 #ffde00,inset 0 0 30px 0 #ffde00,inset 0 0 35px 0 #ffde00;
}
#purchase #edition-selection
{
    margin-bottom: 40px;
}
#purchase #edition-selection button
{
    display: inline-block;  max-width: 450px;
}
#purchase #edition-selection button a
{
    font-size: clamp(24px,1.6vw,30px);
}
#purchase-container
{
    display: grid;  width: 80%;margin: 0 auto;
}
#purchase-switch
{
    display: none;
}
body.switch #purchase-switch
{
    display: block;
}
#purchase-img
{
    margin-bottom: 40px;
}
#purchase-img img
{
    width: clamp(220px,90%,1280px);
}
#purchase-digital,
#purchase-retailers
{
    margin-bottom: 40px;
}
#purchase .button-style
{
    display: block;  max-width: 300px;height: auto;margin: 20px auto;padding: 5px 0;
}
#purchase .button-style:before
{
    background-image: url(../img/purchase/button-bg.jpg);
}
#purchase .button-style a
{
    font-size: clamp(24px,2vw,36px);  display: grid;width: 100%;padding: 7px 0;vertical-align: middle;text-decoration: none;color: #fff;text-shadow: -2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 -2px 0 #000,0 2px 0 #000,2px 0 0 #000,-2px 0 0 #000;
}
#purchase .coming-soon
{
    font-weight: 700;  margin-top: 20px;text-transform: uppercase;color: #fff;text-shadow: 0 0 2px #000, 0 0 2px #000,0 0 2px #000, 2px 2px 5px #000, 2px 2px 5px #000!important;
}
#purchase-standard-img img
{
    width: clamp(220px,90%,1280px);
}
#digital-deluxe
{
    display: grid;width: 90%;margin: 0 auto;padding: 40px 0;background: url(../img/common/background.jpg) center center no-repeat;background-size: cover;grid-template-columns: 100%;
}
#digital-deluxe #deluxe-game-logo
{
    padding: 2.5% 0;text-align: center;

grid-row: 1/2;
}
#digital-deluxe #deluxe-game-logo img
{
    display: block;  width: clamp(240px,70%,600px);margin: 0 auto;
}
#digital-deluxe #deluxe-game-logo div text
{
    font-family: 'astounder-squared-bb',sans-serif;font-size: clamp(36px,2.34375vw,60px);font-weight: 700;font-style: normal;z-index: 5;text-shadow: none;
}
#digital-deluxe #deluxe-game-logo #digital-deluxe-text
{
    stroke-width: 4;
}
#digital-deluxe #deluxe-game-logo #deluxe-edition-wrapper
{
    position: relative;display: block;margin: 10px auto;
}
#digital-deluxe #deluxe-game-logo #deluxe-edition-wrapper:before
{
    font-family: 'astounder-squared-bb',sans-serif;font-size: clamp(36px,2.34375vw,60px);font-weight: 700;position: absolute;z-index: 1;top: 50%;left: 50%;width: 100%;

content: attr(data-text);transform: translate(-50%,-53%);filter: drop-shadow(0px 3px 0px #00dada);-webkit-text-stroke: 12px #00dada;
}
#digital-deluxe #base-game
{
    grid-row: 2/3;
}
#digital-deluxe #base-game img
{
    width: clamp(240px,50%,600px);height: auto;
}
#digital-deluxe #standard-plus
{
    grid-row: 3/4;
}
#digital-deluxe #standard-plus img
{
    width: clamp(50px,100%,125px);
}
#digital-deluxe #deluxe-costumes
{
    z-index: 2;  grid-row: 4/5;
}
#digital-deluxe #deluxe-costumes img
{
    width: clamp(240px,90%,600px);
}
#digital-deluxe #bonus-content-text
{
    grid-row: 5/6;
}
#digital-deluxe #bonus-content-text p
{
    font-size: clamp(24px,4.5vw,36px);text-shadow: 2px 2px 2px #000!important;
}
#digital-deluxe #deluxe-incentives
{
    grid-row: 6/7;
}
#digital-deluxe #deluxe-incentives img
{
    width: clamp(240px,90%,600px);
}
#digital-deluxe #bonus-disclaimer
{
    grid-row: 7/8;
}
#digital-deluxe #bonus-disclaimer p
{
    font-size: 12px;text-shadow: 1px 1px 1px #000!important;
}
#digital-deluxe #deluxe-purchase-button
{
    margin-bottom: 30px;  grid-row: 8/9;
}
#purchase-quest
{
    display: none;width: 90%;margin: 40px auto 0;padding: 40px;background: url(../img/common/background.jpg) center center no-repeat;background-size: cover;
}
body.quest #purchase-quest
{
    display: grid;
}
#purchase-quest img
{
    display: block;  width: 100%;height: auto;
}
#purchase-quest #quest-game-logo
{
    padding-bottom: 40px;  text-align: center;
}
#purchase-quest #quest-game-logo img
{
    width: clamp(240px,80%,600px);margin: 0 auto;
}
#purchase-quest h2:after
{
    width: clamp(400px,175%,1280px);
}
#purchase-quest #quest-game-cover img
{
    display: inline-block;  width: clamp(240px,80%,600px);
}
#purchase-quest #quest-picture-plus
{
    text-align: center;
}
#purchase-quest #quest-plus-jpg
{
    display: block;  width: clamp(50px,100%,125px);margin: 0 auto;
}
#purchase-apple
{
    position: relative;  display: none;align-items: center;justify-content: center;width: 90%;margin: 40px auto 0;padding: 40px;background: url(../img/common/background.jpg) center center no-repeat;background-size: cover;grid-template-columns: 1fr;
}
body.apple #purchase-apple
{
    display: grid;
}
#purchase-apple #apple-game-logo img
{
    width: clamp(240px,90%,600px);
}
#purchase-apple #apple-game-cover
{
    display: block;width: clamp(240px,70%,600px);margin: 20px auto;
}
#purchase-apple #apple-cover-art img
{
    width: 100%;height: auto;border: 3px solid #00dada;border-radius: 22.5%;
}
#purchase-apple #apple-game-link img
{
    width: clamp(140px,75%,350px);
}

@media screen and (min-width:940px)
{
    #purchase
    {
        padding: 110px 0;
    }
    #purchase .button-style
    {
        width: 80%;  max-width: 450px;
    }
    #purchase-container
    {
        display: grid;max-width: 1280px;margin: 0 auto;grid-template-columns: 30% 70%;
    }
    #purchase-standard-img
    {
        padding-bottom: 40px;border-bottom: 3px #fff solid;
    }
    #purchase-selection-digital
    {
        border-bottom: 3px #fff solid;
    }
    #purchase-selection
    {
        padding: 0 20px 20px;text-align: left;
    }
    #purchase-selection h3
    {
        text-align: left;
    }
    #purchase-img
    {
        padding-top: 40px;
    }
    #purchase-selection-physical
    {
        padding-top: 40px;
    }
    #digital-deluxe
    {
        grid-template-columns: repeat(5,1fr);grid-template-rows: auto;
    }
    #digital-deluxe #deluxe-game-logo
    {
        grid-row: 1/2;grid-column: 1/6;
    }
    #digital-deluxe #deluxe-game-logo #digital-deluxe-text
    {
        stroke-width: 6;
    }
    #digital-deluxe #base-game
    {
        grid-row: 2/7;grid-column: 1/3;
    }
    #digital-deluxe #base-game picture
    {
        display: grid;
    }
    #digital-deluxe #base-game img
    {
        align-self: center;  width: 95%;justify-self: right;
    }
    #digital-deluxe #standard-plus
    {
        grid-row: 4/5;
    }
    #digital-deluxe #deluxe-costumes
    {
        grid-row: 2/3;grid-column: 4/6;
    }
    #digital-deluxe #bonus-content-text
    {
        grid-row: 3/4;grid-column: 4/6;
    }
    #digital-deluxe #deluxe-incentives
    {
        grid-row: 4/6;grid-column: 4/6;
    }
    #digital-deluxe #deluxe-purchase-button
    {
        margin: 0;  grid-row: 7/8;grid-column: 2/5;
    }
    #digital-deluxe #bonus-disclaimer
    {
        grid-row: 6/7;grid-column: 4/6;
    }
    #purchase-retailers
    {
        display: grid;grid-template-columns: repeat(2, 1fr);
    }
    #purchase-quest
    {
        grid-template-columns: repeat(5,1fr);
    }
    #purchase-quest #quest-game-logo
    {
        grid-row: 1/2;grid-column: 2/5;
    }
    #purchase-quest #quest-game-cover
    {
        grid-row: 2/5;grid-column: 1/3;
    }
    #purchase-quest #quest-plus
    {
        grid-row: 3/4;grid-column: 3/4;
    }
    #purchase-quest #quest-bonus-img
    {
        grid-row: 2/4;grid-column: 4/6;
    }
    #purchase-quest #quest-bonus-text
    {
        grid-row: 4/5;grid-column: 4/6;
    }
    #purchase-quest #quest-purchase-button
    {
        grid-row: 5/6;grid-column: 2/5;
    }
    #purchase-apple
    {
        grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;
    }
    #purchase-apple #apple-game-logo
    {
        align-self: end;padding-bottom: 40px;

grid-column: 2/3;grid-row: 1/2;
    }
    #purchase-apple #apple-game-cover
    {
        width: clamp(240px,100%,600px);grid-column: 1/2;grid-row: 1/3;
    }
    #purchase-apple #apple-game-link
    {
        align-self: start;
    }
}

@media screen and (min-width:1055px)
{
    #purchase #edition-selection button:not(:last-child)
    {
        margin-right: 40px;
    }
}

/* Footer */
footer
{
    font-family: adrianna, sans-serif;position: relative;z-index: 15;padding-bottom: 40px;

background-color: #262626;
}
footer h1,
footer h2,
footer h3,
footer h4
{
    font-family: adrianna, sans-serif;
}
#footer-social
{
    width: 100%;
}
#footer-social-title
{
    position: relative;width: 100%;height: 100%;min-height: 80px;text-align: center;vertical-align: middle;text-transform: uppercase;

background-color: #fff;
}
#footer-social-title:before
{
    line-height: 0;display: inline-block;width: 0;height: 100%;min-height: 80px;

content: '';vertical-align: middle;
}
#footer-social-title h3
{
    font-size: clamp(16px,3vw,24px);display: inline-block;vertical-align: middle;

color: #000;text-shadow: none;
}
#footer-social-icons
{
    position: relative;
}
#social-icons-group
{
    display: grid;  width: 80%;max-width: 400px;margin: 20px auto;gap: 1rem;grid-template-columns: repeat(5, 1fr);
}
#social-icons-group div img
{
    width: 100%;
}
#footer-newsletter
{
    position: relative;align-self: center;

text-align: center;justify-self: center;
}
#footer-newsletter-button
{
    width: auto;min-width: 350px;height: 60px;

margin: auto;padding: 0 20px;cursor: pointer;
}
#footer-newsletter-button a
{
    display: grid;align-items: center;width: 100%;

height: 100%;justify-items: center;
}
#footer-newsletter-button text
{
    font-size: 24px;display: block;width: 100%;max-width: fit-content;margin: 20px auto;padding: 15px 30px;cursor: pointer;text-align: center;text-transform: uppercase;color: #fff;paint-order: stroke fill;
}
#footer-logos-group
{
    position: relative;max-width: 1200px;

margin: 0 auto;padding: 25px 0;text-align: center;
}
#footer-logos-group img
{
    height: 50px;  margin: 10px;
}
#footer-logos-group #platform-logo
{
    display: block;  height: 40px;margin: 20px auto;
}
#footer-logos-group #rating-icon,
#footer-logos-group #usk
{
    width: auto;  height: 90px;
}
#footer-logos-group #usk
{
    display: none;
}
body.de #footer-logos-group #usk
{
    display: inline-block;
}
#footer-logos-group #esrb-cert
{
    height: 90px;
}
#footer-logos-group #esrb-cert
{
    display: none;
}
body.en #footer-logos-group #esrb-cert
{
    display: inline-block;
}
body.apple #footer-logos-group #esrb-cert
{
    display: none;
}
body.apple #footer-logos-group #rating-icon
{
    display: none;
}
.copy p
{
    font-size: 12px;width: 95%;max-width: 900px;margin: 0 auto;padding-bottom: 15px;text-align: center;

color: #fff;
;
}
#footer-policy-group,
#footer-policy-group a
{
    font-size: 10px;line-height: 1.85;width: 90%;max-width: 1000px;margin: 0 auto;padding: 15px 0;

text-align: center;
;
}
#footer-policy-group
{
    font-size: 18px;padding: 0 0 8px;

color: #fff;
}
#footer-policy-group a
{
    font-size: 16px;margin: 0 10px;padding: 0;text-decoration: none;text-transform: uppercase;

color: #fff;
}
#footer-policy-group a:hover
{
    color: #ffd562;
}
@media screen and (min-width:941px)
{
    #footer-newsletter
    {
        justify-self: left;
    }
    #footer-social
    {
        display: grid;min-height: 100px;grid-template-columns: repeat(3, 1fr);
    }
    #footer-social-title
    {
        text-align: right;clip-path: polygon(0% 0%, 95% 0, 100% 50%, 95% 100%, 0% 100%);
    }
    #footer-social-title h3
    {
        max-width: 80%;
        padding-right: 15%;
;
    }
    #social-icons-group
    {
        position: absolute;top: 50%;left: 50%;margin: auto;transform: translate(-50%,-47%);
    }
}
/* END Footer */

/* PLATFORM SELECTED */
#platform-selected
{
    position: fixed;z-index: 20;bottom: 0;left: 0;padding: 20px;background: #000;
}
#platform-selected img
{
    width: auto;  height: 30px;
}
body.switch #platform-selected
{
    background-color: #e4000f;
}
body.quest #platform-selected
{
    background-color: #0668e1;
}
body.apple #platform-selected
{
    background-color: #ff2d50;
}

.coming-soon
{
    font-weight: 700;  margin-top: 20px;text-transform: uppercase;opacity: .5;color: #fff;text-shadow: 0 0 2px #000, 0 0 2px #000,0 0 2px #000, 2px 2px 5px #000, 2px 2px 5px #000!important;
}
.button-style.coming-soon:hover::before
{
    box-shadow: none;
}
.coming-soon a
{
    pointer-events: none;
}

/* Newsletter bar fix */
#universalToolbar h4
{
    text-shadow: none;
}
/* .nintendoSwitch{border-color:#FB27C6!important;}
.metaQuest{border-color:#0082fb!important;}
.appleArcade{border-color:#ff2d50!important;} */