:root {
    --grid-gutter: 32px;
    --grid-margin: 64px;
    --grid-columns: 12;
    --col: calc((100vw - (2 * var(--grid-margin)) - ((var(--grid-columns) - 1) * var(--grid-gutter))) / var(--grid-columns));
    --sides: calc(var(--grid-margin) + var(--col) + var(--grid-gutter))
}

@media(min-width: 1441px) {
     :root {
        --sides: calc((100vw - 1104px) / 2)
    }
}

@media(max-width: 1104px) {
     :root {
        --sides: var(--grid-margin)
    }
}

@media(max-width: 768px) {
     :root {
        --grid-gutter: 24px;
        --grid-margin: 24px;
        --grid-columns: 4
    }
}

.debug-grid {
    display: none;
    position: fixed;
    z-index: 1000;
    pointer-events: none;
    width: 100%;
    height: 100%
}

.debug-grid.toggled {
    display: block
}

.debug-grid>* {
    display: flex;
    height: 100%;
    grid-gap: var(--grid-gutter)
}

.debug-grid .desktop-only,
.debug-grid .mobile-only {
    margin: 0 var(--grid-margin)
}

.debug-grid .column {
    flex: 1;
    background: rgba(255, 0, 0, .15)
}

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;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: "Tusker Grotesk";
    font-weight: bold;
    src: url("../static/fonts/tuskergrotesk-4700bold.woff2") format("woff2"), url("../static/fonts/tuskergrotesk-4700bold.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Sony Music Sans";
    font-weight: 300;
    src: url("../static/fonts/sonymusicsans-light.woff2") format("woff2"), url("../static/fonts/sonymusicsans-light.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Sony Music Sans";
    font-weight: normal;
    src: url("../static/fonts/sonymusicsans-medium.woff2") format("woff2"), url("../static/fonts/sonymusicsans-medium.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Sony Music Sans";
    font-weight: bold;
    src: url("../static/fonts/sonymusicsans-bold.woff2") format("woff2"), url("../static/fonts/sonymusicsans-bold.woff") format("woff");
    font-display: swap
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0
}

body {
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-size: 16px;
    color: #000
}

.noscroll {
    overflow: hidden;
    touch-action: none
}

* {
    box-sizing: border-box;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

a {
    color: #000;
    text-decoration: none
}

button,
input {
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

svg {
    display: block
}

.flex-col {
    flex-direction: column;
    align-items: flex-start
}

.content-wrapper {
    display: flex;
    justify-content: center;
    width: 100%
}

.wrapper {
    display: flex;
    max-width: 1104px;
    margin: 0 auto
}

.wrapper.wrapper-col {
    flex-direction: column;
    align-items: flex-start
}

.wrapper.wrapper-row {
    flex-direction: row
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text :focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

@keyframes scanning {
    0% {
        transform: translatex(0) scale(1.1) rotate(-6deg)
    }
    100% {
        transform: translatex(140px) scale(1.1) rotate(-6deg)
    }
}

.h1 {
    font-size: 80px;
    line-height: 96px;
    font-weight: bold;
    margin-bottom: 16px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    text-transform: uppercase
}

.h2 {
    font-size: 64px;
    line-height: 80px;
    font-weight: bold;
    margin-bottom: 24px;
    font-family: "Tusker Grotesk", "Impact", sans-serif
}

.h3 {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px
}

.h4 {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 48px
}

.h5 {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase
}

.caption {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 700
}

.text-body {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em
}

.text-body-2 {
    font-size: 14px;
    line-height: 22px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em
}

.gform_wrapper .gform_validation_errors {
    background: none;
    border: none;
    box-shadow: none;
    padding: 16px 16px 16px 0
}

.gform_wrapper .gform_validation_errors>h2 {
    color: #d41111;
    font-size: 14px;
    line-height: 22px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em
}

.gform_wrapper .gform_validation_errors>h2 .gform-icon {
    display: none
}

.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme textarea,
.gform_wrapper.gravity-theme select {
    padding: 16px;
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    border: 2px solid #bfbfbf
}

.gform_wrapper.gravity-theme input[type=text]::placeholder,
.gform_wrapper.gravity-theme input[type=password]::placeholder,
.gform_wrapper.gravity-theme input[type=email]::placeholder,
.gform_wrapper.gravity-theme input[type=url]::placeholder,
.gform_wrapper.gravity-theme input[type=date]::placeholder,
.gform_wrapper.gravity-theme input[type=month]::placeholder,
.gform_wrapper.gravity-theme input[type=time]::placeholder,
.gform_wrapper.gravity-theme input[type=datetime]::placeholder,
.gform_wrapper.gravity-theme input[type=datetime-local]::placeholder,
.gform_wrapper.gravity-theme input[type=week]::placeholder,
.gform_wrapper.gravity-theme input[type=number]::placeholder,
.gform_wrapper.gravity-theme input[type=search]::placeholder,
.gform_wrapper.gravity-theme input[type=tel]::placeholder,
.gform_wrapper.gravity-theme input[type=color]::placeholder,
.gform_wrapper.gravity-theme textarea::placeholder,
.gform_wrapper.gravity-theme select::placeholder {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #404040
}

.gform_wrapper.gravity-theme input[type=text]:focus,
.gform_wrapper.gravity-theme input[type=password]:focus,
.gform_wrapper.gravity-theme input[type=email]:focus,
.gform_wrapper.gravity-theme input[type=url]:focus,
.gform_wrapper.gravity-theme input[type=date]:focus,
.gform_wrapper.gravity-theme input[type=month]:focus,
.gform_wrapper.gravity-theme input[type=time]:focus,
.gform_wrapper.gravity-theme input[type=datetime]:focus,
.gform_wrapper.gravity-theme input[type=datetime-local]:focus,
.gform_wrapper.gravity-theme input[type=week]:focus,
.gform_wrapper.gravity-theme input[type=number]:focus,
.gform_wrapper.gravity-theme input[type=search]:focus,
.gform_wrapper.gravity-theme input[type=tel]:focus,
.gform_wrapper.gravity-theme input[type=color]:focus,
.gform_wrapper.gravity-theme textarea:focus,
.gform_wrapper.gravity-theme select:focus {
    border: 2px solid gray;
    outline: none
}

.gform_wrapper.gravity-theme .gfield_error input[type=text],
.gform_wrapper.gravity-theme .gfield_error input[type=password],
.gform_wrapper.gravity-theme .gfield_error input[type=email],
.gform_wrapper.gravity-theme .gfield_error input[type=url],
.gform_wrapper.gravity-theme .gfield_error input[type=date],
.gform_wrapper.gravity-theme .gfield_error input[type=month],
.gform_wrapper.gravity-theme .gfield_error input[type=time],
.gform_wrapper.gravity-theme .gfield_error input[type=datetime],
.gform_wrapper.gravity-theme .gfield_error input[type=datetime-local],
.gform_wrapper.gravity-theme .gfield_error input[type=week],
.gform_wrapper.gravity-theme .gfield_error input[type=number],
.gform_wrapper.gravity-theme .gfield_error input[type=search],
.gform_wrapper.gravity-theme .gfield_error input[type=tel],
.gform_wrapper.gravity-theme .gfield_error input[type=color],
.gform_wrapper.gravity-theme .gfield_error textarea,
.gform_wrapper.gravity-theme .gfield_error select {
    border: 2px solid #d41111;
    color: #d41111
}

.gform_wrapper.gravity-theme select {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em
}

.gfield .gfield_label {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 4px;
    color: #000
}

.gform_wrapper.gravity-theme .ginput_container_date input {
    width: 100%;
    text-transform: uppercase;
    padding: 16px 10px 16px 16px
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
    background: none;
    padding: 0;
    border: none;
    color: #d41111;
    font-size: 14px;
    line-height: 22px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em
}

.gform_wrapper .gfield_error label {
    color: #000
}

.gform_wrapper .gfield_label>.gfield_required {
    position: relative
}

.gform_wrapper .gfield_label>.gfield_required:after {
    content: "*";
    height: 10px;
    width: 10px;
    position: absolute;
    top: 0;
    left: 5px;
    color: #d41111;
    font-size: 15px
}

.gform_wrapper.gravity-theme .gfield.gfield--width-half {
    display: flex;
    flex-direction: column
}

.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date {
    min-width: 32%
}

.gform_wrapper .gfield_required .gfield_required_text,
.gform_wrapper .gfield_required .gfield_required_custom {
    font-style: normal;
    color: #d41111;
    font: 0/0 a;
    color: transparent
}

.gform_footer input[type=submit] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
    background-color: #000;
    border-radius: 56px;
    line-height: 24px;
    color: #fff;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    border: none;
    margin-top: 48px;
    cursor: pointer
}

.gform_footer input[type=submit] .icon {
    padding-left: 8px
}

.gform_footer input[type=submit] .icon svg {
    height: 16px;
    width: 16px
}

.gform_footer input[type=submit]:hover {
    background-color: #404040
}

.gform_footer input[type=submit]:focus,
.gform_footer input[type=submit]:active {
    background-color: #404040;
    box-shadow: 0 0 0 3px #e5e5e5
}

.gform_footer input[type=submit].small {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 22px
}

.gform_footer input[type=submit].white {
    background-color: #fff;
    color: #000
}

.gform_footer input[type=submit].white:focus,
.gform_footer input[type=submit].white:active {
    background-color: #e5e5e5;
    box-shadow: 0 0 0 3px gray
}

.gform_footer input[type=submit].white:hover {
    background-color: #e5e5e5
}

.gform_footer input[type=submit]:hover {
    background-color: #404040
}

body.admin-bar #header {
    top: 32px
}

body.admin-bar #header.isTransparent+#content>*:first-child {
    margin-top: 0
}

@media(max-width: 1104px) {
    body.admin-bar #header {
        top: 0
    }
    body.admin-bar #content>*:first-child {
        margin-top: 71px
    }
}

@media(max-width: 768px) {
    body.admin-bar #content>*:first-child {
        margin-top: 71px
    }
    body.admin-bar #header.isTransparent+#content>*:first-child {
        margin-top: 71px
    }
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11
}

#header.isWhite.isScrolled .main-bar {
    border-bottom: 1px solid #bfbfbf
}

#header.isWhite.toggled .main-bar {
    background: #fff
}

#header.isWhite.toggled .mobile-menu-bar {
    border-bottom: 1px solid #bfbfbf
}

#header.isWhite .main-bar {
    background: #fff
}

#header.isWhite .menu {
    background-color: #fff;
    color: #404040
}

#header.isWhite .menu:hover>.dropdown-label {
    color: #000
}

#header.isWhite .menu .dropdown-label {
    color: #404040
}

#header.isWhite .menu .dropdown-label .icon * {
    stroke: #404040
}

#header.isWhite .menu .dropdown-label:hover {
    color: #000
}

#header.isWhite .menu .dropdown-label:hover .icon * {
    stroke: #000
}

#header.isWhite .menu .dropdown-content {
    background-color: #fff;
    border: 1px solid #000
}

#header.isWhite .menu .dropdown-content .dropdown-entry {
    color: #000
}

#header.isWhite .menu .dropdown-content .dropdown-entry:hover {
    background: #e5e5e5
}

#header.isWhite .menu .menu-dropdown:hover {
    color: #000
}

#header.isWhite .menu .menu-entry {
    color: #404040
}

#header.isWhite .menu .menu-link:hover {
    color: #000
}

#header.isWhite .searchbar {
    color: #404040
}

#header.isWhite .searchbar:before {
    background: url("images/icons/search-grey4.svg") no-repeat center center;
    background-size: contain
}

#header.isWhite .searchbar:hover {
    color: #000
}

#header.isWhite .searchbar:hover:before {
    background: url("images/icons/search-black.svg") no-repeat center center;
    background-size: contain
}

#header.isTransparent .main-bar {
    background: transparent;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1)
}

#header.isScrolled .main-bar {
    border-bottom: 1px solid rgba(255, 255, 255, .24)
}

#header .brand-bar {
    padding: 12px 0;
    background: #000;
    border-bottom: 1px solid rgba(255, 255, 255, .24)
}

#header .brand-bar .container {
    display: flex;
    justify-content: flex-end;
    padding: 0 20px;
    margin: 0 auto
}

#header .brand-bar .logo {
    width: 70px;
    height: 12px
}

#header .main-bar {
    background: #000
}

#header .main-bar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px 64px
}

#header .main-bar img {
    width: 154px;
    font: 0/0 a;
    color: transparent
}

#header .menu {
    display: flex;
    align-items: center;
    grid-gap: 24px;
    margin-left: 48px
}

#header .menu .menu-link,
#header .menu .dropdown-label {
    line-height: 32px;
    color: #bfbfbf
}

#header .menu .menu-link:hover {
    color: #fff
}

#header .menu .menu-dropdown:hover {
    color: #fff
}

#header .menu .dropdown-label {
    display: flex;
    align-items: center;
    grid-gap: 4px
}

#header .menu .dropdown-label:hover {
    color: #fff
}

#header .menu .dropdown-label .icon svg {
    width: 16px;
    height: 16px
}

#header .menu .dropdown-label .icon * {
    stroke: #bfbfbf
}

#header .menu:hover>.dropdown-label {
    color: #fff
}

#header .join-us {
    display: flex
}

#header .searchbar {
    display: flex;
    align-items: center;
    margin: 0 32px 0 auto;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #bfbfbf;
    letter-spacing: -0.04em;
    padding-left: 48px
}

#header .searchbar:before {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    content: "";
    background: url("images/icons/search-grey.svg") no-repeat center center;
    background-size: contain
}

#header .searchbar:hover {
    color: #fff
}

#header .searchbar:hover:before {
    background: url("images/icons/search-white.svg") no-repeat center center;
    background-size: contain
}

#header #mobile-menu-toggle {
    display: none
}

@media(max-width: 1104px)and (min-width: 769px) {
    #header .main-bar .container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px
    }
    #header .main-bar .container .menu {
        margin-left: auto
    }
    #header .main-bar .container .searchbar {
        margin: 0 auto 0 0;
        padding-left: 0
    }
    #header .main-bar .container .button-secondary {
        width: fit-content;
        margin-left: auto
    }
}

@media(min-width: 1441px) {
    #header .main-bar .container {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width: 769px) {
    #header.isWhite .menu .menu-dropdown:hover {
        color: #000
    }
    #header.isTransparent .main-bar {
        background: transparent;
        transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1)
    }
    #header.isTransparent.isScrolled .main-bar {
        background: #000;
        border-bottom: 1px solid #404040
    }
    #header .menu-dropdown {
        position: relative;
        cursor: pointer
    }
    #header .menu-dropdown .dropdown-content {
        position: absolute;
        top: 100%;
        left: -8px;
        border: 1px solid #fff;
        background: #000;
        opacity: 0;
        transform: scale(0.95);
        transform-origin: center top;
        pointer-events: none;
        transition: all 250ms cubic-bezier(0.16, 1, 0.3, 1)
    }
    #header .menu-dropdown .dropdown-content .dropdown-entry {
        display: block;
        padding: 8px 16px;
        line-height: 24px;
        color: #fff;
        white-space: nowrap
    }
    #header .menu-dropdown .dropdown-content .dropdown-entry:hover {
        background: #404040
    }
    #header .menu-dropdown .dropdown-content .dropdown-entry+.dropdown-entry {
        border-top: 1px solid #404040
    }
    #header .menu-dropdown:hover .icon * {
        stroke: #fff
    }
    #header .menu-dropdown:hover .dropdown-content {
        opacity: 1;
        transform: scale(1);
        pointer-events: all
    }
}

#content>*:first-child {
    margin-top: 132px
}

#header.isTransparent+#content>*:first-child {
    margin-top: 37px
}

@media(max-width: 768px) {
    #content>*:first-child {
        margin-top: 117px
    }
    #header.isTransparent+#content>*:first-child {
        margin-top: 117px
    }
    #header {
        height: 100%;
        pointer-events: none
    }
    #header.isWhite .main-bar {
        background: unset
    }
    #header.isWhite .menu .dropdown-label {
        color: #000
    }
    #header.isWhite .menu .dropdown-label .icon * {
        stroke: #000
    }
    #header.isWhite .menu .dropdown-content {
        border: none
    }
    #header.isWhite .menu .menu-entry+.menu-entry {
        border-top: 1px solid #bfbfbf
    }
    #header.isWhite .mobile-menu-bar {
        background: #fff
    }
    #header.isWhite .mobile-menu-bar #mobile-menu-toggle svg * {
        stroke: #000
    }
    #header.isWhite .mobile-menu-bar #mobile-menu-toggle:active svg * {
        stroke: #fff
    }
    #header.isWhite .searchbar,
    #header.isWhite .button-wrapper {
        background: #fff;
        color: #000
    }
    #header.isWhite .searchbar {
        border-top: 1px solid #bfbfbf
    }
    #header.isWhite .searchbar:before {
        background: url("images/icons/search-black.svg") no-repeat center center;
        background-size: contain
    }
    #header.isWhite .button-wrapper {
        border-top: 1px solid #bfbfbf;
        border-bottom: 1px solid #bfbfbf
    }
    #header.isScrolled .main-bar {
        border-bottom: none
    }
    #header.isScrolled .mobile-menu-bar {
        border-bottom: 1px solid #404040
    }
    #header.isScrolled.isWhite .mobile-menu-bar {
        border-bottom: 1px solid #bfbfbf
    }
    #header .brand-bar .container {
        padding: 0 24px
    }
    #header .main-bar {
        position: static;
        flex: 1;
        height: 100%;
        background: transparent;
        transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1)
    }
    #header .main-bar .container {
        position: relative;
        padding: 0;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        height: 100%;
        overflow: scroll
    }
    #header .mobile-menu-bar {
        position: relative;
        z-index: 1;
        display: flex;
        width: 100%;
        pointer-events: all;
        background: #000;
        align-items: center;
        padding-left: 24px
    }
    #header .mobile-menu-bar .logo {
        margin: 22px 0 26px 24px
    }
    #header .mobile-menu-bar #mobile-menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 80px;
        margin-left: auto;
        background: none;
        border: none;
        font: 0/0 a;
        color: transparent
    }
    #header .mobile-menu-bar #mobile-menu-toggle svg * {
        stroke: #fff
    }
    #header .mobile-menu-bar #mobile-menu-toggle .close {
        display: none
    }
    #header .mobile-menu-bar #mobile-menu-toggle:active svg * {
        stroke: #000
    }
    #header .mobile-menu-bar #mobile-menu-toggle:focus {
        outline: none
    }
    #header .menu {
        flex-direction: column;
        align-items: stretch;
        grid-gap: 0;
        margin: 0
    }
    #header .menu .menu-link,
    #header .menu .dropdown-label {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px 0;
        line-height: 24px;
        color: #fff
    }
    #header .menu .menu-entry+.menu-entry {
        border-top: 1px solid #404040
    }
    #header .button-wrapper {
        flex-direction: column
    }
    #header .menu-dropdown .dropdown-content {
        display: none;
        flex-direction: column;
        padding-bottom: 16px
    }
    #header .menu-dropdown .dropdown-content .dropdown-entry {
        display: flex;
        color: #fff;
        align-items: center;
        justify-content: center;
        padding: 12px 0;
        line-height: 24px
    }
    #header .menu-dropdown.toggled .dropdown-label {
        padding-bottom: 12px
    }
    #header .menu-dropdown.toggled .dropdown-content {
        display: flex
    }
    #header .searchbar {
        background: #000;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px 16px 24px 0;
        margin: 0;
        border-top: 1px solid #404040
    }
    #header .searchbar:before {
        background: url("images/icons/search-white.svg") no-repeat center center;
        background-size: contain
    }
    #header .button-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px 0;
        border-top: 1px solid #404040;
        border-bottom: 1px solid #404040
    }
    #header .menu,
    #header .button-wrapper,
    #header .searchbar {
        opacity: 0;
        transform: translateY(-10vh);
        transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1)
    }
    #header.toggled {
        display: flex;
        flex-direction: column;
        pointer-events: all
    }
    #header.toggled .mobile-menu-bar {
        position: fixed;
        top: 37px;
        border-bottom: 1px solid #404040
    }
    #header.toggled .mobile-menu-bar #mobile-menu-toggle .close {
        display: block
    }
    #header.toggled .mobile-menu-bar #mobile-menu-toggle .burger-menu {
        display: none
    }
    #header.toggled .main-bar {
        background: #000
    }
    #header.toggled .main-bar .container {
        padding: 80px 0 0 0
    }
    #header.toggled .menu,
    #header.toggled .button-wrapper,
    #header.toggled .searchbar {
        width: 100%;
        opacity: 1;
        transform: translateY(0);
        pointer-events: all
    }
}

#footer {
    padding-top: 96px
}

#footer .container {
    background-color: #000;
    display: flex;
    flex-direction: column
}

#footer .container .footer-section-container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 96px 64px;
    border-bottom: 1px solid #404040;
    display: flex;
    justify-content: space-between
}

#footer .container .footer-section-container .footer-logo {
    margin-right: 100px
}

#footer .container .footer-section-container .footer-logo img {
    align-self: baseline;
    object-fit: contain;
    height: auto;
    width: 196px
}

#footer .container .footer-section-container .footer-sections {
    flex: 1 auto;
    justify-content: space-between;
    padding-right: 14vw;
    display: flex
}

#footer .container .footer-section-container .footer-sections .footer-section {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    color: #fff
}

#footer .container .footer-section-container .footer-sections .link-container {
    display: flex;
    margin-top: 16px;
    flex-direction: column
}

#footer .container .footer-section-container .footer-sections a {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #bfbfbf;
    text-transform: none;
    margin-bottom: 8px
}

#footer .container .footer-section-container .footer-sections a:hover {
    color: #fff
}

#footer .container .footer-link {
    background-color: #000;
    display: flex;
    margin: 0 auto;
    padding: 16px 16px;
    justify-content: center;
    width: 100%
}

#footer .container .footer-link .link-container {
    display: flex;
    align-items: center;
    margin-right: 48px
}

#footer .container .footer-link .link-container:last-child {
    margin-right: 0
}

#footer .container .footer-link .link-container img {
    transition: transform .7s ease-in-out;
    margin-right: 8px;
    object-fit: contain;
    height: 20px;
    width: 18px
}

#footer .container .footer-link .link-container:hover>img {
    transform: rotate(360deg)
}

#footer .container .footer-link a {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #bfbfbf;
    text-transform: none
}

#footer .container .footer-link a:hover {
    color: #fff
}

#footer.isMerged {
    margin-top: calc(-1 * 0.0436609429 * 100vw);
    padding-top: 0;
    background: #000
}

@media(max-width: 1104px)and (min-width: 768px) {
    #footer .container .footer-section-container .footer-sections {
        padding-right: 0;
        grid-gap: 15px
    }
}

@media(max-width: 768px) {
    #footer {
        padding-top: 30px;
        padding-bottom: 0
    }
    #footer .container .footer-section-container {
        display: flex;
        padding-top: 24px;
        padding-bottom: 0;
        padding-left: 24px;
        flex-direction: column
    }
    #footer .container .footer-section-container .footer-logo img {
        width: 152px;
        margin: 0;
        margin-bottom: 48px
    }
    #footer .container .footer-section-container .link-container {
        margin-bottom: 48px
    }
    #footer .container .footer-section-container .footer-sections {
        flex-direction: column
    }
    #footer .container .footer-link {
        max-width: 100%;
        justify-content: center;
        flex-direction: column
    }
    #footer .container .footer-link .link-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-bottom: 16px;
        margin-right: 0
    }
    #footer .container .footer-link .link-container a {
        color: #fff
    }
}

@media(min-width: 1441px) {
    #footer .container .footer-section-container {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width: 1500px) {
    #footer .container {
        border-bottom: 1px solid #404040
    }
    #footer .container .footer-section-container .footer-sections {
        padding-right: 0;
        justify-content: space-around
    }
}

.hero .container {
    display: flex;
    align-items: flex-end;
    margin: 0 var(--grid-margin) 0 var(--sides);
    padding: 48px 0
}

.hero .text {
    width: calc((var(--col) * 5) + (var(--grid-gutter) * 4))
}

.hero .text .title {
    font-size: 64px;
    line-height: 80px;
    font-weight: bold;
    margin-bottom: 24px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    text-transform: uppercase
}

.hero .text .description {
    margin-top: 24px
}

.hero aside {
    margin-left: calc((var(--col) * 2) + (var(--grid-gutter) * 1) + var(--grid-gutter))
}

.hero aside .desktop-only {
    display: flex
}

.hero .carousel .slide .text .title {
    font-size: 64px;
    line-height: 80px
}

.hero .carousel .slide .photo {
    height: calc(100% - 48px)
}

@media(max-width: 768px)and (min-width: 767px) {
    .hero .text {
        width: calc((var(--col) * 2) + (var(--grid-gutter) * 1) + var(--grid-gutter))
    }
    .hero aside {
        margin-left: 32px
    }
    .hero aside .desktop-only {
        display: none
    }
    .hero aside .mobile-only {
        display: flex
    }
}

@media(max-width: 767px) {
    .hero .container {
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 48px;
        padding: 48px 24px 0
    }
    .hero aside {
        margin-left: 0
    }
    .hero aside .desktop-only {
        display: none
    }
    .hero .text {
        width: auto
    }
    .hero .text .title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 48px;
        font-weight: bold;
        line-height: 64px
    }
}

@media(max-width: 768px) {
    .hero .carousel .slide .text {
        max-width: none
    }
    .hero .carousel .slide .text .title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px;
        text-transform: uppercase;
        margin-top: 16px;
        margin-bottom: 8px
    }
    .hero .carousel .slide .text .excerpt {
        margin-top: 0
    }
}

.social {
    position: relative;
    position: relative
}

.social:after {
    position: absolute;
    bottom: -1px;
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #000
}

.social .cards {
    background-color: #000;
    clip-path: polygon(0% calc(0.0436609429 * 100vw), 100% 0%, 100% 100%, 0% 100%)
}

.social .cards-container {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 128px 64px;
    grid-gap: 32px
}

.social .cards-container .card {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    max-width: 33%;
    padding: 48px 48px 96px 48px;
    background-color: #fff
}

.social .cards-container .card:first-child {
    bottom: -24px
}

.social .cards-container .card:last-child {
    top: -24px
}

.social .cards-container .card .title {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
    text-transform: uppercase;
    margin-bottom: 16px
}

.social .cards-container .card .description {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #404040;
    margin-bottom: 34px
}

.social .cards-container .card .icons-list-container {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(4, 1fr);
    width: calc(100% - 128px)
}

.social .cards-container .card .icons-list-container .icon-container {
    padding: 14px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    height: 48px;
    width: 48px
}

.social .cards-container .card .icons-list-container .icon-container:hover {
    background: #404040
}

.social .cards-container .card .icons-list-container .icon-container:focus {
    border: 3px solid #e5e5e5
}

.social .cards-container .card .icons-list-container .icon-container img {
    width: 24px;
    height: 24px
}

@media(max-width: 1104px)and (min-width: 768px) {
    .social .cards-container .card {
        padding: 32px
    }
    .social .cards-container .card .icons-list-container {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width: 768px) {
    .social .cards-container {
        flex-direction: column;
        align-items: center;
        grid-gap: 60px;
        padding: 80px 24px
    }
    .social .cards-container .card {
        height: min-content;
        padding: 24px;
        width: 100%;
        max-width: 100%
    }
    .social .cards-container .card .title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
        text-transform: uppercase
    }
    .social .cards-container .card .description {
        color: #000
    }
}

@media(min-width: 1441px) {
    .social .cards-container {
        padding-left: 0;
        padding-right: 0
    }
}

.tags {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    text-transform: uppercase;
    transform: rotate(-3deg)
}

.tags .section,
.tags .genre {
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    display: flex;
    align-items: center;
    height: 28px;
    padding: 4px 7px
}

.tags .section {
    background: #000;
    color: #fff
}

.tags .genre {
    color: #000;
    transform: translate(8px, -4px)
}

.tags .genre.all {
    background: #fff;
    color: #000;
    border: 1px solid #000
}

.tags.light .section {
    background: #fff;
    color: #000
}

.button-primary {
    position: relative;
    display: flex;
    align-items: center;
    padding: 48px 54px;
    padding-right: 0;
    transform: rotate(-3deg);
    transform-origin: 64px 64px
}

.button-primary svg {
    display: block
}

.button-primary .circle {
    position: absolute;
    top: 0;
    left: 0
}

.button-primary .circle svg {
    width: 128px;
    height: 128px
}

.button-primary .arrow {
    margin-right: 6px
}

.button-primary .arrow svg {
    width: 24px;
    height: 24px
}

.button-primary .label {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    line-height: 32px;
    transform: translateY(2px)
}

.button-primary .circle,
.button-primary .arrow,
.button-primary .label {
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1) !important
}

.button-primary:hover .circle {
    transform: scale(1.25)
}

.button-primary:hover .label {
    transform: translate(8px, 2px)
}

.button-primary.white {
    color: #fff
}

.button-primary.white svg * {
    stroke: #fff
}

.button-primary.big {
    padding: 80px 86px;
    padding-right: 0;
    transform-origin: 96px 96px
}

.button-primary.big .circle svg {
    width: 192px;
    height: 192px
}

.button-primary.big:hover .circle {
    transform: scale(1.1666666667)
}

@media(max-width: 768px) {
    .button-primary .label {
        font-size: min(6vw, 24px)
    }
}

.button-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
    background-color: #000;
    border-radius: 56px;
    line-height: 24px;
    color: #fff;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1)
}

.button-secondary .icon {
    padding-left: 8px
}

.button-secondary .icon svg {
    height: 16px;
    width: 16px
}

.button-secondary:hover {
    background-color: #404040
}

.button-secondary:focus,
.button-secondary:active {
    background-color: #404040;
    box-shadow: 0 0 0 3px #e5e5e5
}

.button-secondary.small {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 22px
}

.button-secondary.white {
    background-color: #fff;
    color: #000
}

.button-secondary.white:focus,
.button-secondary.white:active {
    background-color: #e5e5e5;
    box-shadow: 0 0 0 3px gray
}

.button-secondary.white:hover {
    background-color: #e5e5e5
}

.carousel {
    position: relative;
    overflow: hidden;
    background: #000
}

.carousel .slide-collection {
    display: flex
}

.carousel .slide {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    grid-gap: 144px;
    width: 100%;
    opacity: 0;
    pointer-events: none
}

.carousel .slide,
.carousel .slide * {
    transition: all 1000ms cubic-bezier(0.87, 0, 0.13, 1)
}

.carousel .slide .tags * {
    clip-path: inset(0 100% 0 0);
    transition-duration: 500ms
}

.carousel .slide .wrapped-text {
    display: inline-block;
    transform: translateY(100%);
    clip-path: inset(0 0 100% 0);
    margin: 0 3px
}

.carousel .slide .button {
    opacity: 0
}

.carousel .slide .photo {
    transform: translateY(10%);
    opacity: 0
}

.carousel .slide.current {
    opacity: 1;
    pointer-events: all
}

.carousel .slide.current,
.carousel .slide.current * {
    transition-delay: 350ms
}

.carousel .slide.current .tags * {
    clip-path: inset(0 0 0 0);
    transition-duration: 1000ms
}

.carousel .slide.current .tags .genre {
    transition-delay: 500ms
}

.carousel .slide.current .wrapped-text {
    transform: translateY(0%);
    clip-path: inset(0 0 0 0)
}

.carousel .slide.current .wrapped-text:nth-child(2) {
    transition-delay: 500ms
}

.carousel .slide.current .excerpt .wrapped-text {
    transition-delay: 600ms
}

.carousel .slide.current .button {
    opacity: 1;
    transition-delay: 650ms
}

.carousel .slide.current .photo {
    transform: translateY(0);
    opacity: 1
}

.carousel .slide .text {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: var(--sides);
    padding: 96px 0
}

.carousel .slide .text .title {
    width: calc((var(--col) * 7) + (var(--grid-gutter) * 6));
    margin-top: 48px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 48px;
    line-height: 64px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carousel .slide .text .excerpt {
    width: calc((var(--col) * 5) + (var(--grid-gutter) * 4));
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff
}

.carousel .slide .text .excerpt .wrapped-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carousel .slide .text .button {
    margin-top: 48px
}

.carousel .slide .photo {
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: calc(var(--grid-margin) + var(--grid-gutter) + var(--col));
    width: calc((var(--col) * 5) + (var(--grid-gutter) * 4));
    height: calc(100% - 96px)
}

.carousel .slide .photo:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background: linear-gradient(transparent, black)
}

.carousel .slide .photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.carousel .navigation {
    position: absolute;
    z-index: 2;
    bottom: 96px;
    right: calc(var(--col) + var(--grid-margin));
    display: flex;
    grid-gap: 16px
}

.carousel .navigation .slide-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: none;
    border: 1px solid #fff;
    border-radius: 48px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center
}

.carousel .navigation .slide-button:hover {
    background: rgba(255, 255, 255, .24);
    cursor: pointer
}

.carousel .navigation .slide-button.current {
    background: #fff;
    color: #000
}

@media(min-width: 1441px) {
    .carousel .slide .text .title {
        width: calc((var(--col) * 6) + (var(--grid-gutter) * 5))
    }
    .carousel .slide .text .excerpt {
        width: calc((var(--col) * 4) + (var(--grid-gutter) * 3))
    }
    .carousel .slide .photo {
        right: var(--sides)
    }
    .carousel .navigation {
        right: calc(var(--sides) - var(--grid-gutter))
    }
}

@media(max-height: 768px) {
    .carousel .slide .text {
        padding: 32px 0
    }
}

@media(max-width: 768px) {
    .carousel .slide-collection,
    .hero .carousel .slide-collection {
        display: flex;
        overflow: hidden
    }
    .carousel .slide,
    .hero .carousel .slide {
        display: flex;
        flex-direction: column;
        grid-gap: 0
    }
    .carousel .slide .text,
    .hero .carousel .slide .text {
        padding: 75vw 24px 0 24px;
        margin-left: 0
    }
    .carousel .slide .text .title,
    .hero .carousel .slide .text .title {
        width: auto;
        margin-top: 24px;
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px
    }
    .carousel .slide .text .excerpt,
    .hero .carousel .slide .text .excerpt {
        width: auto;
        margin-top: 8px
    }
    .carousel .slide .photo,
    .hero .carousel .slide .photo {
        top: 0;
        bottom: auto;
        right: auto;
        width: 100%;
        height: 100vw
    }
    .carousel .slide .photo img,
    .hero .carousel .slide .photo img {
        max-width: none;
        width: 100%
    }
    .carousel .navigation,
    .hero .carousel .navigation {
        position: static;
        padding: 48px 24px
    }
}

.slider {
    display: flex;
    flex-direction: column;
    margin: 64px 0 96px 0
}

.slider .slider-controls {
    display: flex;
    align-items: center;
    grid-gap: 16px;
    margin: 0 var(--sides) 48px auto
}

.slider .slider-controls button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    font: 0/0 a;
    color: transparent;
    background: none;
    border: 1px solid #000;
    border-radius: 48px
}

.slider .slider-controls button svg {
    width: 16px;
    height: 16px
}

.slider .slider-controls button:hover {
    background: #000;
    cursor: pointer
}

.slider .slider-controls button:hover svg * {
    stroke: #fff
}

.slider .slider-controls .prev svg {
    transform: rotate(180deg)
}

.slider .image-collection {
    display: flex;
    align-items: flex-start;
    grid-gap: var(--grid-gutter);
    padding: 0 var(--sides);
    scroll-padding: var(--sides);
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.slider .image-collection::-webkit-scrollbar {
    display: none
}

.slider .image-collection .image {
    flex: 0 0 auto;
    width: calc((var(--col) * 3) + (var(--grid-gutter) * 2));
    height: auto;
    object-fit: cover;
    scroll-snap-align: start
}

@media(max-width: 768px) {
    .slider {
        margin: 48px 0 48px 0
    }
    .slider .slider-controls {
        display: none
    }
    .slider .image-collection {
        display: flex;
        grid-gap: 8px;
        padding: 0 var(--grid-margin);
        scroll-padding: var(--grid-margin)
    }
    .slider .image-collection .image {
        width: 64vw
    }
}

.label-slider {
    display: flex;
    margin-bottom: 96px;
    width: 100%
}

.label-slider .container {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    grid-gap: 16px;
    width: 100%;
    padding: 0 0 0 var(--sides);
    overflow-y: scroll;
    scroll-snap-type: x mandatory;
    scroll-padding: calc(var(--grid-margin) + var(--col) + var(--grid-gutter));
    -ms-overflow-style: none;
    scrollbar-width: none
}

.label-slider .container::-webkit-scrollbar {
    display: none
}

.label-slider .container:before,
.label-slider .container:after {
    display: block;
    content: "";
    flex-shrink: 0;
    width: 1px
}

.label-slider .container .label-container {
    transition: transform .3s cubic-bezier(0.16, 1, 0.3, 1);
    border: 1px solid #fff
}

.label-slider .container .label-container img {
    display: block;
    object-fit: contain;
    padding: 38px;
    height: 160px;
    width: 160px
}

.label-slider .container .label-container img.hidden {
    opacity: 0
}

.label-slider .container .label-container .text-container {
    display: flex;
    align-items: center;
    height: 40px;
    width: 100%;
    border-top: 1px solid #fff;
    padding: 0 16px
}

.label-slider .container .label-container .text-container .text {
    font-size: 16px;
    margin-right: 4px;
    line-height: 24px;
    color: #fff;
    letter-spacing: -1px
}

.label-slider .container .label-container .text-container .arrow {
    flex: 1;
    transition: transform .3s cubic-bezier(0.16, 1, 0.3, 1)
}

.label-slider .container .label-container .text-container .arrow svg {
    position: relative;
    left: 0;
    width: 16px;
    height: 16px;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1)
}

.label-slider .container .label-container .text-container .arrow svg * {
    stroke: #fff;
    fill: #fff
}

.label-slider .container .label-container:hover .text-container .arrow svg {
    left: calc(100% - 16px)
}

@media(max-width: 1104px) {
    .label-slider {
        overflow: hidden
    }
    .label-slider .container {
        padding: 0;
        grid-gap: var(--grid-gutter)
    }
    .label-slider .container .label-container {
        scroll-snap-align: start
    }
}

@media(max-width: 767px) {
    .label-slider .container .label-container img {
        width: calc((var(--col) * 2) + (var(--grid-gutter) * 1) - var(--grid-gutter) / 2);
        height: calc((var(--col) * 2) + (var(--grid-gutter) * 1) - var(--grid-gutter) / 2)
    }
}

.last-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 var(--sides)
}

.last-section-header .title {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    text-transform: uppercase
}

.last-section-header+.row {
    padding-top: 48px
}

@media(max-width: 768px) {
    .last-section-header .title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px
    }
}

.news {
    width: calc((var(--col) * 3) + (var(--grid-gutter) * 2));
    background: #000
}

.news .news-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid #000;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1)
}

.news .head {
    position: relative;
    height: 192px;
    padding: 24px 0 0 24px
}

.news .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.news .text {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    border-top: 1px solid #fff;
    padding: 24px
}

.news .text .title {
    margin-bottom: 8px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news .text .subtitle {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #404040;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news .text .footer {
    display: flex;
    flex: 1;
    align-items: flex-end;
    margin-top: 16px;
    line-height: 24px
}

.news .text .footer .news-cta {
    display: flex;
    align-items: center;
    margin-right: 8px;
    color: #000
}

.news .text .footer .news-cta:before {
    display: block;
    content: "";
    background: url(../static/images/icons/arrow.svg) no-repeat center center/contain;
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.news .text .footer .news-date {
    font-size: 14px;
    color: #404040;
    text-transform: capitalize
}

.news:hover .news-wrapper {
    transform: translate3d(-6px, -6px, 0)
}

.news.placeholder {
    height: 245px;
    width: calc((var(--col) * 3) + (var(--grid-gutter) * 2))
}

.news.placeholder img {
    background-color: #c4c4c4;
    color: #c4c4c4;
    display: block;
    height: 192px;
    object-fit: cover;
    width: 100%
}

.news.placeholder img.hidden-image {
    display: none
}

.news.placeholder .tagWithoutPhoto {
    background-color: #c4c4c4;
    color: #c4c4c4;
    height: 50px;
    margin-top: 26px;
    margin-left: 22px;
    margin-bottom: 30px;
    transform: rotate(-3deg);
    width: 107px
}

.news.placeholder .text-container {
    margin: 0 24px
}

.news.placeholder .text-container .title,
.news.placeholder .text-container .subtitle {
    background-color: #c4c4c4;
    color: #c4c4c4
}

.news.placeholder .text-container .footer {
    align-items: flex-end;
    display: flex;
    flex: 1;
    width: 100%
}

.news.placeholder .text-container .footer .footer-content {
    align-items: center;
    background-color: #c4c4c4;
    color: #c4c4c4;
    display: flex;
    height: 24px;
    width: 100%
}

.last-news img {
    height: 256px
}

.last-news .news:nth-child(n+2) .subtitle {
    display: none
}

@media(max-width: 768px) {
    .news:hover .news-wrapper {
        transform: none
    }
    .news .text {
        padding-bottom: 24px
    }
    .news .text .title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
        text-transform: uppercase;
        margin-bottom: 8px
    }
    .news .text .footer {
        flex-wrap: wrap
    }
    .news.placeholder {
        height: auto;
        width: calc(100vw - (3 * 24px));
        flex: 1 0 auto
    }
    .news.placeholder.main {
        display: flex;
        flex: 1 0 auto;
        width: calc(100vw - (3 * 24px))
    }
    .news.placeholder .tagWithoutPhoto {
        position: absolute;
        top: 26px;
        left: 22px;
        padding: 0
    }
    .news.placeholder img {
        height: 186px;
        background-color: #c4c4c4;
        color: #c4c4c4;
        display: block;
        width: 100%
    }
    .news.placeholder .text-container {
        padding-bottom: 24px
    }
    .news.placeholder .text-container .title {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        background-color: #c4c4c4;
        color: #c4c4c4;
        display: -webkit-box;
        margin-bottom: 8px;
        overflow: hidden
    }
}

.last-news-scrollable {
    padding-top: 96px
}

.last-news-scrollable .container .row {
    display: flex;
    grid-gap: 32px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-padding: calc((100vw - 1104px) / 2);
    padding: 64px calc((100vw - 1104px) / 2) 0
}

.last-news-scrollable .container .row::-webkit-scrollbar {
    display: none
}

.last-news-scrollable .container .row .news {
    width: 416px;
    flex: 0 0 auto;
    scroll-snap-align: start
}

@media(max-width: 1104px) {
    .last-news-scrollable {
        padding-top: 48px
    }
    .last-news-scrollable .container .row {
        grid-gap: 24px;
        scroll-padding: 24px;
        padding: 24px 24px 0
    }
    .last-news-scrollable .container .row .news {
        width: calc(100vw - (3 * 24px))
    }
    .last-news-scrollable .container .row .news .head {
        height: 186px
    }
}

.video {
    display: flex;
    position: relative;
    border: solid #000 1px;
    flex-direction: column;
    transition: 300ms cubic-bezier(0.16, 1, 0.3, 1)
}

.video:hover {
    transform: translateY(-6px) translateX(-6px);
    box-shadow: 7px 7px 0 0 #000
}

.video.placeholder {
    height: 249px;
    width: 342px;
    background: transparent
}

.video.placeholder .img {
    display: block;
    height: 192px;
    object-fit: cover;
    width: 100%;
    border-bottom: 1px solid #000
}

.video.placeholder .tag {
    background-color: #c4c4c4;
    color: #c4c4c4;
    height: 45px;
    margin-top: 12px;
    margin-left: 12px;
    transform: rotate(-3deg);
    width: 107px
}

.video.placeholder .title {
    margin: 20px 25px 20px 15px;
    background-color: #c4c4c4;
    color: #c4c4c4;
    height: 15px;
    font-weight: 500
}

@media(min-width: 1104px) {
    .video.small {
        height: 249px;
        width: 342px
    }
    .video.small img {
        height: 193px;
        width: 100% !important
    }
}

.video .tag {
    position: absolute;
    top: 26px;
    left: 22px
}

.video img {
    display: block;
    border-bottom: 1px solid #000;
    object-fit: cover;
    height: 234px;
    width: 416px
}

.video .title {
    display: flex;
    align-items: center;
    padding: 0 24px;
    height: 56px
}

.video .title span {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: min-content;
    font-weight: 500;
    color: #000
}

@media(max-width: 768px) {
    .video {
        scroll-snap-align: start
    }
    .video:hover {
        transform: none;
        box-shadow: none
    }
    .video img {
        height: 173px;
        width: calc(100vw - (3 * 24px))
    }
    .video .title span {
        font-weight: 400
    }
}

.playlist {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 416px;
    border: solid #000 1px;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1)
}

.playlist:hover {
    transform: translateY(-6px) translateX(-6px);
    box-shadow: 7px 7px 0 0 #000
}

.playlist .tag {
    position: absolute;
    top: 26px;
    left: 22px
}

.playlist img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 416px;
    border-bottom: 1px solid #000
}

.playlist .title {
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 24px
}

.playlist .title span {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: min-content;
    color: #000
}

@media(max-width: 768px) {
    .playlist {
        flex-shrink: 0;
        min-width: 0;
        width: calc(100vw - (3 * var(--grid-margin)));
        scroll-snap-align: start
    }
    .playlist:hover {
        transform: none;
        box-shadow: none
    }
    .playlist .title {
        font-size: 16px;
        line-height: 24px;
        font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
        font-weight: 400;
        letter-spacing: -0.02em
    }
    .playlist img {
        height: calc(100vw - (3 * var(--grid-margin)))
    }
}

.poster {
    position: relative;
    width: 100%;
    margin-top: 96px
}

.labels+.poster {
    background: #000;
    position: relative;
    margin-top: 0
}

.labels+.poster:before {
    position: absolute;
    top: -1px;
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #000
}

.poster .poster-content {
    position: relative;
    background: #000;
    display: flex;
    width: 100%;
    clip-path: polygon(0% calc(0.0436609429 * 100vw), 100% 0%, 100% 100%, 0% 100%)
}

.poster .text {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc((var(--col) * 6) + (var(--grid-gutter) * 5));
    margin: 0 auto 0 var(--sides);
    padding: 180px 0 96px 0
}

.poster .text .title {
    margin-top: 48px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 48px;
    line-height: 64px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.poster .text .excerpt {
    width: calc((var(--col) * 5) + (var(--grid-gutter) * 4));
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.poster .text .button {
    margin-top: 48px
}

.poster .photo {
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
    width: calc((var(--col) * 8) + (var(--grid-gutter) * 7) + var(--grid-margin));
    height: 100%
}

.poster .photo:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background: linear-gradient(to right, #000000, transparent 50%)
}

.poster .photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(min-width: 1441px) {
    .poster .text {
        width: calc((var(--col) * 5) + (var(--grid-gutter) * 4))
    }
    .poster .text .excerpt {
        width: calc((var(--col) * 4) + (var(--grid-gutter) * 3))
    }
    .poster .photo {
        right: var(--sides);
        width: calc((var(--col) * 7) + (var(--grid-gutter) * 6))
    }
    .poster .photo:before {
        background: linear-gradient(to right, #000000, transparent 75%, #000000)
    }
}

@media(max-width: 768px) {
    .poster {
        margin-top: 48px
    }
    .poster .poster-content {
        flex-direction: column;
        padding: 48px 0
    }
    .poster .text {
        width: auto;
        margin-left: 0;
        padding: 75vw 24px 0 24px
    }
    .poster .text .title {
        margin-top: 24px;
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px
    }
    .poster .text .excerpt {
        width: auto;
        margin-top: 8px
    }
    .poster .photo {
        top: 0;
        bottom: auto;
        right: auto;
        width: 100%;
        height: 100vw
    }
    .poster .photo:before {
        background: linear-gradient(to top, #000000, 30%, rgba(255, 0, 0, 0))
    }
    .poster .photo img {
        max-width: none;
        width: 100%
    }
}

.product {
    display: flex;
    position: relative;
    border: solid #000 1px;
    height: 100%;
    flex-direction: column;
    width: 312px
}

.product:hover {
    transform: translateY(-6px) translateX(-6px);
    transition: 300ms cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 7px 7px 0 0 #000
}

.product img {
    display: block;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.product img.hidden-image {
    display: none
}

.product .text-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    border-top: 1px solid #fff;
    padding: 24px
}

.product .text-container .text {
    font-size: 16px;
    margin-right: 4px;
    line-height: 24px;
    color: #fff
}

.product .text-container .title {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.product .text-container .footer {
    display: flex;
    flex: 1;
    align-items: flex-end;
    width: 100%
}

.product .text-container .footer .footer-content {
    display: flex;
    align-items: center;
    width: 100%
}

.product .text-container .footer .footer-content .footer-text {
    font-size: 16px;
    margin-right: 10px;
    line-height: 24px;
    text-transform: none;
    color: #000
}

.product .text-container .footer .footer-content .footer-text.light-text {
    font-size: 14px;
    margin-right: 0px;
    color: #404040
}

.product .text-container .footer .footer-content svg {
    margin-right: 8px;
    width: 12px;
    height: 12px
}

@media(max-width: 1104px) {
    .product {
        height: auto;
        width: calc(100vw - (3 * 24px));
        flex: 1 0 auto
    }
    .product img {
        max-height: 185px
    }
    .product .text-container {
        padding-bottom: 24px
    }
    .product .text-container .title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
        text-transform: uppercase;
        margin-bottom: 8px
    }
}

.title-subtitle-component .title-container .title {
    font-size: 80px;
    line-height: 96px;
    font-weight: bold;
    margin-bottom: 16px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    text-transform: uppercase
}

.title-subtitle-component .title-container .description {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #404040;
    margin-bottom: 64px
}

@media(max-width: 1104px) {
    .title-subtitle-component .title-container {
        padding: 0 24px
    }
    .title-subtitle-component .title-container .title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 48px;
        font-weight: bold;
        line-height: 64px
    }
    .title-subtitle-component .title-container .description {
        margin-bottom: 32px
    }
}

.title-with-category .title-container {
    margin-top: 96px
}

.title-with-category .title-container .title {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    text-transform: uppercase;
    margin-bottom: 5px
}

.title-with-category .title-container .tag {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 4px 8px;
    align-self: flex-start;
    background-color: #fff;
    border: 2px solid #000;
    transform: rotate(-3deg);
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    width: max-content;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    color: #000
}

.title-centered {
    text-align: center;
    text-transform: uppercase
}

.title-centered .subtitle {
    color: gray;
    letter-spacing: -1px
}

.title-centered .title {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px
}

.title-centered .subtitle+.title {
    margin-top: 16px
}

@media(max-width: 1104px) {
    .title-centered .title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px
    }
}

.playlists-row {
    display: flex;
    grid-gap: 32px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.playlists-row::-webkit-scrollbar {
    display: none
}

.playlists-row:before,
.playlists-row:after {
    display: block;
    content: "";
    flex-shrink: 0;
    width: 1px
}

@media(max-width: 768px) {
    .playlists-row {
        grid-gap: 24px;
        margin: 24px var(--sides) 48px;
        scroll-snap-type: x mandatory;
        scroll-padding: var(--grid-margin)
    }
}

.videos-row .container {
    padding-top: 96px
}

.videos-row .container .last-section-header {
    margin: 0 auto;
    padding-top: 0;
    max-width: 1104px;
    width: 100%
}

.videos-row .container .row {
    padding-left: calc((100vw - 1104px) / 2);
    padding-right: calc((100vw - 1104px) / 2);
    padding-top: 48px;
    display: flex;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-bottom: 0;
    grid-gap: 32px
}

.videos-row .container .row::-webkit-scrollbar {
    display: none
}

.videos-row .container .row .item {
    height: auto;
    flex: 0 0 auto;
    width: 416px
}

.videos-row .container .row .item img {
    width: 100%
}

@media(max-width: 1104px) {
    .videos-row .container {
        padding-bottom: 48px
    }
    .videos-row .container .row {
        padding-left: 24px;
        padding-right: 24px;
        grid-gap: 24px
    }
    .videos-row .container .row .item {
        width: calc(100vw - (24px) * 3)
    }
}

.scrolling-ribbon-container {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

.scrolling-ribbon-container:first-child .scrolling-ribbon {
    top: 0;
    transform-origin: top right
}

.scrolling-ribbon-container:last-child .scrolling-ribbon {
    bottom: 0;
    transform-origin: bottom left
}

.scrolling-ribbon {
    position: absolute;
    display: flex;
    width: 100%;
    overflow: hidden;
    background: #000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 0 0 0 1px #000;
    transform: rotate(-2.5deg)
}

.scrolling-ribbon .content {
    display: flex;
    align-items: center;
    grid-gap: 16px;
    font-size: 32px;
    line-height: 48px;
    color: #fff;
    letter-spacing: -0.04em;
    text-transform: uppercase
}

.scrolling-ribbon .content>* {
    flex: 0 0 auto
}

.filters-sticky {
    background-color: #fff;
    display: flex;
    justify-content: center;
    position: fixed;
    top: 133px;
    width: 100%;
    z-index: 10;
    border-bottom: solid 1px #bfbfbf
}

.filters-sticky.hidden {
    display: none
}

.filters-sticky.isScrolled .filters-container {
    margin: 16px 0
}

.filters-container {
    display: flex;
    flex-direction: column;
    margin: 24px 0
}

.filters-container .filters-title {
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 16px
}

.filters-container .filters-items-container {
    display: flex;
    flex-wrap: wrap
}

.filters-container .filters-items-container .filters-item,
.filters-container .filters-items-container .filters-item-placeholder {
    font-size: 14px;
    line-height: 22px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: fit-content;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid #000
}

.filters-container .filters-items-container .filters-item:hover,
.filters-container .filters-items-container .filters-item-placeholder:hover {
    background: #e5e5e5
}

.filters-container .filters-items-container .filters-item.selected,
.filters-container .filters-items-container .filters-item-placeholder.selected {
    background: #e5e5e5
}

.filters-container .filters-items-container .filters-item.selected.label,
.filters-container .filters-items-container .filters-item-placeholder.selected.label {
    line-height: 20px
}

.filters-container .filters-items-container .filters-item.selected.label.all,
.filters-container .filters-items-container .filters-item-placeholder.selected.label.all {
    background: #fff;
    border-color: #fff;
    color: #000
}

.filters-container .filters-items-container .filters-item:hover {
    cursor: pointer
}

.filters-container .filters-items-container .filters-item-placeholder {
    width: 70px;
    border: 1px solid #e5e5e5;
    background: #e5e5e5;
    color: transparent
}

.filters-container .filters-items-container .filters-item-placeholder.bigText {
    width: 120px
}

body.admin-bar .filters-sticky {
    top: 166px
}

@media(max-width: 1104px) {
    .filters-container.category {
        margin-bottom: 0
    }
    .filters-container .filters-title {
        margin-bottom: 16px;
        padding: 0 24px
    }
    .filters-container .filters-items-container {
        padding: 0 24px;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
    .filters-container .filters-items-container::-webkit-scrollbar {
        display: none
    }
    body.admin-bar .filters-sticky {
        top: 118px
    }
    .filters-sticky {
        background-color: #fff;
        border-bottom: solid 1px #bfbfbf;
        display: flex;
        justify-content: center;
        position: fixed;
        top: 118px;
        width: 100%;
        z-index: 10
    }
    .filters-sticky.hidden {
        display: none
    }
}

.copy-link-button {
    position: relative
}

.copy-link-button .tooltip {
    position: absolute;
    top: 0;
    left: 50%;
    padding: 8px 16px;
    background: #000;
    border-radius: 32px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    transform: translate3D(-50%, -100%, 0);
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1)
}

.copy-link-button .tooltip:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -8px;
    left: calc(50% - 8px);
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    background: #000
}

.copy-link-button .tooltip .success {
    display: none
}

.copy-link-button .tooltip.copied .label {
    display: none
}

.copy-link-button .tooltip.copied .success {
    display: block
}

.copy-link-button:hover {
    cursor: pointer
}

.copy-link-button:hover .tooltip {
    opacity: 1;
    transform: translate3D(-50%, calc(-100% - 12px), 0)
}

.error {
    flex-direction: column;
    align-items: center;
    padding: 145px 0 0
}

.error-404 {
    font-weight: 700;
    font-size: 200px;
    line-height: 96px;
    text-transform: uppercase;
    font-family: "Tusker Grotesk", "Impact", sans-serif
}

.error-text {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 112px;
    font-family: "Tusker Grotesk", "Impact", sans-serif
}

.error-info {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-top: 16px;
    max-width: 370px;
    letter-spacing: -0.02em
}

.error .button-primary {
    margin-top: 56px
}

@media(max-width: 1104px) {
    .error {
        padding: 195px 0 0
    }
}

@media(max-width: 768px) {
    .error {
        padding: 66px 16px 0
    }
    .error-404 {
        font-size: 112px
    }
    .error-text {
        font-size: 24px;
        margin-top: 48px
    }
    .error .button-primary {
        margin-top: 45px
    }
}

.our-mission {
    display: flex;
    flex-direction: column;
    padding-top: 96px
}

.our-mission .text-container {
    display: flex;
    flex-direction: column;
    margin-left: var(--sides)
}

.our-mission .text-container .subtitle {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 700;
    color: #404040;
    text-transform: uppercase;
    margin-bottom: 24px
}

.our-mission .text-container .center-content {
    display: flex;
    align-items: center;
    grid-gap: calc(2 * var(--grid-gutter) + var(--col))
}

.our-mission .text-container .center-content .column {
    display: flex;
    flex-direction: column;
    width: calc((var(--col) * 6) + (var(--grid-gutter) * 5))
}

.our-mission .text-container .center-content .column .title {
    margin-bottom: 24px;
    font-size: 64px;
    line-height: 80px;
    font-weight: bold;
    margin-bottom: 24px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    text-transform: uppercase
}

.our-mission .text-container .center-content .column .text {
    width: calc((var(--col) * 4) + (var(--grid-gutter) * 3));
    font-size: 16px;
    line-height: 24px;
    color: #404040;
    max-width: 415px
}

@media(max-width: 1104px) {
    .our-mission .text-container .center-content {
        grid-gap: var(--grid-gutter)
    }
    .our-mission .text-container .center-content .column {
        width: calc((var(--col) * 7) + (var(--grid-gutter) * 6))
    }
}

@media(max-width: 768px) {
    .our-mission {
        padding-top: 48px
    }
    .our-mission .text-container {
        padding: 0 var(--grid-margin);
        margin: 0
    }
    .our-mission .text-container .subtitle {
        margin-bottom: 8px
    }
    .our-mission .text-container .center-content {
        flex-direction: column;
        grid-gap: 0
    }
    .our-mission .text-container .center-content .column {
        width: 100%
    }
    .our-mission .text-container .center-content .column .title {
        margin-bottom: 16px;
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px
    }
    .our-mission .text-container .center-content .column .text {
        width: auto;
        margin-bottom: 48px
    }
}

@media(min-width: 1441px) {
    .our-mission .text-container .center-content .column {
        width: calc((var(--col) * 4) + (var(--grid-gutter) * 3))
    }
}

.labels {
    height: 700px;
    background-color: #000;
    padding: 120px 0px 128px 0px
}

.labels .title-container {
    padding: 0px 112px 0px 112px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 96px;
    text-align: center
}

.labels .title-container .small-title {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 700;
    color: gray;
    text-transform: uppercase;
    margin-bottom: 8px
}

.labels .title-container .big-title {
    font-size: 64px;
    line-height: 80px;
    font-weight: bold;
    margin-bottom: 24px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    color: #fff;
    text-transform: uppercase
}

@media(max-width: 768px) {
    .labels {
        height: 500px;
        padding: 48px 0px 48px 0px
    }
    .labels .title-container {
        padding: 0px 90px 0px 90px;
        margin-bottom: 32px
    }
    .labels .title-container .small-title {
        margin-bottom: 8px
    }
    .labels .title-container .big-title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px;
        color: #fff;
        text-transform: uppercase
    }
}

.last-news {
    margin: 96px 0 0
}

.last-news .row {
    display: grid;
    --main-cell: calc((var(--col) * 4) + (var(--grid-gutter) * 3));
    grid-template-columns: var(--main-cell) 1fr 1fr;
    grid-gap: var(--grid-gutter);
    margin: 0 var(--sides);
    padding: 48px 0 0
}

.last-news .row .news {
    width: auto
}

.last-news .row .news:first-child {
    grid-row: span 2
}

.last-news .row .news:first-child .head {
    height: calc(50% - 8px)
}

.last-news .row .news:not(:first-child) .head {
    height: auto
}

.last-news .row .news:not(:first-child) .thumbnail {
    display: none
}

@media(min-width: 1440px) {
    .last-news .row {
        grid-template-columns: 1.5fr 1fr 1fr
    }
}

@media(max-width: 768px) {
    .last-news {
        margin: 48px 0 0 0
    }
    .last-news .row {
        display: flex;
        grid-gap: var(--grid-margin);
        padding: var(--grid-margin) var(--grid-margin) 48px;
        margin: 0;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        scroll-padding: var(--grid-margin);
        -ms-overflow-style: none;
        scrollbar-width: none
    }
    .last-news .row::-webkit-scrollbar {
        display: none
    }
    .last-news .row .news {
        scroll-snap-align: start
    }
    .last-news .row .news:first-child,
    .last-news .row .news:not(:first-child) {
        width: calc(100vw - (3 * var(--grid-margin)));
        flex: 1 0 auto
    }
    .last-news .row .news:first-child .head,
    .last-news .row .news:not(:first-child) .head {
        height: 186px
    }
    .last-news .row .news:first-child .thumbnail,
    .last-news .row .news:not(:first-child) .thumbnail {
        display: block
    }
    .last-news .row .news:first-child .subtitle,
    .last-news .row .news:not(:first-child) .subtitle {
        display: -webkit-box
    }
    .last-news .mobile-only {
        display: flex;
        align-items: flex-start;
        margin-left: var(--grid-margin)
    }
}

.last-videos {
    margin: 96px 0 0
}

.last-videos .row {
    display: flex;
    grid-gap: 32px;
    padding: 48px calc(var(--sides) - var(--grid-gutter)) 0;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-padding: var(--grid-margin)
}

.last-videos .row::-webkit-scrollbar {
    display: none
}

.last-videos .row:before,
.last-videos .row:after {
    display: block;
    content: "";
    flex-shrink: 0;
    width: 1px
}

.last-videos .row .news-container.main {
    display: flex;
    min-height: 234px !important;
    min-width: 416px
}

@media(max-width: 768px) {
    .last-videos {
        margin: 48px 0 0
    }
    .last-videos .row {
        grid-gap: 24px;
        padding: 0 24px;
        padding-top: 24px;
        padding-bottom: 48px
    }
    .last-videos .custom-button {
        margin-left: 24px;
        margin-bottom: 72px;
        width: fit-content
    }
}

.last-playlists {
    margin: 96px 0 0
}

.last-playlists .playlists-row {
    padding: 48px calc(var(--sides) - var(--grid-gutter)) 0
}

@media(max-width: 768px) {
    .last-playlists {
        margin: 48px 0 0
    }
    .last-playlists .playlists-row {
        padding-top: 24px;
        margin: 0
    }
    .last-playlists .see-more {
        display: flex;
        justify-content: flex-start;
        margin: 48px 24px 0
    }
}

.artist-header {
    position: relative;
    width: 100%
}

.artist-header .pop-in {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 11
}

.artist-header .pop-in.target {
    display: flex
}

.artist-header .pop-in::before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .6)
}

.artist-header .pop-in-content {
    position: relative;
    background: #fff;
    width: 864px;
    max-height: 80vh;
    padding: 50px 40px 62px 80px;
    z-index: 2
}

.artist-header .pop-in .close {
    position: absolute;
    cursor: pointer;
    right: 32px;
    top: 32px
}

.artist-header .pop-in .title {
    font-weight: 700;
    font-size: 48px;
    line-height: 64px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    text-transform: uppercase;
    margin-bottom: -10px
}

.artist-header .pop-in .description {
    margin-top: 40px;
    max-height: 50vh;
    overflow-y: auto;
    padding-right: 60px;
    white-space: pre-wrap;
    font-size: 16px;
    line-height: 24px
}

.artist-header .pop-in .description em {
    font-style: italic
}

.artist-header .pop-in .description strong {
    font-weight: bolder
}

.artist-header .pop-in .description a {
    text-decoration: underline;
    font-weight: bold
}

.artist-header .pop-in .description::-webkit-scrollbar-thumb {
    width: 6px;
    background: #bfbfbf;
    border-radius: 20px
}

.artist-header .pop-in .description::-webkit-scrollbar {
    width: 6px;
    background: #e5e5e5;
    border-radius: 20px
}

.artist-header .pop-in .description p {
    margin-top: 32px
}

.artist-header .poster-content {
    background: #000;
    display: flex;
    position: relative;
    width: 100%
}

.artist-header .text {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-left: var(--sides);
    padding: 144px 0 96px 0;
    position: relative;
    width: 100%;
    z-index: 1
}

.artist-header .text .back-container {
    align-items: center;
    cursor: pointer;
    display: flex
}

.artist-header .text .back-container .arrow {
    margin-right: 8px;
    transform: rotate(180deg)
}

.artist-header .text .back-container .arrow svg * {
    stroke: #bfbfbf
}

.artist-header .text .back-container .back-title {
    color: #bfbfbf;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-size: 16px;
    letter-spacing: -0.04em;
    line-height: 19.9px
}

.artist-header .text .back-container:hover .arrow svg * {
    stroke: #fff
}

.artist-header .text .back-container:hover .back-title {
    color: #fff
}

.artist-header .text .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    margin-bottom: 16px;
    margin-top: 48px;
    text-transform: uppercase;
    width: 50%
}

.artist-header .text .description {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #bfbfbf;
    font-size: 16px;
    line-height: 24px;
    max-width: 528px;
    letter-spacing: -0.02em;
    margin-bottom: 48px
}

.artist-header .text .description em {
    font-style: italic
}

.artist-header .text .description strong {
    font-weight: bolder;
    color: #e5e5e5
}

.artist-header .text .description a {
    color: #e5e5e5;
    text-decoration: underline;
    font-weight: bold
}

.artist-header .text .more-description {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    letter-spacing: -0.02em;
    display: none;
    margin-top: -32px;
    margin-bottom: 48px;
    cursor: pointer
}

.artist-header .text .more-description.active {
    display: flex
}

.artist-header .text .more-description:hover .more-arrow {
    transform: translateX(8px)
}

.artist-header .text .more-description .more-arrow {
    transform: translateX(0);
    transition: transform .3s cubic-bezier(0.16, 1, 0.3, 1);
    margin-left: 8px
}

.artist-header .text .more-description .more-arrow svg * {
    stroke: #fff
}

.artist-header .text .link-container {
    display: flex;
    align-items: center;
    margin-bottom: 96px
}

.artist-header .text .link-container .button {
    margin-right: 48px
}

.artist-header .text .link-container .icon-list-container {
    display: flex;
    align-items: center
}

.artist-header .text .link-container .icon-list-container .icon-container {
    margin-right: 24px;
    display: flex;
    height: 20px;
    width: 20px
}

.artist-header .text .link-container .icon-list-container .icon-container.icon-website svg * {
    fill: transparent;
    stroke: #bfbfbf
}

.artist-header .text .link-container .icon-list-container .icon-container.icon-website:hover svg * {
    fill: transparent;
    stroke: #fff
}

.artist-header .text .link-container .icon-list-container .icon-container svg * {
    fill: #bfbfbf
}

.artist-header .text .link-container .icon-list-container .icon-container:hover svg * {
    fill: #fff
}

.artist-header .bloc-container {
    display: flex
}

.artist-header .bloc-container .label-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 240px;
    width: 304px;
    border: 1px solid #fff;
    transition: transform .3s cubic-bezier(0.16, 1, 0.3, 1)
}

.artist-header .bloc-container .label-container:hover .arrow {
    transform: translateX(10px)
}

.artist-header .bloc-container .label-container img {
    display: block;
    object-fit: contain;
    height: 96px;
    width: 96px;
    margin-bottom: 24px
}

.artist-header .bloc-container .label-container img.hidden {
    opacity: 0
}

.artist-header .bloc-container .label-text-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.artist-header .bloc-container .label-text-container .label-link {
    text-align: center;
    font-size: 16px;
    margin-right: 4px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #fff
}

.artist-header .bloc-container .label-text-container .arrow {
    transition: transform .3s cubic-bezier(0.16, 1, 0.3, 1)
}

.artist-header .bloc-container .label-text-container .arrow svg {
    width: 24px;
    height: 24px
}

.artist-header .bloc-container .label-text-container .arrow svg * {
    stroke: #fff;
    fill: #fff
}

.artist-header .bloc-container .category-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 240px;
    width: 304px;
    border: 1px solid #fff;
    transition: transform .3s cubic-bezier(0.16, 1, 0.3, 1);
    margin-left: 26px
}

.artist-header .bloc-container .category-container:hover .arrow {
    transform: translateX(10px)
}

.artist-header .bloc-container .category-container .category-title-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 96px;
    margin-bottom: 24px
}

.artist-header .bloc-container .category-container .category-title-container .category-title {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
    color: #fff;
    text-transform: uppercase
}

.artist-header .bloc-container .category-container .tag-container .genre {
    transform: none
}

.artist-header .photo {
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    width: 816px;
    z-index: 0
}

.artist-header .photo:before {
    background: linear-gradient(to right, #000000, 50%, transparent);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.artist-header .photo img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.labels+.poster .poster-content:before {
    background: #000
}

@media(max-width: 768px) {
    .artist-header .poster-content {
        flex-direction: column;
        padding: 48px 0
    }
    .artist-header .pop-in-content {
        padding: 30px 10px 30px 32px;
        width: 90%
    }
    .artist-header .pop-in .close {
        top: 8px;
        right: 8px
    }
    .artist-header .pop-in .description {
        padding-right: 20px;
        height: 75%;
        font-size: 14px;
        line-height: 22px
    }
    .artist-header .pop-in .description::-webkit-scrollbar-thumb,
    .artist-header .pop-in .description::-webkit-scrollbar {
        width: 3px
    }
    .artist-header .pop-in .description p {
        margin-top: 24px
    }
    .artist-header .pop-in .title {
        margin-bottom: 0
    }
    .artist-header .text {
        margin: 0;
        padding: 75vw var(--sides) 0 var(--sides)
    }
    .artist-header .text .title {
        margin-top: 24px;
        width: auto;
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 48px;
        font-weight: bold;
        line-height: 64px
    }
    .artist-header .text .description {
        font-weight: normal
    }
    .artist-header .text .more-description.active-mobile {
        display: flex
    }
    .artist-header .text .link-container {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 48px
    }
    .artist-header .text .link-container .button {
        margin-bottom: 48px
    }
    .artist-header .bloc-container {
        flex-direction: column
    }
    .artist-header .bloc-container .label-container,
    .artist-header .bloc-container .category-container {
        height: 192px;
        width: calc(100vw - 48px)
    }
    .artist-header .bloc-container .category-container {
        margin-top: 16px;
        margin-left: unset
    }
    .artist-header .photo {
        bottom: auto;
        height: 100vw;
        right: auto;
        top: 0;
        width: 100%
    }
    .artist-header .photo:before {
        background: linear-gradient(to top, #000000, 30%, transparent)
    }
    .artist-header .photo img {
        max-width: none;
        width: 100%
    }
}

@media(min-width: 1500px) {
    .artist-header .photo {
        right: calc((100vw - 1104px) / 2)
    }
    .artist-header .photo:before {
        background: linear-gradient(to left, #000000, transparent, #000000)
    }
}

.artist-content {
    display: flex;
    flex-direction: column
}

.artist-content .artist-news,
.artist-content .artist-playlists,
.artist-content .artist-videos,
.artist-content .artist-products {
    padding-top: 96px
}

.artist-content .artist-news .last-section-header,
.artist-content .artist-playlists .last-section-header,
.artist-content .artist-videos .last-section-header,
.artist-content .artist-products .last-section-header {
    padding-top: 0
}

.artist-content .artist-news .row,
.artist-content .artist-playlists .row,
.artist-content .artist-videos .row,
.artist-content .artist-products .row {
    padding: 48px var(--sides) 0;
    display: flex;
    overflow-x: scroll;
    margin-bottom: 0;
    grid-gap: 32px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.artist-content .artist-news .row::-webkit-scrollbar,
.artist-content .artist-playlists .row::-webkit-scrollbar,
.artist-content .artist-videos .row::-webkit-scrollbar,
.artist-content .artist-products .row::-webkit-scrollbar {
    display: none
}

.artist-content .artist-news .row .item,
.artist-content .artist-playlists .row .item,
.artist-content .artist-videos .row .item,
.artist-content .artist-products .row .item {
    height: auto;
    flex: 0 0 auto;
    width: 416px
}

.artist-content .artist-news .row .item img,
.artist-content .artist-playlists .row .item img,
.artist-content .artist-videos .row .item img,
.artist-content .artist-products .row .item img {
    width: 100%
}

@media(max-width: 1104px) {
    .artist-content {
        padding-bottom: 48px
    }
    .artist-content .artist-news,
    .artist-content .artist-playlists,
    .artist-content .artist-videos,
    .artist-content .artist-products {
        padding-top: 48px
    }
    .artist-content .artist-news .row,
    .artist-content .artist-playlists .row,
    .artist-content .artist-videos .row,
    .artist-content .artist-products .row {
        padding-left: 24px;
        padding-right: 24px;
        grid-gap: 24px
    }
    .artist-content .artist-news .row .item,
    .artist-content .artist-playlists .row .item,
    .artist-content .artist-videos .row .item,
    .artist-content .artist-products .row .item {
        width: calc(100vw - (24px) * 3)
    }
}

.artist-collection {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 54px
}

.artist-collection .artist {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 170px
}

.artist-collection .artist .photo {
    border-radius: 50%;
    height: 160px;
    object-fit: cover;
    width: 160px;
    display: block
}

.artist-collection .artist .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
    max-width: 100%
}

.artist-collection .artist .text .title {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%
}

.artist-collection .artist .text .tags {
    margin-top: 8px
}

.artist-collection .artist .text .tags .genre {
    transform: none
}

.artist-collection .artist.placeholder .photo {
    background: #c4c4c4;
    overflow: hidden
}

.artist-collection .artist.placeholder .photo:before {
    display: block;
    content: "";
    width: 20%;
    height: 100%;
    background: rgba(255, 255, 255, .2);
    animation: 3s infinite scanning cubic-bezier(0.16, 1, 0.3, 1)
}

.artist-collection .artist.placeholder .text {
    width: 100%
}

.artist-collection .artist.placeholder .text .title {
    background: #c4c4c4;
    margin-bottom: 5px;
    width: 100%;
    color: transparent
}

.artist-collection .artist.placeholder .text .tag {
    color: transparent;
    background: #c4c4c4;
    border: 1px solid #c4c4c4;
    width: 107px
}

@media(max-width: 1104px) {
    .artist-collection {
        grid-gap: 48px 22px;
        width: 100%
    }
    .artist-collection .artist .photo {
        width: 152px;
        height: 152px
    }
    .artist-collection .text {
        max-width: 100%
    }
    .artist-collection .text .tags .genre {
        font-size: min(3.7vw, 16px)
    }
}

@media(max-width: 768px) {
    .artist-collection .artist .text .title {
        font-size: 20px
    }
}

@media(max-width: 415px) {
    .artist-collection .artist {
        width: 45%
    }
}

.news-header {
    display: flex;
    padding-top: 48px;
    justify-content: center;
    width: 100%
}

.news-header .container {
    width: 1104px
}

@media(max-width: 1104px) {
    .news-header {
        overflow: hidden
    }
    .news-header .container {
        width: 100%
    }
}

.news-filters {
    display: flex;
    justify-content: center;
    width: 100%
}

.news-filters .container {
    width: 1104px
}

@media(max-width: 1104px) {
    .news-filters .container {
        width: 100%
    }
}

.news-list {
    margin: 0 auto;
    max-width: 1104px;
    width: 100%
}

.news-list .end-result-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 64px 0;
    margin-bottom: 128px;
    justify-content: center;
    border: 1px solid #e5e5e5;
    width: 100%
}

.news-list .end-result-container .circle {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    border: 1px solid #000
}

.news-list .end-result-container .circle .dot {
    background: #000;
    margin-left: 4px;
    border-radius: 50%;
    margin-right: 4px;
    height: 4px;
    width: 4px
}

.news-list .end-result-container .title {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 4px
}

.news-list .end-result-container .subtitle {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    color: #404040;
    max-width: 20vw;
    letter-spacing: -0.02em;
    text-align: center
}

.news-list .title-container {
    margin-top: 96px;
    margin-bottom: 12px
}

.news-list .title-container .title {
    text-transform: uppercase;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px
}

.news-list .title-container .tag {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    transform: rotate(-3deg);
    width: max-content
}

.news-list .title-container .tag .label {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #000;
    text-transform: uppercase;
    height: 28px;
    padding: 4px 8px;
    line-height: 19px !important
}

.news-list .title-container .tag .label.all,
.news-list .title-container .tag .label.unclassed {
    background: #fff;
    color: #000;
    border: 1px solid #000
}

.news-list .row {
    padding-bottom: 96px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: min-content;
    grid-auto-columns: min-content;
    grid-gap: 32px;
    width: 100%
}

.news-list .row .news {
    width: 100%;
    min-width: 100%
}

.news-list .row .news:nth-child(n+4) .head {
    height: auto
}

.news-list .row .news:nth-child(n+4) .thumbnail {
    display: none
}

@media(max-width: 1104px) {
    .news-list {
        margin-right: 24px
    }
    .news-list .end-result-container {
        margin: 0 24px 96px;
        width: auto
    }
    .news-list .end-result-container .subtitle {
        max-width: 50vw
    }
    .news-list .title-container {
        margin: 48px 24px 16px 24px
    }
    .news-list .title-container .title {
        margin-bottom: 3px;
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px
    }
    .news-list .row {
        align-items: center;
        padding: 24px 17px;
        padding-bottom: 48px;
        display: flex;
        flex-direction: column;
        grid-gap: 24px;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
    .news-list .row::-webkit-scrollbar {
        display: none
    }
    .news-list .row .news {
        width: calc((100vw - 17px * 2))
    }
    .news-list .row .news .head,
    .news-list .row .news:nth-child(n+4) .head {
        height: 186px
    }
    .news-list .row .news .thumbnail,
    .news-list .row .news:nth-child(n+4) .thumbnail {
        display: block
    }
    .news-list .custom-button {
        margin-left: 24px;
        width: fit-content;
        margin-bottom: 60px
    }
}

.search-header {
    display: flex;
    padding-top: 48px;
    margin: 0 var(--sides)
}

.search-header .container .title-container .title {
    font-size: 80px;
    line-height: 96px;
    font-weight: bold;
    margin-bottom: 16px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    text-transform: uppercase;
    margin-bottom: 64px
}

.search-header .container .title-container .description {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #404040;
    margin-bottom: 64px;
    width: calc((var(--col) * 5) + (var(--grid-gutter) * 4))
}

@media(max-width: 768px) {
    .search-header {
        overflow: hidden
    }
    .search-header .container {
        width: 100%
    }
    .search-header .container .title-container .title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 48px;
        font-weight: bold;
        line-height: 64px;
        margin-bottom: 24px
    }
    .search-header .container .title-container .description {
        font-size: 16px;
        line-height: 24px;
        font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
        font-weight: 400;
        letter-spacing: -0.02em;
        margin-bottom: 48px;
        width: auto
    }
}

.search-inputs .input-container {
    position: relative;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1)
}

.search-inputs .input-container.focused,
.search-inputs .input-container:hover {
    transform: translateY(-6px) translateX(-6px);
    box-shadow: 7px 7px 0 0 #000
}

.search-inputs .input-container .icon {
    align-items: center;
    display: flex;
    height: 100%;
    left: 36px;
    position: absolute
}

.search-inputs .input-container .cross-icon {
    cursor: pointer;
    align-items: center;
    display: flex;
    height: 100%;
    top: 0;
    right: 40px;
    position: absolute
}

.search-inputs .input-container .cross-icon img {
    height: 26px;
    width: 26px
}

.search-inputs .input-container input {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    font-size: 24px;
    line-height: 32px;
    border: 1px solid #000;
    height: 96px;
    padding-left: 72px;
    width: 100%
}

.search-inputs .input-container input:focus {
    color: #000;
    outline-width: 0
}

.search-inputs .input-container input::placeholder {
    color: #404040
}

@media(max-width: 768px) {
    .search-inputs .container {
        width: 100%
    }
    .search-inputs .container .input-container input {
        height: 72px;
        padding-left: 65px;
        font-size: 16px;
        line-height: 24px
    }
    .search-inputs .container .input-container input::placeholder {
        color: #404040
    }
    .search-inputs .container .input-container .icon {
        left: 27px
    }
}

.search-filters-wrapper {
    display: flex;
    margin-top: 12px
}

.search-filters-wrapper.news-search .filters-container.search-filters .filters-title {
    padding: 16px 0
}

.search-filters-wrapper.news-search .filters-container.search-filters .filters-title.active {
    color: #404040
}

.search-filters-wrapper.news-search .filters-container.search-filters .filters-items-container {
    width: 652px
}

.search-filters-wrapper.news-search .filters-container.search-filters .close-icon {
    display: none;
    border: none;
    padding: 0;
    background: #fff
}

.search-filters-wrapper .filters-container.search-filters {
    position: relative;
    margin: 0
}

.search-filters-wrapper .filters-container.search-filters:first-child {
    margin-right: 24px
}

.search-filters-wrapper .filters-container.search-filters:hover .filters-items-container {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all
}

.search-filters-wrapper .filters-container.search-filters:hover .filters-title:after {
    transform: none
}

.search-filters-wrapper .filters-container.search-filters .filters-title {
    display: flex;
    align-items: center;
    text-transform: inherit;
    cursor: pointer;
    margin: 0;
    padding: 12px 12px 12px 0;
    outline: none;
    border: none;
    background: none;
    -webkit-appearance: none;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em
}

.search-filters-wrapper .filters-container.search-filters .filters-title span {
    display: block;
    background-color: #404040;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.02em;
    text-align: center;
    margin-left: 4px
}

.search-filters-wrapper .filters-container.search-filters .filters-title:after {
    margin-left: 8px;
    transform: rotate(180deg);
    transition: all 300ms cubic-bezier(0.87, 0, 0.13, 1);
    content: "";
    background: url("images/icons/chevron-search.svg") no-repeat center center;
    background-size: cover;
    height: 8px;
    width: 12px
}

.search-filters-wrapper .filters-container.search-filters .filters-title.filters-show:after {
    transform: none
}

.search-filters-wrapper .filters-container.search-filters .filters-items-container {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 9;
    flex-wrap: wrap;
    width: 326px;
    padding: 24px;
    grid-gap: 18px 8px;
    transform: translateY(-10%);
    opacity: 0;
    pointer-events: none;
    transition: all 300ms cubic-bezier(0.87, 0, 0.13, 1);
    cursor: pointer;
    border: 1px solid #000
}

.search-filters-wrapper .filters-container.search-filters .filters-items-container .filters-item {
    margin: 0
}

@media(max-width: 1104px) {
    .search-filters-wrapper.news-search {
        margin: 0 24px
    }
    .search-filters-wrapper.news-search .filters-container.search-filters {
        width: 100%
    }
    .search-filters-wrapper.news-search .filters-container.search-filters .filters-items-container {
        width: 100%;
        max-width: 600px;
        margin-top: 8px
    }
    .search-filters-wrapper.news-search .filters-container.search-filters .close-icon {
        display: flex;
        position: absolute;
        right: 10px;
        top: 10px
    }
}

@media(max-width: 767px) {
    .search-filters-wrapper {
        flex-direction: column;
        margin-top: 18px
    }
    .search-filters-wrapper .filters-container.search-filters {
        width: 100%;
        align-items: flex-start
    }
    .search-filters-wrapper .filters-container.search-filters:hover .filters-items-container {
        transform: translateY(-10%);
        opacity: 0;
        pointer-events: none
    }
    .search-filters-wrapper .filters-container.search-filters:hover .filters-title:after {
        transform: rotate(180deg)
    }
    .search-filters-wrapper .filters-container.search-filters .filters-items-container {
        width: 100%
    }
    .search-filters-wrapper .filters-container.search-filters .filters-items-container.filters-show {
        transform: translateY(0);
        opacity: 1;
        pointer-events: all
    }
    .search-filters-wrapper .filters-container.search-filters .filters-title {
        padding: 4px 12px 4px 0
    }
    .search-filters-wrapper .filters-container.search-filters .filters-title.filters-show:after {
        transform: none
    }
    .search-filters-wrapper .filters-container.search-filters .filters-title span {
        padding-right: 1px
    }
}

#search-page {
    margin: 0 var(--sides)
}

.search-results {
    display: flex;
    margin-top: 82px;
    justify-content: center
}

.search-results .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0 0 96px;
    grid-gap: 64px
}

.search-results .container .artist-collection {
    justify-content: space-between
}

.search-results .container .end-result-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 64px 0;
    justify-content: center;
    border: 1px solid #e5e5e5;
    width: 100%
}

.search-results .container .end-result-container .circle {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    border: 1px solid #000
}

.search-results .container .end-result-container .circle .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.search-results .container .end-result-container .circle .icon img {
    height: 32px;
    width: 32px
}

.search-results .container .end-result-container .circle .icon .cross-icon {
    position: absolute;
    right: 11px
}

.search-results .container .end-result-container .circle .icon .cross-icon img {
    height: 12px;
    width: 12px
}

.search-results .container .end-result-container .circle .dot {
    background: #000;
    margin-left: 4px;
    border-radius: 50%;
    margin-right: 4px;
    height: 4px;
    width: 4px
}

.search-results .container .end-result-container .title {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 4px
}

.search-results .container .end-result-container .subtitle {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    color: #404040;
    max-width: 20vw;
    letter-spacing: -0.02em;
    text-align: center
}

.search-results .container .artist-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.search-results .container .artist-container.placeholder .photo {
    background: #c4c4c4;
    overflow: hidden
}

.search-results .container .artist-container.placeholder .photo:before {
    display: block;
    content: "";
    width: 20%;
    height: 100%;
    background: rgba(255, 255, 255, .2);
    animation: 3s infinite scanning cubic-bezier(0.16, 1, 0.3, 1)
}

.search-results .container .artist-container.placeholder .text-container {
    width: 100%
}

.search-results .container .artist-container.placeholder .text-container .title {
    background: #c4c4c4;
    margin-bottom: 5px;
    width: 90%;
    color: transparent
}

.search-results .container .artist-container.placeholder .text-container .tag-container {
    transform: rotate(0deg);
    width: 100%
}

.search-results .container .artist-container.placeholder .text-container .tag-container .tag {
    color: transparent;
    background: #c4c4c4;
    border: 1px solid #c4c4c4;
    width: 100%
}

.search-results .container .artist-container .photo {
    border-radius: 50%;
    height: 160px;
    margin-bottom: 16px;
    object-fit: cover;
    width: 160px;
    display: block
}

.search-results .container .artist-container .text-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.search-results .container .artist-container .text-container .title {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 16px
}

.search-results .container .artist-container .text-container .tag-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: rotate(-3deg);
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    text-transform: uppercase
}

.search-results .container .artist-container .text-container .tag-container .tag {
    background: #ff4c4c;
    color: #000;
    text-align: center;
    padding: 4px 8px
}

.search-results .container .artist-container .text-container .tag-container .tag.all {
    background: #fff;
    color: #000;
    border: 1px solid #000
}

@media(max-width: 1104px)and (min-width: 768px) {
    .search-results .container .artist-container {
        width: 25%
    }
}

@media(max-width: 768px) {
    .search-results {
        margin-top: 40px
    }
    .search-results .container {
        grid-gap: 24px
    }
    .search-results .container .end-result-container {
        margin-top: 24px
    }
    .search-results .container .end-result-container .subtitle {
        max-width: 65vw
    }
    .search-results .container .artist-container {
        display: flex;
        align-items: center;
        width: calc((100vw - (2 * 24px) - 24px) / 2)
    }
    .search-results .container .artist-container .photo {
        object-fit: cover;
        height: calc((100vw - (2 * 24px) - 24px) / 2);
        width: 100%;
        max-width: 100%
    }
    .search-results .container .artist-container .text-container .title {
        margin-bottom: 8px
    }
    .search-results .container .artist-container .text-container .tag-container .tag {
        width: min-content
    }
}

.page-template-template-playlists .playlists-header {
    padding-top: 48px;
    margin-bottom: 48px
}

.page-template-template-playlists .playlists-header .title-subtitle-component .title-container .description {
    margin-bottom: 48px
}

.page-template-template-playlists .last-playlists {
    margin-bottom: 24px
}

.page-template-template-playlists .last-playlists .playlists-categories {
    margin-top: 48px
}

.page-template-template-playlists .last-playlists .playlists-categories .playlists-category {
    padding-top: 48px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px
}

.page-template-template-playlists .last-playlists .playlists-categories .playlists-category .playlists-row {
    padding: 48px calc((100vw - 1104px) / 2) 0;
    grid-gap: 0
}

.page-template-template-playlists .last-playlists .playlists-categories .playlists-category .playlists-row .playlist {
    margin-right: 32px
}

.page-template-template-playlists .last-playlists .playlists-categories .playlists-category .category-title {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    text-transform: uppercase;
    margin-bottom: 5px
}

@media(max-width: 1104px) {
    .page-template-template-playlists .playlists-header .button {
        margin-left: 24px
    }
    .page-template-template-playlists .last-playlists .title-with-category .title-container {
        margin: 0 24px 16px 24px
    }
    .page-template-template-playlists .last-playlists .title-with-category .title-container .title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px
    }
    .page-template-template-playlists .last-playlists .playlists-categories {
        margin-top: 0px
    }
    .page-template-template-playlists .last-playlists .playlists-categories .playlists-category .wrapper .category-title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px;
        padding: 0 24px
    }
    .page-template-template-playlists .last-playlists .playlists-categories .playlists-category .playlists-row {
        padding: 48px 24px 0
    }
}

.videos-header {
    background-color: #fff;
    display: flex;
    padding-top: 48px;
    justify-content: center;
    width: 100%;
    z-index: 5
}

.videos-header .container {
    width: 1104px
}

@media(max-width: 1104px) {
    .videos-header {
        overflow: hidden
    }
    .videos-header .container {
        width: 100%
    }
}

.videos-filters {
    display: flex;
    justify-content: center;
    width: 100%
}

.videos-filters .container {
    width: 1104px
}

@media(max-width: 1104px) {
    .videos-filters {
        overflow: hidden
    }
    .videos-filters .container {
        width: 100%
    }
}

.videos-list {
    display: flex;
    padding-left: calc((100vw - 1104px) / 2);
    padding-right: calc((100vw - 1104px) / 2);
    flex-direction: column;
    width: 100%
}

.videos-list .end-result-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 64px 0;
    margin-bottom: 128px;
    justify-content: center;
    border: 1px solid #e5e5e5;
    width: 1104px
}

.videos-list .end-result-container .circle {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    border: 1px solid #000
}

.videos-list .end-result-container .circle .dot {
    background: #000;
    margin-left: 4px;
    border-radius: 50%;
    margin-right: 4px;
    height: 4px;
    width: 4px
}

.videos-list .end-result-container .title {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 4px
}

.videos-list .end-result-container .subtitle {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    color: #404040;
    max-width: 20vw;
    letter-spacing: -0.02em;
    text-align: center
}

.videos-list .title-container {
    margin-top: 96px;
    margin-bottom: 12px
}

.videos-list .title-container .title {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    text-transform: uppercase
}

.videos-list .title-container .tag {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    transform: rotate(-3deg);
    width: max-content
}

.videos-list .title-container .tag .label {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #000;
    text-transform: uppercase;
    height: 28px;
    padding: 4px 8px;
    line-height: 19px !important
}

.videos-list .title-container .tag .label.all,
.videos-list .title-container .tag .label.unclassed {
    background: #fff;
    color: #000;
    border: 1px solid #000
}

.videos-list .row {
    padding-bottom: 93px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 32px;
    width: 1104px
}

.videos-list .row .video {
    width: calc(( 1104px - 64px) / 3)
}

@media(max-width: 1104px) {
    .videos-list {
        margin-right: 24px;
        overflow: hidden;
        width: 100%
    }
    .videos-list .end-result-container {
        margin: 0 24px 96px;
        width: auto
    }
    .videos-list .end-result-container .subtitle {
        max-width: 50vw
    }
    .videos-list .title-container {
        margin: 48px 24px 16px 24px
    }
    .videos-list .title-container .title {
        margin-bottom: 3px;
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px
    }
    .videos-list .title-container .tag {
        background-color: #fff;
        transform: rotate(-3deg);
        width: max-content
    }
    .videos-list .title-container .tag .label {
        font-size: 16px;
        line-height: 24px;
        font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
        font-weight: 400;
        letter-spacing: -0.02em;
        color: #000
    }
    .videos-list .row {
        padding: 24px 17px;
        padding-bottom: 48px;
        flex-direction: column;
        display: flex;
        grid-gap: 24px;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        width: 100%
    }
    .videos-list .row::-webkit-scrollbar {
        display: none
    }
    .videos-list .row .video {
        width: calc(( 100vw - 17px * 2))
    }
    .videos-list .row .video img {
        width: 100%
    }
    .videos-list .custom-button {
        margin-left: 24px;
        width: fit-content;
        margin-bottom: 60px
    }
}

.single-label .poster:last-child .text {
    padding-bottom: calc(0.0436609429 * 100vw)
}

.single-label .last-section-header {
    margin: 0 auto;
    max-width: 1104px
}

@media(max-width: 1104px) {
    .single-label .last-section-header {
        padding: 0 24px
    }
}

.label-header {
    position: relative;
    width: 100%
}

.label-header .pop-in {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 11
}

.label-header .pop-in.target {
    display: flex
}

.label-header .pop-in::before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .6)
}

.label-header .pop-in-content {
    position: relative;
    background: #fff;
    width: 864px;
    max-height: 80vh;
    padding: 50px 40px 62px 80px;
    z-index: 2
}

.label-header .pop-in .close {
    position: absolute;
    cursor: pointer;
    right: 32px;
    top: 32px
}

.label-header .pop-in .title {
    font-weight: 700;
    font-size: 48px;
    line-height: 64px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    text-transform: uppercase;
    margin-bottom: -10px
}

.label-header .pop-in .description {
    margin-top: 40px;
    max-height: 50vh;
    overflow-y: auto;
    padding-right: 60px;
    white-space: pre-wrap;
    font-size: 16px;
    line-height: 24px
}

.label-header .pop-in .description em {
    font-style: italic
}

.label-header .pop-in .description strong {
    font-weight: bolder
}

.label-header .pop-in .description a {
    text-decoration: underline;
    font-weight: bold
}

.label-header .pop-in .description::-webkit-scrollbar-thumb {
    width: 6px;
    background: #bfbfbf;
    border-radius: 20px
}

.label-header .pop-in .description::-webkit-scrollbar {
    width: 6px;
    background: #e5e5e5;
    border-radius: 20px
}

.label-header .pop-in .description p {
    margin-top: 32px
}

.label-header .poster-content {
    background: #000;
    display: flex;
    position: relative;
    width: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 0.0436609429 * 100vw), 0% 100%)
}

.label-header .photo {
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    width: 70%;
    z-index: 0
}

.label-header .photo:before {
    background: linear-gradient(to right, black, transparent);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.label-header .photo img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.label-header .text-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1104px;
    padding: 144px 0 0px 0;
    position: relative;
    width: 100%;
    z-index: 1
}

.label-header .text-container .nav-container {
    align-items: center;
    display: flex;
    margin-bottom: 48px
}

.label-header .text-container .nav-container .arrow {
    padding: 0 14px
}

.label-header .text-container .nav-container .arrow svg * {
    stroke: #bfbfbf
}

.label-header .text-container .nav-container .nav-text {
    color: #bfbfbf;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-size: 16px;
    letter-spacing: -0.04em;
    line-height: 19.9px
}

.label-header .text-container .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 80px;
    line-height: 96px;
    font-weight: bold;
    margin-bottom: 16px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 16px;
    text-transform: uppercase;
    width: 50%
}

.label-header .text-container .description {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #bfbfbf;
    font-size: 16px;
    line-height: 24px;
    max-width: 528px;
    letter-spacing: -0.02em;
    margin-bottom: 48px
}

.label-header .text-container .description em {
    font-style: italic
}

.label-header .text-container .description strong {
    font-weight: bolder;
    color: #e5e5e5
}

.label-header .text-container .description a {
    color: #e5e5e5;
    text-decoration: underline;
    font-weight: bold
}

.label-header .text-container .more-description {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    letter-spacing: -0.02em;
    display: none;
    margin-top: -32px;
    margin-bottom: 48px;
    cursor: pointer
}

.label-header .text-container .more-description.active {
    display: flex
}

.label-header .text-container .more-description:hover .more-arrow {
    transform: translateX(8px)
}

.label-header .text-container .more-description .more-arrow {
    transform: translateX(0);
    transition: transform .3s cubic-bezier(0.16, 1, 0.3, 1);
    margin-left: 8px
}

.label-header .text-container .more-description .more-arrow svg * {
    stroke: #fff
}

.label-header .text-container .link-container {
    display: flex;
    align-items: center;
    margin-bottom: 160px
}

.label-header .text-container .link-container .button {
    margin-right: 48px
}

.label-header .text-container .link-container .icon-list-container {
    display: flex;
    align-items: center
}

.label-header .text-container .link-container .icon-list-container .icon-container {
    margin-right: 24px;
    display: flex;
    height: 20px;
    width: 20px
}

.label-header .text-container .link-container .icon-list-container .icon-container svg * {
    fill: #bfbfbf
}

.label-header .text-container .link-container .icon-list-container .icon-container svg *:hover {
    fill: #fff
}

.labels+.poster .poster-content:before {
    background: #000
}

@media(max-width: 1104px) {
    .label-header .poster-content {
        flex-direction: column;
        padding: 48px 0
    }
    .label-header .poster-content .photo {
        bottom: auto;
        height: 100vw;
        right: auto;
        top: 0;
        width: 100%;
        z-index: 0
    }
    .label-header .poster-content .photo:before {
        background: linear-gradient(to top, black, transparent)
    }
    .label-header .poster-content .photo img {
        max-width: none;
        width: 100%
    }
    .label-header .pop-in-content {
        padding: 30px 10px 30px 32px;
        width: 90%
    }
    .label-header .pop-in .close {
        top: 8px;
        right: 8px
    }
    .label-header .pop-in .description {
        padding-right: 20px;
        height: 75%;
        font-size: 14px;
        line-height: 22px
    }
    .label-header .pop-in .description::-webkit-scrollbar-thumb,
    .label-header .pop-in .description::-webkit-scrollbar {
        width: 3px
    }
    .label-header .pop-in .description p {
        margin-top: 24px
    }
    .label-header .pop-in .title {
        margin-bottom: 0
    }
    .label-header .text-container {
        padding: 80vw 24px 0 24px
    }
    .label-header .text-container .nav-container {
        margin-bottom: 24px
    }
    .label-header .text-container .title {
        width: auto;
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 48px;
        font-weight: bold;
        line-height: 64px
    }
    .label-header .text-container .description {
        font-weight: normal
    }
    .label-header .text-container .more-description.active-mobile {
        display: flex
    }
    .label-header .text-container .link-container {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 48px
    }
    .label-header .text-container .link-container .button {
        margin-bottom: 48px
    }
    .label-header .low-padding-header {
        padding-top: 144px
    }
}

@media(max-width: 768px) {
    .label-header .low-padding-header {
        padding-top: 0px
    }
}

.showcased-artists {
    display: flex;
    margin-top: 96px;
    justify-content: center;
    width: 100%
}

.showcased-artists .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    grid-gap: 64px;
    width: 1104px
}

.showcased-artists .button {
    align-self: center
}

@media(max-width: 1104px) {
    .artist-list-container {
        margin-top: 54px
    }
    .artist-list-container .container {
        grid-gap: 24px;
        padding: 0 24px;
        margin-bottom: 48px
    }
    .artist-list-container .container .artist-container {
        display: flex;
        align-items: center;
        width: calc((100vw - (2 * 24px) - 24px) / 2)
    }
    .artist-list-container .container .artist-container img {
        object-fit: cover;
        height: calc((100vw - (2 * 24px) - 24px) / 2);
        width: 100%
    }
    .artist-list-container .container .artist-container .text-container .title {
        margin-bottom: 8px
    }
    .artist-list-container .container .artist-container .text-container .tag-container .tag {
        width: min-content
    }
    .artist-list-container .container .button {
        margin-top: 24px
    }
}

.notre-savoir-faire {
    margin-top: 128px
}

.notre-savoir-faire .container {
    display: flex;
    grid-gap: 144px;
    margin: 0 var(--sides)
}

.notre-savoir-faire .title {
    width: 304px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
    text-transform: uppercase
}

.notre-savoir-faire .description {
    flex: 1
}

.notre-savoir-faire .slider .image-collection {
    padding: 0 calc(var(--grid-margin));
    scroll-padding: calc(var(--grid-margin))
}

@media(max-width: 1104px) {
    .notre-savoir-faire {
        margin-top: 48px
    }
    .notre-savoir-faire .container {
        flex-direction: column;
        grid-gap: 16px;
        padding: 0 24px
    }
    .notre-savoir-faire .title {
        width: auto
    }
}

.splash {
    position: relative;
    margin-top: 64px
}

.splash .text {
    clip-path: polygon(0% calc(0.0436609429 * 100vw), 100% 0%, 100% calc(100% - 0.0436609429 * 100vw), 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    padding: 224px 128px;
    font-size: 64px;
    line-height: 80px;
    font-weight: bold;
    margin-bottom: 24px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

@media(max-width: 768px) {
    .splash .text {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px;
        padding: 128px 24px
    }
    .splash .text br {
        display: none
    }
}

.job-offers {
    margin-top: 128px;
    padding: 96px 0;
    background: #000;
    color: #fff
}

.job-offers .container {
    margin: 0 var(--sides)
}

.job-offers .title {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    text-transform: uppercase;
    margin-bottom: 48px
}

.job-offers .job-category {
    text-transform: uppercase
}

.job-offers .job-category+.jobs-list {
    margin-top: 24px
}

.job-offers .jobs-list+.job-category {
    margin-top: 64px
}

.job-offers .job-entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .16)
}

.job-offers .job-entry:first-child {
    border-top: 1px solid rgba(255, 255, 255, .16)
}

.job-offers .job-entry .entry-name {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
    text-transform: uppercase
}

.job-offers .job-entry .button {
    padding: 12px 24px
}

@media(max-width: 1104px) {
    .job-offers {
        margin-top: 64px;
        padding: 48px 0 96px
    }
    .job-offers .container {
        padding: 0 24px
    }
    .job-offers .title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px
    }
    .job-offers .job-entry .entry-name {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
        text-transform: uppercase
    }
}

@media(min-width: 769px) {
    .nos-locaux {
        margin-top: 128px
    }
    .nos-locaux .slider {
        margin-top: 0
    }
    .nos-locaux .slider .image-collection {
        padding: 0 calc(var(--grid-margin));
        scroll-padding: calc(var(--grid-margin))
    }
}

@media(max-width: 768px) {
    .nos-locaux {
        margin-top: 64px
    }
}

body.single .wrapper {
    max-width: 864px;
    margin-top: 48px
}

body.single .back-button {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em
}

body.single .back-button img {
    transform: rotate(180deg);
    margin-right: 5px;
    height: 20px;
    width: 20px
}

body.single article {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 48px
}

body.single article .tags {
    margin-bottom: 3rem
}

body.single article .article-date {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #404040;
    margin-bottom: 48px;
    text-transform: capitalize
}

body.single article .article-title {
    font-size: 64px;
    line-height: 80px;
    font-weight: bold;
    margin-bottom: 24px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    text-align: center;
    text-transform: uppercase;
    max-width: 80%;
    margin-bottom: 48px
}

body.single article .article-socials {
    display: flex;
    margin-bottom: 96px
}

body.single article .article-socials .share-option {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    padding: 14px;
    margin: 0 8px;
    border: none;
    border-radius: 50%;
    background: #000
}

body.single article .article-socials .share-option:hover {
    background: #404040
}

body.single article .article-socials .share-option:focus {
    border: 3px solid #e5e5e5
}

body.single article .article-image {
    width: 100%;
    margin-bottom: 96px
}

body.single article .article-content {
    max-width: 80%;
    width: 80%;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #404040
}

body.single article .article-content a.button-secondary {
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 500;
    text-transform: initial;
    display: inline-block
}

body.single article .article-content p {
    margin-top: 36px
}

body.single article .article-content p:first-child {
    margin-top: 24px
}

body.single article .article-content h1,
body.single article .article-content h2,
body.single article .article-content h3,
body.single article .article-content h4,
body.single article .article-content h5,
body.single article .article-content h6 {
    color: #000
}

body.single article .article-content h1 {
    font-size: 80px;
    line-height: 96px;
    font-weight: bold;
    margin-bottom: 16px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    text-transform: uppercase;
    margin: 40px 0
}

body.single article .article-content h2 {
    font-size: 64px;
    line-height: 80px;
    font-weight: bold;
    margin-bottom: 24px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    margin: 32px 0
}

body.single article .article-content h3 {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    margin: 24px 0
}

body.single article .article-content h4 {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
    margin: 16px 0
}

body.single article .article-content h5 {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    margin: 12px 0
}

body.single article .article-content h6 {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    margin: 8px 0
}

body.single article .article-content ul,
body.single article .article-content ol {
    margin-left: 20px
}

body.single article .article-content ul {
    list-style-type: disc
}

body.single article .article-content ul ul {
    list-style-type: circle
}

body.single article .article-content ul ul ul {
    list-style-type: square
}

body.single article .article-content em {
    font-style: italic
}

body.single article .article-content strong {
    font-weight: bold
}

body.single article .article-content img {
    width: 100%;
    max-width: 100%;
    height: auto
}

body.single article .article-content iframe {
    width: 100%;
    max-width: 100%
}

body.single article .article-content iframe.youtube {
    height: calc((691.2px * 9) / 16)
}

body.single article .article-content ol {
    list-style-type: decimal
}

body.single article .article-content .slider .slider-controls {
    margin: 0 0 48px auto
}

body.single article .article-content .gallery {
    padding: 0;
    scroll-padding: 0
}

@media(max-width: 1104px) {
    body.single .back-button {
        margin-left: 24px
    }
    body.single article .article-title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px
    }
    body.single article .article-image {
        margin-bottom: 48px
    }
    body.single article .article-socials {
        margin-bottom: 48px
    }
    body.single article .article-content {
        max-width: 100%;
        width: 100%;
        padding: 0 24px
    }
    body.single article .article-content h1 {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 48px;
        font-weight: bold;
        line-height: 64px;
        margin: 24px 0
    }
    body.single article .article-content h2 {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 32px;
        font-weight: bold;
        line-height: 48px;
        margin: 16px 0
    }
    body.single article .article-content h3 {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
        text-transform: uppercase;
        margin: 12px 0
    }
    body.single article .article-content h4 {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
        text-transform: uppercase;
        font-size: 22px;
        line-height: 28px;
        margin: 11px 0
    }
    body.single article .article-content h5 {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
        text-transform: uppercase;
        font-size: 20px;
        line-height: 24px;
        margin: 10px 0
    }
    body.single article .article-content h6 {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 24px;
        font-weight: bold;
        line-height: 32px;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 20px;
        margin: 8px 0
    }
    body.single article .article-content iframe.youtube {
        height: calc(((100vw * 9) / 16) - 24px)
    }
}

body.page-template-default .wrapper {
    max-width: 640px;
    padding: 0 24px
}

body.page-template-default article {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 96px
}

body.page-template-default article .page-title {
    font-size: 64px;
    line-height: 80px;
    font-weight: bold;
    margin-bottom: 24px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 48px
}

body.page-template-default article .page-content {
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #404040
}

body.page-template-default article .page-content h1,
body.page-template-default article .page-content h2,
body.page-template-default article .page-content h3,
body.page-template-default article .page-content h4,
body.page-template-default article .page-content h5,
body.page-template-default article .page-content h6 {
    color: #000
}

body.page-template-default article .page-content h1 {
    font-size: 80px;
    line-height: 96px;
    font-weight: bold;
    margin-bottom: 16px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    text-transform: uppercase;
    margin: calc(80px / 2) 0
}

body.page-template-default article .page-content h2 {
    font-size: 64px;
    line-height: 80px;
    font-weight: bold;
    margin-bottom: 24px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    margin: calc(64px / 2) 0
}

body.page-template-default article .page-content h3 {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    margin: calc(48px / 2) 0
}

body.page-template-default article .page-content h4 {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
    margin: calc(32px / 2) 0
}

body.page-template-default article .page-content h5 {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    margin: calc(24px / 2) 0
}

body.page-template-default article .page-content h6 {
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    margin: calc(16px / 2) 0
}

body.page-template-default article .page-content ul,
body.page-template-default article .page-content ol {
    margin-left: 20px
}

body.page-template-default article .page-content ul {
    list-style-type: disc
}

body.page-template-default article .page-content ul ul {
    list-style-type: circle
}

body.page-template-default article .page-content ul ul ul {
    list-style-type: square
}

body.page-template-default article .page-content ol {
    list-style-type: decimal
}

body.page-template-default article .page-content p {
    margin-top: 36px
}

body.page-template-default article .page-content p:first-child {
    margin-top: 24px
}

@media(max-width: 1104px) {
    body.page-template-default article .page-title {
        font-family: "Tusker Grotesk", "Impact", sans-serif;
        font-size: 48px;
        font-weight: bold;
        line-height: 64px;
        margin-bottom: 48px
    }
    body.page-template-default article .page-content {
        margin-bottom: 48px
    }
}

body.page-template-template-form .wrapper {
    max-width: 640px;
    width: 100%;
    padding: 0 24px
}

body.page-template-template-form article {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 96px;
    width: 100%
}

body.page-template-template-form article .page-title {
    font-size: 64px;
    line-height: 80px;
    font-weight: bold;
    margin-bottom: 24px;
    font-family: "Tusker Grotesk", "Impact", sans-serif;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 48px
}

body.page-template-template-form article .page-content {
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #404040;
    width: 100%
}

body.page-template-template-form article .page-content .gform_wrapper .gform_validation_errors {
    background: none;
    border: none;
    box-shadow: none;
    padding: 16px 16px 16px 0
}

body.page-template-template-form article .page-content .gform_wrapper .gform_validation_errors>h2 {
    color: #d41111;
    font-size: 14px;
    line-height: 22px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em
}

body.page-template-template-form article .page-content .gform_wrapper .gform_validation_errors>h2 .gform-icon {
    display: none
}

body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=text],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=password],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=email],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=url],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=date],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=month],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=time],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=datetime],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=datetime-local],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=week],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=number],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=search],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=tel],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=color],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme textarea,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme select {
    padding: 16px;
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    border: 2px solid #bfbfbf
}

body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=text]::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=password]::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=email]::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=url]::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=date]::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=month]::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=time]::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=datetime]::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=datetime-local]::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=week]::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=number]::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=search]::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=tel]::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=color]::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme textarea::placeholder,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme select::placeholder {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #404040
}

body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=text]:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=password]:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=email]:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=url]:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=date]:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=month]:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=time]:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=datetime]:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=datetime-local]:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=week]:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=number]:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=search]:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=tel]:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme input[type=color]:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme textarea:focus,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme select:focus {
    border: 2px solid gray;
    outline: none
}

body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error input[type=text],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error input[type=password],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error input[type=email],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error input[type=url],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error input[type=date],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error input[type=month],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error input[type=time],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error input[type=datetime],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error input[type=datetime-local],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error input[type=week],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error input[type=number],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error input[type=search],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error input[type=tel],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error input[type=color],
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error textarea,
body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield_error select {
    border: 2px solid #d41111;
    color: #d41111
}

body.page-template-template-form article .page-content .gform_wrapper.gravity-theme select {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em
}

body.page-template-template-form article .page-content .gfield .gfield_label {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 4px;
    color: #000
}

body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .ginput_container_date input {
    width: 100%;
    text-transform: uppercase;
    padding: 16px 10px 16px 16px
}

body.page-template-template-form article .page-content .gform_wrapper .gfield_validation_message,
body.page-template-template-form article .page-content .gform_wrapper .validation_message {
    background: none;
    padding: 0;
    border: none;
    color: #d41111;
    font-size: 14px;
    line-height: 22px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em
}

body.page-template-template-form article .page-content .gform_wrapper .gfield_error label {
    color: #000
}

body.page-template-template-form article .page-content .gform_wrapper .gfield_label>.gfield_required {
    position: relative
}

body.page-template-template-form article .page-content .gform_wrapper .gfield_label>.gfield_required:after {
    content: "*";
    height: 10px;
    width: 10px;
    position: absolute;
    top: 0;
    left: 5px;
    color: #d41111;
    font-size: 15px
}

body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .gfield.gfield--width-half {
    display: flex;
    flex-direction: column
}

body.page-template-template-form article .page-content .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date {
    min-width: 32%
}

body.page-template-template-form article .page-content .gform_wrapper .gfield_required .gfield_required_text,
body.page-template-template-form article .page-content .gform_wrapper .gfield_required .gfield_required_custom {
    font-style: normal;
    color: #d41111;
    font: 0/0 a;
    color: transparent
}

body.page-template-template-form article .page-content .gform_footer input[type=submit] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
    background-color: #000;
    border-radius: 56px;
    line-height: 24px;
    color: #fff;
    transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
    font-size: 16px;
    line-height: 24px;
    font-family: "Sony Music Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    border: none;
    margin-top: 48px;
    cursor: pointer
}

body.page-template-template-form article .page-content .gform_footer input[type=submit] .icon {
    padding-left: 8px
}

body.page-template-template-form article .page-content .gform_footer input[type=submit] .icon svg {
    height: 16px;
    width: 16px
}

body.page-template-template-form article .page-content .gform_footer input[type=submit]:hover {
    background-color: #404040
}

body.page-template-template-form article .page-content .gform_footer input[type=submit]:focus,
body.page-template-template-form article .page-content .gform_footer input[type=submit]:active {
    background-color: #404040;
    box-shadow: 0 0 0 3px #e5e5e5
}

body.page-template-template-form article .page-content .gform_footer input[type=submit].small {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 22px
}

body.page-template-template-form article .page-content .gform_footer input[type=submit].white {
    background-color: #fff;
    color: #000
}

body.page-template-template-form article .page-content .gform_footer input[type=submit].white:focus,
body.page-template-template-form article .page-content .gform_footer input[type=submit].white:active {
    background-color: #e5e5e5;
    box-shadow: 0 0 0 3px gray
}

body.page-template-template-form article .page-content .gform_footer input[type=submit].white:hover {
    background-color: #e5e5e5
}

body.page-template-template-form article .page-content .gform_footer input[type=submit]:hover {
    background-color: #404040
}

@media(min-width: 768px) {
    .mobile-only {
        display: none
    }
}

@media(max-width: 768px) {
    .desktop-only {
        display: none
    }
}