/*
=============================================
-- Author: <DANILO ROCHA MEDINA FRONT-DIPAOLA LATINA>
-- Create date: <17/07/2023 >
-- Description: se realizaron los ajustes de las distribucion de pantalla en diferentes dispositivos de la
-- presentacion del blog de dipaola latina. 
-- =============================================*/


@font-face {
    font-family: Gordita Web;
    src: url(../assets/fonts/GorditaThin.woff2) format("woff2"), url(../assets/fonts/GorditaThin.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Gordita Web;
    src: url(../assets/fonts/GorditaLight.woff2) format("woff2"), url(../assets/fonts/GorditaLight.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gordita Web;
    src: url(../assets/fonts/GorditaRegular.woff2) format("woff2"), url(../assets/fonts/GorditaRegular.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Gordita Web;
    src: url(../assets/fonts/GorditaMedium.woff2) format("woff2"), url(../assets/fonts/GorditaMedium.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Gordita Web;
    src: url(../assets/fonts/GorditaBold.woff2) format("woff2"), url(../assets/fonts/GorditaBold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Gilroy Regular;
    src: url(../assets/fonts/GilroyRegular.ttf) format("truetype-variations"), url(../assets/fonts/GilroyRegular.woff2) format("woff2"), url(../assets/fonts/GilroyRegular.woff) format("woff");
}

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

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:after,
    blockquote:before,
    q:after,
    q:before {
        content: "";
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

button,
input[type=email],
input[type=text],
select,
textarea {
    font: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    border-radius: 0;
    background: none
}

select {
    border: none;
    font-weight: inherit
}

a {
    text-decoration: none
}

:focus {
    outline: none
}

.focus-visible,
.focus-visible:focus {
    outline: 1px dotted currentColor
}

button {
    cursor: pointer
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.fit {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.visually-hidden {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 0)) or (clip-path:polygon(0 0, 0 0, 0 0))) {
    @media (min-width: 1080px) {
        .clip-path-ltr {
            -webkit-clip-path: polygon(calc(var(--scrollOffset, 0)*100%) 0, 100% 0, 100% 100%, calc(var(--scrollOffset, 0)*100%) 100%);
            clip-path: polygon(calc(var(--scrollOffset, 0)*100%) 0, 100% 0, 100% 100%, calc(var(--scrollOffset, 0)*100%) 100%)
        }
    }
}

@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 0)) or (clip-path:polygon(0 0, 0 0, 0 0))) {
    @media (min-width: 1080px) {
        .clip-path-rtl {
            -webkit-clip-path: polygon(0 0, calc(var(--scrollOffset, 1)*100%) 0, calc(var(--scrollOffset, 1)*100%) 100%, 0 100%);
            clip-path: polygon(0 0, calc(var(--scrollOffset, 1)*100%) 0, calc(var(--scrollOffset, 1)*100%) 100%, 0 100%)
        }
    }
}

@-ms-viewport {
    width: device-width
}

@-o-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

:root {
    --header-height: 90px;
    --container-gutter: 30px;
    --font-size-multiplier: 1;
    --color-font: #000;
    --color-background: #fff;
    --color-background-grey: #f3f2f0;
    --color-border: rgba(0, 0, 0, 0.15)
}

@media (min-width:720px) {
    :root {
        --container-gutter: 50px;
        --font-size-multiplier: 0.85
    }
}

@media (min-width:720px) and (min-height:700px) {
    :root {
        --header-height: 148px;
        --font-size-multiplier: 1
    }
}

@media (min-width:1080px) {
    :root {
        --container-gutter: 70px
    }
}

/*@media (prefers-color-scheme:dark) {
:root {
  --color-font: hsla(0, 0%, 100%, 0.95);
  --color-background: #000;
  --color-background-grey: #262626;
  --color-border: hsla(0, 0%, 100%, 0.4)
}
}*/

html {
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--color-background);
    color: #000;
    color: var(--color-font);
    scroll-behavior: smooth
}

@media (min-width:1080px) {
    html {
        overflow: hidden
    }
}

html.modal-open {
    overflow: hidden
}

@media (min-width:1080px) {
    html.no-scroll-wrap {
        overflow-y: scroll
    }
}

@media (max-width:1080px) {
    html.no-scroll-wrap {
        overflow-y: hidden
    }
}

body {
    font-size: 18px;
    position: relative;
    margin: 0;
    height: 100%;
    font-weight: 500;
    font-family: Gordita Web, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    background-color: inherit;
    -webkit-animation: enter .25s ease-in forwards;
    animation: enter .25s ease-in forwards
}

@media (min-width:720px) {
    body {
        font-size: 18px;
        font-size: calc(.55556vw - -14px);
        font-size: calc(var(--font-size-multiplier)*0.00556*100vw - -14px)
    }
}

@media (min-width:1080px) {
    body {
        font-size: 20px;
        font-size: calc(var(--font-size-multiplier)*20px);
        overflow: hidden
    }
}

@-webkit-keyframes enter {
    to {
        opacity: 1
    }
}

@keyframes enter {
    to {
        opacity: 1
    }
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

@media (min-width:1080px) {
    img {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
}

a {
    color: inherit
}

input ::-webkit-input-placeholder,
select ::-webkit-input-placeholder,
textarea ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .3);
    color: rgba(var(--color-font), .3)
}

input ::-moz-placeholder,
select ::-moz-placeholder,
textarea ::-moz-placeholder {
    opacity: 1;
    color: rgba(0, 0, 0, .3);
    color: rgba(var(--color-font), .3)
}

input :-ms-input-placeholder,
select :-ms-input-placeholder,
textarea :-ms-input-placeholder {
    color: rgba(0, 0, 0, .3);
    color: rgba(var(--color-font), .3)
}

.main-app {
    position: relative;
    min-height: 100%;
    /*   overflow: hidden;*/
    background-color: #fff;
    /*background-color: var(--color-global-background)*/
}

[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio
}

textarea {
    outline: none;
    border: 1px solid transparent;
    border-bottom: 1px solid var(--color-border);
    display: block;
    width: 100%
}

    textarea:focus {
        border-color: transparent transparent #b3b3b3
    }

[type=email],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text] {
    outline: none;
    border: 1px solid transparent;
    border-bottom: 1px solid var(--color-border);
    display: block;
    line-height: inherit
}

    [type=email]:focus,
    [type=number]:focus,
    [type=password]:focus,
    [type=search]:focus,
    [type=tel]:focus,
    [type=text]:focus {
        border-color: transparent transparent #b3b3b3
    }

.fieldset .alert {
    max-width: 500px;
    margin: 20px auto;
    line-height: 1.1
}

.fieldset .alert,
.fieldset .alert-error,
.fieldset .loading {
    visibility: hidden;
    opacity: 0;
    height: 0;
    letter-spacing: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

    .fieldset .alert-error.active,
    .fieldset .alert.active,
    .fieldset .loading.active:not(.field-validation-valid) {
        visibility: visible;
        opacity: 1;
        height: auto
    }

.loaded input[name*=last-name], .loaded label[for*=comment-last-name], .loaded label[for*=last-name] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    overflow: hidden;
    height: 0;
    margin: 0 !important;
    padding: 0;
    font: 0/0 a;
    color: #fff;
    border: 0;
    pointer-events: none
}

.date {
    font-size: 12px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 40%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: .1em
}

@media (min-width:320px) {
    .date {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .date {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px);
        width: 100%
    }
}

.date-day {
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: .22222222em;
    font-weight: 400;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width:320px) {
    .date-day {
        font-size: 24px;
        font-size: calc(1.57895vw - -18.94737px);
        font-size: calc(var(--font-size-multiplier)*0.01579*100vw - -18.94737px)
    }
}

@media (min-width:1080px) {
    .date-day {
        font-size: 36px;
        font-size: calc(var(--font-size-multiplier)*36px)
    }
}

@supports (font-variation-settings:"wdth"1) {
    .date-day > span:first-letter {
        font-family: Gilroy Regular, sans-serif;
        font-variation-settings: "wdth" 400
    }
}

.heading {
    font-size: 54px;
    font-family: Gordita Web, sans-serif;
    font-weight: 700;
    line-height: .9;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (min-width:320px) {
    .heading {
        font-size: 54px;
        font-size: calc(6.05263vw - -14.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -14.63158px);
        text-align: center;
    }
}

@media (min-width:1080px) {
    .heading {
        font-size: 60px;
        font-size: calc(var(--font-size-multiplier)*60px);
        text-align: left;
    }
}

@media (min-width:1400px) {
    .heading {
        font-size: 80px;
        font-size: calc(var(--font-size-multiplier)*80px);
    }
}

.heading > i, .heading > u {
    font-style: normal;
    position: relative
}

@supports (font-variation-settings:"wdth"1) {
    .heading > i,
    .heading > u {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .heading > i,
        .heading > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

.heading > u {
    text-decoration: none;
    font-style: normal
}

@supports (-webkit-text-stroke:1px) {
    .heading > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

.h2 {
    font-size: 54px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1;
    text-transform: none
}

@media (min-width:320px) {
    .h2 {
        font-size: 54px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px)
    }
}

@media (min-width:1080px) {
    .h2 {
        font-size: 100px;
        font-size: calc(var(--font-size-multiplier)*100px)
    }
}

.h2 > i, .h2 > u {
    font-style: normal;
    position: relative
}

@supports (font-variation-settings:"wdth"1) {
    .h2 > i,
    .h2 > u {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .h2 > i,
        .h2 > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

.h2 > u {
    text-decoration: none;
    font-style: normal
}

@supports (-webkit-text-stroke:1px) {
    .h2 > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

@media (min-width:320px) {
    .h2 {
        font-size: 28px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -21.26316px)
    }
}

@media (min-width:1080px) {
    .h2 {
        font-size: 44px;
        font-size: calc(var(--font-size-multiplier)*44px)
    }
}

.h3 {
    font-size: 54px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1;
    text-transform: none
}

@media (min-width:320px) {
    .h3 {
        font-size: 54px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px)
    }
}

@media (min-width:1080px) {
    .h3 {
        font-size: 100px;
        font-size: calc(var(--font-size-multiplier)*100px)
    }
}

.h3 > i, .h3 > u {
    font-style: normal;
    position: relative
}

@supports (font-variation-settings:"wdth"1) {
    .h3 > i,
    .h3 > u {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .h3 > i,
        .h3 > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

.h3 > u {
    text-decoration: none;
    font-style: normal
}

@supports (-webkit-text-stroke:1px) {
    .h3 > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

@media (min-width:320px) {
    .h3 {
        font-size: 16px;
        font-size: calc(.52632vw - -14.31579px);
        font-size: calc(var(--font-size-multiplier)*0.00526*100vw - -14.31579px)
    }
}

@media (min-width:1080px) {
    .h3 {
        font-size: 20px;
        font-size: calc(var(--font-size-multiplier)*20px)
    }
}

.kicker {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: .1em;
    display: block;
    margin-left: .3em
}

@media (min-width:320px) {
    .kicker {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .kicker {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px)
    }
}

.scroll-wrap {
    background: #fff;
}

@media (max-width:1079px) {
    .scroll-wrap {
        overflow: hidden !important
    }

    .scroll-wrap__inner {
        overflow: hidden
    }
}

@media (min-width:1080px) {
    .scroll-wrap {
        position: relative;
        height: 100vh;
        width: 100vw;
        overflow-x: scroll;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: transparent
    }

        .scroll-wrap::-webkit-scrollbar {
            display: none
        }

        .scroll-wrap > div:not([class]) {
            -webkit-transform: none !important;
            transform: none !important;
            position: static !important;
            padding: 0 !important
        }

    .scroll-wrap__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 100%
    }

    @supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 0)) or (clip-path:polygon(0 0, 0 0, 0 0))) and (--css:variables) {
        .scroll-wrap__inner {
            padding-left: 100vw
        }
    }

    .scroll-wrap--no-hero .scroll-wrap__inner {
        padding-left: 0
    }

    .scroll-wrap__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        position: relative;
        width: auto;
        height: 100vh;
        background: #fff;
    }
}

.audio-player {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 102;
    max-width: 100%;
    height: 105px;
    visibility: hidden;
    contain: strict;
    opacity: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
    background: #fff;
    -webkit-box-shadow: 0 -4px 60px rgba(0, 0, 0, .1);
    box-shadow: 0 -4px 60px rgba(0, 0, 0, .1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: visibility .2s .2s;
    transition: visibility .2s .2s
}

@media (min-width:480px) {
    .audio-player {
        padding-left: 105px
    }
}

@media (min-width:720px) {
    .audio-player {
        left: auto;
        width: 630px;
        font-size: 18px
    }
}

.audio-player.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .2s, visibility .2s 0ms;
    transition: opacity .2s, visibility .2s 0ms
}

.audio-player__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.audio-player__poster {
    display: none
}

@media (min-width:480px) {
    .audio-player__poster {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        width: 16.66666667%
    }
}

.audio-player__poster img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none
}

.audio-player__playlist {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 20px;
    height: 100%
}

@media (min-width:480px) {
    .audio-player__playlist {
        padding-left: 30px
    }
}

.audio-player__playlist ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100% !important;
    width: 100% !important;
    margin: 0;
    padding: 0 0 2px;
    list-style-type: none
}

.audio-player__playlist li {
    display: none
}

    .audio-player__playlist li.jp-playlist-current {
        display: block;
        padding-right: 10px
    }

.audio-player__playlist .track-name {
    display: block
}

@supports (font-variation-settings:"wght"400) {
    .audio-player__playlist .track-name {
        font-weight: 400;
        font-family: Gilroy Regular, sans-serif;
        font-variation-settings: "wght" 400
    }
}

.audio-player__playlist .album-title {
    display: block;
    padding-top: .2em;
    font-size: 12px;
    font-weight: 300
}

@media (min-width:720px) {
    .audio-player__playlist .album-title {
        font-size: 14px;
        letter-spacing: -.01em
    }
}

.audio-player__controls {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    margin-left: auto;
    width: 98px
}

@media (min-width:480px) {
    .audio-player__controls {
        width: 140px;
        margin-right: 30px
    }
}

.audio-player__button {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: transparent
}

.audio-player__play {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid;
    border-radius: 50%
}

    .audio-player__play:after, .audio-player__play:before {
        content: ""
    }

    .audio-player__play:after {
        display: none
    }

    .audio-player__play:before {
        display: block;
        margin-left: 2px;
        width: 0;
        height: 0;
        border-color: hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) currentcolor;
        border-style: solid;
        border-width: 7px 0 7px 10px
    }

.jp-state-playing .audio-player__play:after, .jp-state-playing .audio-player__play:before {
    display: block;
    width: 2px;
    height: 14px;
    margin: 0 3px;
    border: 0;
    background: currentColor
}

.audio-player__next, .audio-player__prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 30px
}

    .audio-player__next > svg, .audio-player__prev > svg {
        width: 11px;
        height: 16px
    }

.audio-player__prev {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media (min-width:480px) {
    .audio-player__next {
        margin-right: 20px
    }
}

.audio-player__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 14px;
    width: 20px
}

    .audio-player__close > svg {
        width: 10px;
        height: 10px
    }

@media (min-width:480px) {
    .audio-player__close {
        position: static
    }

        .audio-player__close > svg {
            width: 14px;
            height: 14px
        }
}

.audio-player__progress {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    overflow: hidden
}

@media (min-width:480px) {
    .audio-player__progress {
        left: 135px
    }
}

.audio-player__progress .jp-play-bar {
    width: 100%;
    height: 100%;
    background: #000;
    /*background: var(--color-font)*/
}

.jp-no-solution {
    display: none
}

.button {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 15px 0 45px;
    text-transform: uppercase;
    text-align: right;
    font-size: 13px;
    line-height: 1.18;
    font-weight: 700;
    letter-spacing: .1em
}

    .button[disabled] {
        pointer-events: none;
        opacity: .5
    }

@media (max-width:1079px) {
    .button {
        height: 60px
    }

    .button--small {
        height: 46px
    }
}

@media (min-width:1080px) {
    .button {
        height: 72px;
        width: 200px;
        padding: 17px 33px 17px 60px
    }

    .button--small {
        height: 60px;
        width: 150px;
        padding-right: 30px
    }

    .button--medium {
        height: 60px;
        width: 180px
    }
}

.button__text {
    display: block
}

    .button__text > i {
        font-style: normal
    }

@supports (font-variation-settings:"wght"500) {
    .button__text > i {
        font-family: Gilroy Regular, sans-serif;
        font-variation-settings: "wdth" 400, "wght" 520
    }
}

.button__border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

    .button__border svg {
        display: none
    }

    .button__border:before {
        content: ""
    }

@media (max-width:1079px) {
    .button__border {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom: 1px solid #000;
    }
}

@media (min-width:1080px) {
    .button__border:before {
        position: absolute;
        bottom: 0;
        height: 2px;
        opacity: 1;
        background: #000;
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transition: -webkit-transform .2s ease-in .48s;
        transition: -webkit-transform .2s ease-in .48s;
        transition: transform .2s ease-in .48s;
        transition: transform .2s ease-in .48s, -webkit-transform .2s ease-in .48s
    }

    .button__border svg {
        display: block;
        stroke-dasharray: 500;
        stroke-dashoffset: 500;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        will-change: stroke-dashoffset
    }
}

.loaded .button__border svg {
    -webkit-transition: stroke-dashoffset .4s ease-in;
    transition: stroke-dashoffset .4s ease-in
}

@media (min-width:1080px) {
    .button--default .button__border:before {
        left: 45px;
        right: 34px
    }

    .button--medium .button__border:before {
        left: 37px;
        right: 27px
    }

    .button--small .button__border:before {
        left: 40px;
        right: 30px
    }
}

@media (min-width:1080px) and (pointer:fine) {
    .button:hover .button__border svg {
        stroke-dashoffset: 0;
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }
}

.close-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    width: 70px;
    height: 80px;
    height: var(--header-height);
    cursor: pointer
}

    .close-button > svg {
        display: block;
        width: 14px;
        height: 14px
    }

@media (min-width:720px) {
    .close-button {
        width: 124px
    }

        .close-button > svg {
            width: 22px;
            height: 22px
        }
}

@media (min-width:1080px) and (min-height:700px) {
    .close-button {
        width: 166px
    }
}

.gdpr-alert {
    display: none
}

.gdpr-alert--active {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: .1em;
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 103;
    padding: 30px;
    margin: 0 auto;
    width: 420px;
    max-width: 100%;
    pointer-events: auto;
    background: #fff;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    box-shadow: 0 0 20px rgba(0, 0, 0, .05)
}

@media (min-width:320px) {
    .gdpr-alert--active {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .gdpr-alert--active {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px)
    }
}

@media (min-width:480px) {
    .gdpr-alert--active {
        bottom: 30px;
        left: 30px;
        right: 30px
    }
}

@media (min-width:720px) {
    .gdpr-alert--active {
        right: 0;
        margin-left: 0;
        mix-blend-mode: difference
    }

    .loaded .gdpr-alert--active {
        mix-blend-mode: unset
    }
}

.gdpr-alert p {
    margin-bottom: 1.64285714em
}

.gdpr-alert__actions {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:320px) {
    .gdpr-alert__actions {
        font-size: 12px;
        font-size: calc(.13158vw - -11.57895px);
        font-size: calc(var(--font-size-multiplier)*0.00132*100vw - -11.57895px)
    }
}

@media (min-width:1080px) {
    .gdpr-alert__actions {
        font-size: 13px;
        font-size: calc(var(--font-size-multiplier)*13px)
    }
}

.gdpr-alert__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    text-transform: uppercase;
}

    .gdpr-alert__button:focus-visible {
        outline: none;
        opacity: .9
    }

@supports (font-variation-settings:"wght"600) {
    .gdpr-alert__button i {
        font-weight: 400;
        font-family: Gilroy Regular, sans-serif;
        font-variation-settings: "wdth" 400, "wght" 600
    }
}

.gdpr-alert__button svg {
    display: block;
    margin-right: 5px
}

.gdpr-alert__link {
    opacity: .5;
    font-weight: 600;
    text-transform: uppercase;
}

.header {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: .1em;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    color: #000;
    font-weight: 700;
    letter-spacing: .3em;
    line-height: 1
}

@media (min-width:320px) {
    .header {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .header {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px)
    }
}

@media (max-width:1079px) {
    @supports (mix-blend-mode: difference) {
        .header:not(.header--clone) {
            mix-blend-mode: difference;
            color: #fff;
            background: transparent
        }
    }
}

@media (min-width:1080px) {
    .header {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    @supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 0)) or (clip-path:polygon(0 0, 0 0, 0 0))) {
        @media (min-width: 1080px) {
            .header:not(.header--clone) {
                -webkit-clip-path: polygon(calc(var(--scrollOffset, 0)*100%) 0, 100% 0, 100% 100%, calc(var(--scrollOffset, 0)*100%) 100%);
                clip-path: polygon(calc(var(--scrollOffset, 0)*100%) 0, 100% 0, 100% 100%, calc(var(--scrollOffset, 0)*100%) 100%)
            }
        }
    }

    .modal-open .header {
        pointer-events: none
    }

    .modal-open .header__clone {
        opacity: 0
    }
}

.header--clone {
    position: absolute;
    z-index: 100;
    color: inherit;
    contain: layout
}

.header__container {
    padding: 0 20px
}

@media (min-width:720px) {
    .header__container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 70px;
        padding-left: var(--container-gutter);
        padding-right: 70px;
        padding-right: var(--container-gutter);
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 148px;
    height: var(--header-height)
}

@media (min-width:720px) {
    .header__inner {
        padding-bottom: 0
    }
}

.header__logoWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: auto
}

@media (min-width:720px) {
    .header__logoWrap {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

@media (min-width:1080px) {
    .modal-open .header__logoWrap {
        /*color: var(--color-font)*/
        color: #000;
    }
}

.header--clone .header__logoWrap {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:720px) {
    .header--clone .header__logoWrap {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

.header__logo {
    display: block;
    margin-right: 10px;
    width: 115px;
    height: 37px
}

@media (min-width:720px) {
    .header__logo {
        margin-right: 17px;
        width: 190px;
        height: 44px
    }
}

.header__name {
    display: none
}

@media (min-width:720px) {
    .header__name {
        display: block;
        padding-right: 0;
        font-size: 14px
    }
}

@media (min-width:375px) and (max-width:719px) {
    .header--clone .header__name {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-right: 20px;
        font-size: 12px;
        text-align: center
    }
}

.header__label {
    display: none
}

@media (min-width:1080px) {
    .header__label {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 14px;
        pointer-events: none
    }

    .modal-open .header__label {
        opacity: 0
    }

    .header__label > a {
        pointer-events: auto
    }
}

.header__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 0;
    padding-right: 36px;
    height: 50px;
    pointer-events: auto;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3em;
    text-transform: capitalize;
}

@media (max-width:719px) {
    .header__button span {
        position: absolute;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        white-space: nowrap
    }
}

@media (min-width:720px) {
    .header__button {
        padding-right: 47px;
        font-size: 14px
    }
}

@media (min-width:1080px) {
    .modal-open .header__button {
        opacity: 0;
        pointer-events: none
    }
}

.header__button:after, .header__button:before {
    content: "";
    position: absolute;
    right: 0;
    width: 22px;
    height: 2px;
    background: currentColor;
}

.header__button:before {
    top: 20px
}

.header__button:after {
    top: 28px
}

.loading-screen {
    font-size: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 103;
    contain: strict;
    cursor: default;
    background: #fff;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5em;
    pointer-events: none
}

@media (min-width:320px) {
    .loading-screen {
        font-size: 9px;
        font-size: calc(.52632vw - -7.31579px);
        font-size: calc(var(--font-size-multiplier)*0.00526*100vw - -7.31579px)
    }
}

@media (min-width:1080px) {
    .loading-screen {
        font-size: 13px;
        font-size: calc(var(--font-size-multiplier)*13px)
    }
}

.loading-screen__inner {
    position: relative;
    margin-bottom: 30px;
    width: 23.69047619%;
    min-width: 140px;
    max-width: 398px
}

    .loading-screen__inner:before {
        content: "";
        display: block;
        padding-bottom: 61.80904523%
    }

.loading-screen__children {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.loading-screen__outline {
    width: 100%;
    height: 100%;
    opacity: 0;
    will-change: opacity
}

    .loading-screen__outline > object {
        width: 100%;
        height: 100%
    }

.loading-screen__logoWrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    width: 100%;
    height: 100%
}

    .loading-screen__logoWrap > object {
        display: block;
        width: 27.13567839%;
        height: 27.64227642%;
        min-width: 50px;
        min-height: 31px;
        margin-bottom: 8.79396985%
    }

.loading-screen__text {
    position: absolute;
    z-index: 0;
    top: 65.04065041%;
    left: 0;
    right: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 27.63819095%;
    min-width: 70px
}

.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 102;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
    font-weight: 400;
    font-size: 26px;
    text-transform: capitalize;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: visibility .35s .35s;
    transition: visibility .35s .35s
}

@media (min-width:720px) and (min-height:600px) {
    .navigation {
        font-size: 34px
    }
}

@media (min-width:1080px) and (min-height:700px) {
    .navigation {
        font-size: 40px
    }
}

.nav-open .navigation {
    visibility: visible;
    pointer-events: auto;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media (max-width:719px) {
    .navigation__headerClone {
        opacity: 0;
        pointer-events: none
    }

    .nav-open .navigation__headerClone {
        opacity: 1
    }

    .navigation__headerClone .header__logo {
        pointer-events: auto
    }

    .navigation__headerClone .header__button {
        visibility: hidden
    }
}

@media (min-width:720px) {
    .navigation__headerClone {
        display: none
    }
}

.navigation__background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, .4);
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    will-change: opacity
}
/*@media (prefers-color-scheme:dark) {
.navigation__background {
  background: rgba(0, 0, 0, .6)
}
}*/
.nav-open .navigation__background {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.navigation__close {
    opacity: 0;
    pointer-events: none
}

.nav-open .navigation__close {
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    pointer-events: auto
}

.navigation__inner {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    height: 100%;
    width: 100%;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: auto;
    background: #fff;
    /*background: var(--color-background);*/
    text-align: right;
    -webkit-transform: translate3d(105%, 0, 0);
    transform: translate3d(105%, 0, 0);
    will-change: transform;
    scrollbar-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .navigation__inner::-webkit-scrollbar {
        display: none
    }

@media (min-width:720px) {
    .navigation__inner {
        width: 630px;
        padding-right: 40px
    }
}

.nav-open .navigation__inner {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

.navigation__list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 75px;
    width: 100%;
    line-height: 1.5
}

@media (min-width:720px) {
    .navigation__list {
        padding-top: 100px;
        margin-left: auto;
        max-width: 400px
    }
}

@media (min-height:600px) {
    .navigation__list {
        line-height: 2
    }
}

@media (min-height:700px) {
    .navigation__list {
        line-height: 2.3
    }
}

.navigation__item {
    position: relative;
    opacity: 0;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    will-change: opacity, transform
}

.nav-open .navigation__item:nth-child(10) {
    -webkit-transition-delay: 475ms;
    transition-delay: 475ms
}

.nav-open .navigation__item:nth-child(9) {
    -webkit-transition-delay: .4375s;
    transition-delay: .4375s
}

.nav-open .navigation__item:nth-child(8) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.nav-open .navigation__item:nth-child(7) {
    -webkit-transition-delay: .3625s;
    transition-delay: .3625s
}

.nav-open .navigation__item:nth-child(6) {
    -webkit-transition-delay: 325ms;
    transition-delay: 325ms
}

.nav-open .navigation__item:nth-child(5) {
    -webkit-transition-delay: .2875s;
    transition-delay: .2875s
}

.nav-open .navigation__item:nth-child(4) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.nav-open .navigation__item:nth-child(3) {
    -webkit-transition-delay: .2125s;
    transition-delay: .2125s
}

.nav-open .navigation__item:nth-child(2) {
    -webkit-transition-delay: 175ms;
    transition-delay: 175ms
}

.nav-open .navigation__item:first-child {
    -webkit-transition-delay: .1375s;
    transition-delay: .1375s
}

@media (min-width:720px) {
    .navigation__item {
        padding-right: 10px
    }
}

@media (min-width:720px) and (min-height:700px) {
    .navigation__item {
        padding-right: 30px
    }
}

.navigation__item-border {
    display: none
}

@media (min-width:720px) {
    .navigation__item-border {
        position: absolute;
        top: 2px;
        left: auto;
        right: 0;
        bottom: 0;
        z-index: 0;
        display: block;
        opacity: 0
    }
}

.navigation__item-border :first-child, .navigation__item-border :last-child {
    display: none
}

@media (min-width:720px) and (min-height:600px) and (pointer:fine) {
    .navigation__item-border {
        opacity: 0;
        right: -10px;
        stroke-dasharray: 900;
        stroke-dashoffset: 900;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: stroke-dashoffset .2s ease-in, opacity .1s ease-in;
        transition: stroke-dashoffset .2s ease-in, opacity .1s ease-in
    }

        .navigation__item-border :first-child {
            display: block
        }
}

@media (min-width:720px) and (pointer:fine) and (min-height:700px) {
    .navigation__item-border {
        right: 0;
        margin-top: -8px
    }

        .navigation__item-border :first-child {
            display: none
        }

        .navigation__item-border :last-child {
            display: block
        }
}

@media (min-width:1080px) and (min-height:700px) {
    .navigation__item-border {
        margin-top: 0
    }
}

@media (min-width:720px) and (pointer:fine) {
    .navigation__item:hover .navigation__item-border {
        stroke-dashoffset: 0;
        opacity: 1;
        -webkit-transition-duration: .4s, 50ms;
        transition-duration: .4s, 50ms
    }
}

.nav-open .navigation__item {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.navigation__link {
    display: block;
    position: relative;
    z-index: 1;
    white-space: nowrap
}

    .navigation__link > i {
        font-style: normal
    }

@supports (font-variation-settings:"wght"1) {
    .navigation__link > i {
        font-family: Gilroy Regular, sans-serif;
        font-variation-settings: "wdth" 500, "wght" 300
    }
}

.navigation__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 15px;
    padding-bottom: 22px;
    margin-top: auto
}

@media (min-width:720px) and (min-height:700px) {
    .navigation__social {
        padding-right: 30px
    }
}

.navigation__social-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: 10px
}

    .navigation__social-item:first-child {
        margin-left: 0
    }

@media (max-width:719px) {
    .navigation__social-item {
        /*border: 1px solid var(--color-border);*/
        border: 1px solid #000;
        border-radius: 50%
    }
}

@media (min-width:720px) {
    .navigation__social-item {
        margin-left: 20px
    }
}

.navigation__social-border {
    display: none;
    pointer-events: none
}

@media (min-width:720px) {
    .navigation__social-border {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        display: block;
        margin: auto;
        opacity: 0;
        stroke-dasharray: 200;
        stroke-dashoffset: 200;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: stroke-dashoffset .2s ease-in, opacity .1s ease-in;
        transition: stroke-dashoffset .2s ease-in, opacity .1s ease-in
    }
}

@media (pointer:fine) and (min-width:720px) {
    .navigation__social-item:hover .navigation__social-border {
        stroke-dashoffset: 0;
        opacity: 1;
        -webkit-transition-duration: .4s, 50ms;
        transition-duration: .4s, 50ms
    }
}

.navigation__social-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}

    .navigation__social-link > svg {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

.hero {
    color: #000;
}

    .hero.clone {
        pointer-events: none;
        z-index: 100
    }

@media (min-width:1080px) {
    .hero {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        min-width: 100vw
    }
}

.hero__header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
    pointer-events: auto
}

@media (min-width:1080px) {
    @supports ((-webkit-clip-path: polygon(0 0, 0 0, 0 0)) or (clip-path:polygon(0 0, 0 0, 0 0))) {
        @media (min-width:1080px) {
            .hero:not(.clone) .hero__header > * {
                -webkit-clip-path: polygon(0 0, calc(var(--scrollOffset, 1)*100%) 0, calc(var(--scrollOffset, 1)*100%) 100%, 0 100%);
                clip-path: polygon(0 0, calc(var(--scrollOffset, 1)*100%) 0, calc(var(--scrollOffset, 1)*100%) 100%, 0 100%)
            }
        }
    }
}

.hero__inner {
    padding-bottom: 50px
}

@media (max-width:1079px) {
    .hero__inner {
        pointer-events: none
    }
}

@media (min-width:1080px) {
    .hero__inner {
        position: absolute;
        z-index: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 148px;
        padding-top: var(--header-height);
        padding-bottom: 74px;
        width: 100vw;
        height: 100vh;
        text-transform: uppercase;
        contain: strict
    }
}

.hero__picture {
    display: block
}

@media (max-width:1079px) {
    .hero__picture {
        position: relative;
        z-index: 100;
        max-height: 75vh;
        overflow: hidden
    }

        .hero__picture:before {
            content: "";
            display: block;
            padding-bottom: 108%
        }
}

@media (min-width:1080px) {
    .hero__picture {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0
    }
}

.hero__image {
    width: 100%;
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (max-width:1079px) {
    .hero__image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.hero__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    z-index: 1
}

@media (max-width:1079px) {
    .hero__content {
        padding-top: 30px
    }
}

.hero__container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.hero__heading {
    font-size: 54px;
    font-family: Gordita Web, sans-serif;
    font-weight: 700;
    line-height: .9;
    text-transform: capitalize;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 50px;
    line-height: .85;
    color: #000;
}

@media (min-width:320px) {
    .hero__heading {
        font-size: 54px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px)
    }
}

@media (min-width:1080px) {
    .hero__heading {
        font-size: 100px;
        font-size: calc(var(--font-size-multiplier)*100px)
    }
}

.hero__heading > i, .hero__heading > u {
    font-style: normal;
    position: relative
}

@supports (font-variation-settings:"wdth"1) {
    .hero__heading > i,
    .hero__heading > u {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .hero__heading > i,
        .hero__heading > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

@supports (-webkit-text-stroke:1px) {
    .hero__heading > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

@media (min-width:320px) {
    .hero__heading {
        font-size: 50px;
        text-align: center;
        font-size: calc(21.32353vw - 18.23529px);
        font-size: calc(var(--font-size-multiplier)*0.21324*66vw - 18.23529px)
    }
}

@media (min-width:920px) {
    .hero__heading {
        text-align: left;
        font-size: 340px;
        font-size: calc(var(--font-size-multiplier)*50px)
    }
}

@media (min-width:1680px) {
    .hero__heading {
        font-size: 340px;
        font-size: calc(var(--font-size-multiplier)*60px)
    }
}

@media (min-width:1080px) {
    .hero__heading {
        opacity: 0;
        color: inherit;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-left: -5%;
        -webkit-transform: translate3d(calc(var(--scrollOffset)*5%), 0, 0);
        transform: translate3d(calc(var(--scrollOffset)*5%), 0, 0);
        -webkit-animation: enter .2s ease-in .2s forwards;
        animation: enter .2s ease-in .2s forwards
    }

    @-webkit-keyframes enter {
        to {
            opacity: 1
        }
    }

    @keyframes enter {
        to {
            opacity: 1
        }
    }
}

.hero__heading > u {
    text-decoration: none;
    font-style: normal
}

@supports (-webkit-text-stroke:1px) {
    .hero__heading > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

@media (min-width:1080px) {
    .hero__heading > u {
        text-decoration: none;
        font-style: normal
    }

    @supports (-webkit-text-stroke:1px) {
        .hero__heading > u {
            -webkit-text-stroke: 1px #fff;
            paint-order: stroke fill;
            color: transparent
        }
    }
}

.hero.clone .hero__heading i, .hero.clone .hero__heading u {
    font-variation-settings: "wdth" 400, "wght" 400
}

.hero__children {
    padding-top: 40px;
    width: 32.5em;
    max-width: 100%;
    text-transform: none;
    color: #000;
    /*color: var(--color-font)*/
}

@media (min-width:1080px) {
    .hero__children {
        padding-left: 1em;
        font-weight: 400;
        color: inherit
    }
}

.scroll-indicator {
    display: none
}

@media (min-width:1080px) {
    .scroll-indicator {
        display: block;
        opacity: 0;
        position: absolute;
        bottom: 60px;
        right: 0;
        white-space: nowrap;
        text-transform: uppercase;
        letter-spacing: .2em;
        font-size: 12px;
        font-weight: 700;
        color: inherit
    }

    .scroll-indicator__container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 70px;
        padding-left: var(--container-gutter);
        padding-right: 70px;
        padding-right: var(--container-gutter);
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .scroll-indicator__text {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 130px;
        height: 30px;
        line-height: 30px;
        white-space: nowrap
    }

    @supports (font-variation-settings:"wdth"1) {
        .scroll-indicator i {
            margin-left: .3em;
            font-family: Gilroy Regular, sans-serif;
            font-weight: 400;
            font-variation-settings: "wdth" 500, "wght" 800
        }
    }
}

.scroll-indicator__point {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    opacity: 0;
    border-radius: 100%;
    background: #000;
}

.scroll-indicator__circle {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    stroke-dasharray: 100;
    stroke-dashoffset: 100
}

.scroll-indicator__line {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 26px;
    margin: auto;
    width: 87px;
    height: 1.5px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    background: #000;
}

.media-item {
    position: relative;
    overflow: hidden
}

@media (min-width:1080px) {
    .media-item:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background: rgba(0, 0, 0, .15);
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out
    }

    .media-item:last-child:after {
        display: none
    }
}

@media (min-width:1080px) and (pointer:fine) {
    .media-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 0;
        opacity: 0;
        pointer-events: none;
        background: #f3f2f0;
        /*background: var(--color-background-grey);*/
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
        will-change: opacity
    }

    .media-item:focus-within:before,
    .media-item:hover:before {
        opacity: 1
    }
}

@media (max-width:1079px) {
    .media-item {
        margin-left: auto;
        margin-right: auto;
        max-width: 700px
    }
}

@media (min-width:1080px) {
    .media-item {
        padding-top: 148px;
        padding-top: calc(var(--header-height)*0.75);
        width: 31.81818182vw;
        min-width: 400px;
        max-width: 600px;
        height: 100%
    }
}

@media (min-width:1080px) and (min-height:900px) {
    .media-item {
        min-width: 490px
    }
}

.media-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    position: relative
}

@media (min-width:1080px) {
    .media-item__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        z-index: 1;
        height: 100%
    }
}

.media-item__container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

@media (min-width:1080px) {
    .media-item__container {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

.media-item__hgroup {
    display: block;
    position: relative;
    z-index: 1;
    padding-top: 30px;
    margin-bottom: 60px;
    cursor: pointer
}

@media (min-width:1080px) {
    .media-item__hgroup {
        margin-bottom: 1em;
        margin-left: calc(var(--container-gutter)*-0.5);
        margin-right: calc(var(--container-gutter)*-0.5);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        opacity: 1;
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out
    }
}

@media (min-width:1080px) and (min-height:900px) {
    .media-item__hgroup {
        margin-bottom: 1em;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:1080px) and (min-height:1000px) {
    .media-item__hgroup {
        margin-bottom: 3em
    }
}

@media (pointer:fine) and (min-width:1080px) {
    .media-item:hover .media-item__hgroup {
        opacity: .6
    }
}

.media-item__heading {
    font-size: 54px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: .08636364em;
}

.media-item__client {
    font-size: 26px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.3;
    text-transform: none;
    margin-bottom: .38636364em;
}

@media (min-width:320px) {
    .media-item__heading {
        font-size: 54px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px);
        text-align: left;
    }

    .media-item__client {
        font-size: 26px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px);
        text-align: left;
    }
}

@media (min-width:1080px) {
    .media-item__heading {
        font-size: 100px;
        font-size: calc(var(--font-size-multiplier)*100px);
        text-align: left;
    }

    .media-item__client {
        font-size: 70px;
        font-size: calc(var(--font-size-multiplier)*100px);
        text-align: left;
    }
}

.media-item__heading > i, .media-item__heading > u {
    font-style: normal;
    position: relative
}

@supports (font-variation-settings:"wdth"1) {
    .media-item__heading > i,
    .media-item__heading > u {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .media-item__heading > i,
        .media-item__heading > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

.media-item__heading > u {
    text-decoration: none;
    font-style: normal
}

@supports (-webkit-text-stroke:1px) {
    .media-item__heading > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

@media (min-width:320px) {
    .media-item__heading {
        font-size: 28px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -15.26316px)
    }

    .media-item__client {
        font-size: 16px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -19.26316px)
    }
}

@media (min-width:1080px) {
    .media-item__heading {
        font-size: 36px;
        font-size: calc(var(--font-size-multiplier)*25px)
    }

    .media-item__client {
        font-size: 18px;
        font-size: calc(var(--font-size-multiplier)*25px)
    }
}

@media (min-width:1080px) and (max-height:899px) {
    .media-item__heading {
        font-size: 22px
    }

    .media-item__client {
        font-size: 18px
    }
}

@media (min-width:1080px) and (min-height:900px) {
    .media-item__heading {
        margin-bottom: .11363636em
    }

    .media-item__client {
        margin-bottom: .61363636em
    }
}

.media-item__text {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: .1em;
    line-height: 1.5
}

@media (min-width:320px) {
    .media-item__text {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .media-item__text {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px)
    }
}

.media-item__picture {
    display: block;
    position: relative;
    overflow: hidden
}

@media (min-width:1080px) {
    .media-item__picture {
        max-height: 50vh
    }
}

.media-item__picture:before {
    content: "";
    display: block;
    padding-bottom: 90%
}

.media-item__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    background: #000
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .media-item__image {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top center;
        object-position: top center
    }
}

.media-group {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    width: 0;
    overflow: hidden
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.media-group > :first-child, .media-group > :nth-child(2), .media-group > :nth-child(3), .media-group > :nth-child(4), .media-group > :nth-child(5), .media-group > :nth-child(6) {
    opacity: 0
}

.media-group--active {
    position: relative;
    z-index: 1;
    width: auto;
    min-width: 100vw;
    opacity: 1;
    -webkit-transition: opacity .25s ease-in;
    transition: opacity .25s ease-in;
    background-color: #fff;
}

    .media-group--active > :nth-child(6) {
        -webkit-animation: fadeIn .3s ease-in forwards;
        animation: fadeIn .3s ease-in forwards;
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }

    .media-group--active > :nth-child(5) {
        -webkit-animation: fadeIn .3s ease-in forwards;
        animation: fadeIn .3s ease-in forwards;
        -webkit-animation-delay: 425ms;
        animation-delay: 425ms
    }

    .media-group--active > :nth-child(4) {
        -webkit-animation: fadeIn .3s ease-in forwards;
        animation: fadeIn .3s ease-in forwards;
        -webkit-animation-delay: .35s;
        animation-delay: .35s
    }

    .media-group--active > :nth-child(3) {
        -webkit-animation: fadeIn .3s ease-in forwards;
        animation: fadeIn .3s ease-in forwards;
        -webkit-animation-delay: 275ms;
        animation-delay: 275ms
    }

    .media-group--active > :nth-child(2) {
        -webkit-animation: fadeIn .3s ease-in forwards;
        animation: fadeIn .3s ease-in forwards;
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .media-group--active > :first-child {
        -webkit-animation: fadeIn .3s ease-in forwards;
        animation: fadeIn .3s ease-in forwards;
        -webkit-animation-delay: 125ms;
        animation-delay: 125ms
    }

.media-group--loading {
    opacity: .2
}

@media (min-width:1080px) {
    .media-group {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .media-group--active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.tabs {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: .1em;
    position: relative;
    padding-bottom: 50px
}

@media (min-width:320px) {
    .tabs {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .tabs {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px)
    }
}

@media (max-width:1079px) {
    .tabs {
        background: var(--color-background)
    }
}

@media (min-width:1080px) {
    .tabs {
        position: fixed;
        top: 148px;
        top: calc(var(--header-height)*0.75);
        left: 0;
        right: 0;
        z-index: 99;
        padding: 0;
        color: inherit;
        font-weight: 500;
        letter-spacing: .3em;
        -webkit-clip-path: polygon(calc(var(--scrollOffset, 0)*100%) 0, 100% 0, 100% 100%, calc(var(--scrollOffset, 0)*100%) 100%);
        clip-path: polygon(calc(var(--scrollOffset, 0)*100%) 0, 100% 0, 100% 100%, calc(var(--scrollOffset, 0)*100%) 100%)
    }

    .modal-open .tabs {
        opacity: 0;
        pointer-events: none
    }
}

@media (max-width:1079px) {
    .tabs__anchor {
        -webkit-transform: translateY(-90px);
        transform: translateY(-90px)
    }
}

@media (min-width:1080px) {
    .tabs__ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:1079px) {
    .tabs__li {
        margin-bottom: 20px
    }

        .tabs__li:last-child {
            margin-bottom: 0
        }
}

.tabs__item, .tabs__select {
    font-family: Gilroy Regular;
}

@media (min-width:1080px) {
    .tabs__item,
    .tabs__select {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        margin: 0 1em;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-family: Gilroy Regular;
    }
}

@media (max-width:1079px) {
    .tabs__item {
        padding-bottom: 4px
    }

    .tabs__item--active {
        border-bottom: 1px solid
    }

    .tabs__item--disabled {
        display: none
    }
}

@media (min-width:1080px) {
    .tabs__item {
        position: relative
    }

        .tabs__item > svg {
            display: none
        }

        .tabs__item:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 2px;
            margin: auto;
            height: 2px;
            opacity: 0;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: left center;
            transform-origin: left center;
            background: #000;
            -webkit-transition: opacity .15s ease, -webkit-transform .25s ease-in-out;
            transition: opacity .15s ease, -webkit-transform .25s ease-in-out;
            transition: transform .25s ease-in-out, opacity .15s ease;
            transition: transform .25s ease-in-out, opacity .15s ease, -webkit-transform .25s ease-in-out
        }

    .tabs__item--active {
        cursor: default
    }

    .tabs__item--previous:before {
        -webkit-transform-origin: right center;
        transform-origin: right center
    }

    .tabs__item--active:before {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .tabs__item--disabled {
        opacity: .5;
        pointer-events: none
    }
}

.tabs__select-wrap {
    position: relative;
    max-width: 10em
}

@media (max-width:1079px) {
    .tabs__select-wrap {
        padding-bottom: 4px
    }

    .tabs__select-wrap--active {
        border-bottom: 1px solid
    }
}

.tabs__select-wrap:after, .tabs__select-wrap:before {
    content: "";
    position: absolute;
    pointer-events: none
}

@media (min-width:1080px) {
    .tabs__select-wrap {
        max-width: none
    }

        .tabs__select-wrap:before {
            bottom: 0;
            left: calc(1em + 20px);
            right: calc(1em + 25px);
            height: 2px;
            opacity: 0;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: left center;
            transform-origin: left center;
            background: currentColor;
            -webkit-transition: opacity .15s ease, -webkit-transform .25s ease-in-out;
            transition: opacity .15s ease, -webkit-transform .25s ease-in-out;
            transition: transform .25s ease-in-out, opacity .15s ease;
            transition: transform .25s ease-in-out, opacity .15s ease, -webkit-transform .25s ease-in-out
        }

    .tabs__select-wrap--active:before {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tabs__select-wrap:after {
    top: 0;
    bottom: 5px;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-color: currentcolor hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0);
    border-style: solid;
    border-width: 6px 6px 0
}

@media (min-width:1080px) {
    .tabs__select-wrap:after {
        right: 15px
    }
}

.tabs__select {
    display: block;
    position: relative;
    padding: 0;
    text-transform: uppercase;
    overflow: visible
}

@media (max-width:1079px) {
    .tabs__select {
        display: block;
        width: 100%
    }
}

@media (min-width:1080px) {
    .tabs__select {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 5px
    }
}

.tabs__select option {
    font-weight: inherit
}

@media (max-width:1079px) {
    .hero-home {
        position: relative;
        z-index: 100;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 100vh;
        background-color: #fff;
        background-image: url(../assets/images/bg-home.jpg);
        background-size: cover;
        background-position: 70%;
    }
}

.hero-home__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 60px
}

@media (min-width:1080px) {
    .hero-home__wrapper {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        padding-top: 148px;
        padding-top: var(--header-height);
        padding-bottom: 74px;
        width: 100vw;
        min-height: 100vh;
        contain: strict;
        background-color: #fff;
        background-image: url(../assets/images/bg-home.jpg);
        background-size: cover;
        background-position: -50px;
        background-repeat: no-repeat;
    }
}

.hero-home__container, .hero-home__inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.hero-home__container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter)
}

.hero-home__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width:1080px) {
    .hero-home__row {
        max-width: none
    }
}

.hero-home__cover {
    margin: 30px auto 60px;
    width: 100%;
    max-width: 700px;
    min-height: 200px;
    max-height: 65vh;
    background-image: url(../assets/images/hero-remember.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

    .hero-home__cover:before {
        content: "";
        display: block;
        padding-bottom: 95.28571429%
    }

@media (min-width:720px) {
    .hero-home__cover {
        margin-top: 50px;
        max-height: 55vh
    }
}

@media (min-width:1080px) {
    .hero-home__cover {
        margin: 0 0 0 4.54545455%;
        width: 45.45454545%;
        max-width: none;
        max-height: calc(100vh - 222px)
    }
}

.hero-home__content {
    width: 100%;
    /*text-transform: uppercase;*/
    pointer-events: none
}

@media (min-width:1080px) {
    .hero-home__content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        z-index: 99;
        margin: auto;
        padding-left: 0;
        -webkit-clip-path: polygon(0 0, calc(var(--scrollOffset, 1)*100%) 0, calc(var(--scrollOffset, 1)*100%) 100%, 0 100%);
        clip-path: polygon(0 0, calc(var(--scrollOffset, 1)*100%) 0, calc(var(--scrollOffset, 1)*100%) 100%, 0 100%)
    }
}
/*@media (prefers-color-scheme:dark) {
.hero-home__content {
  opacity: .8
}
}*/
.hero-home__content-inner {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 55px
}

@media (max-width:1079px) {
    .hero-home__content-inner {
        margin-left: auto;
        margin-right: auto;
        max-width: 700px
    }
}

@media (min-width:1080px) {
    .hero-home__content-inner {
        margin: auto 0 auto 36.36363636%;
        padding-left: 0;
        padding-right: 70px;
        padding-bottom: 0;
        width: 45.45454545%;
        max-width: 700px
    }
}

@media (min-width:1680px) {
    .hero-home__content-inner {
        margin-right: 4.54545455%;
        width: 40.90909091%
    }
}

.hero-home__svg {
    display: block;
    margin-bottom: 14.03508772%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:720px) {
    .hero-home__svg {
        margin-bottom: 9.64912281%
    }
}

@media (min-width:1080px) {
    .hero-home__svg {
        margin-left: 0;
        max-width: 100%
    }
}

.hero-home__buttonWrap, .hero-home__text {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:720px) {
    .hero-home__text {
        display: block;
        line-height: 1.5;
        font-weight: 300;
        font-size: calc(var(--font-size-multiplier)*35px);
    }
}

.hero-home__buttonWrap {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto;
    pointer-events: auto;
}

@media (min-width:1080px) {
    .hero-home__buttonWrap {
        margin-right: -30px
    }
}

@media (max-width:1079px) {
    .hero-home__button {
        width: 180px;
        padding-right: 30px;
    }

        .hero-home__button .button__border {
            border-radius: 50px;
            border-color: #000;
        }
}

.button > .button--medium > .hero-home__button {
    -webkit-animation: fadein 4s linear forwards;
    animation: fadein 4s linear forwards;
}

.home-about {
    position: relative;
    background: #fff;
    background: var(--color-background)
}

@media (min-width:1080px) {
    .home-about {
        padding-top: 148px;
        padding-top: var(--header-height);
        padding-bottom: 74px;
        min-width: 960px;
        width: 50vw
    }
}

@media (min-width:1080px) {
    .home-about,
    .home-about__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .home-about__inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.home-about__container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:1080px) {
    .home-about__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.home-about__content {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-bottom: 75px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 70px;
    width: 100%;
    max-width: 660px
}

@media (min-width:1080px) {
    .home-about__content {
        margin: 0;
        padding-top: 0;
        max-width: 66.66666667%;
        font-weight: 300;
        font-size: calc(var(--font-size-multiplier)*19.5px);
    }
}

.home-about__heading {
    margin-bottom: 1.25em;
    /*letter-spacing: .2em;
text-transform: uppercase;*/
    font-weight: 600
}

.home-item {
    position: relative;
    padding-bottom: 55px
}

@media (min-width:1080px) {
    .home-item:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background: rgba(0, 0, 0, .15);
        background: var(--color-border);
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out
    }

    .home-item:last-child:after {
        display: none
    }
}

@media (min-width:1080px) and (pointer:fine) {
    .home-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 0;
        opacity: 0;
        pointer-events: none;
        background: #f3f2f0;
        background: var(--color-background-grey);
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
        will-change: opacity
    }

    .home-item:focus-within:before,
    .home-item:hover:before {
        opacity: 1
    }
}

.home-item:after {
    display: none
}

@media (max-width:1079px) {
    .home-item {
        margin-left: auto;
        margin-right: auto;
        max-width: 800px
    }

        .home-item:nth-child(2n) {
            text-align: right
        }
}

@media (min-width:800px) and (max-width:1079px) {
    .home-item {
        margin-bottom: 40px
    }
}

@media (min-width:1080px) {
    .home-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-top: 148px;
        padding-top: var(--header-height);
        padding-bottom: 130px;
        width: 50vw;
        min-width: 840px
    }
}

@media (min-width:1080px) and (min-height:800px) {
    .home-item {
        padding-bottom: 74px
    }

    .home-item--align-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .home-item--align-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .home-item--align-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.home-item__inner {
    position: relative;
    z-index: 1
}

.home-item__container, .home-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.home-item__container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter)
}

@media (min-width:1080px) {
    .home-item__container {
        padding-left: calc(var(--container-gutter)*1.5);
        padding-right: calc(var(--container-gutter)*1.5)
    }
}

.home-item__content {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%
}

@media (min-width:1080px) {
    .home-item--heading-before .home-item__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:1080px) {
    .home-item--heading-after .home-item__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.home-item__hgroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 30px
}

@media (min-width:1080px) {
    .home-item__hgroup {
        margin-top: 0;
        user-drag: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out
    }
}

@media (min-width:1080px) and (pointer:fine) {
    .home-item:hover .home-item__hgroup {
        opacity: .6
    }
}

@media (min-width:1080px) {
    .home-item--heading-before .home-item__hgroup {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.home-item__heading {
    text-transform: capitalize;
    margin-bottom: 15px
}

@media (min-width:1080px) {
    .home-item__heading {
        margin-bottom: 0;
        margin-top: 20px
    }
}

@media (min-width:1080px) {
    .home-item--heading-after .home-item__heading {
        margin-bottom: 30px;
        margin-top: 0
    }
}

.home-item__picture {
    display: block;
    position: relative;
    margin-left: calc(var(--container-gutter)*-1);
    margin-right: calc(var(--container-gutter)*-1);
    overflow: hidden
}

    .home-item__picture:before {
        content: "";
        display: block;
        padding-bottom: 62.38095238%
    }

@media (min-width:1080px) {
    .home-item__picture {
        margin-left: 0;
        margin-top: 30px;
        margin-bottom: 0;
        width: 100%;
        max-height: 40vh
    }
}

@media (min-width:1080px) and (min-height:850px) {
    .home-item__picture {
        margin-top: 60px;
        margin-bottom: 0
    }
}

@media (min-width:1080px) {
    .home-item--heading-after .home-item__picture {
        margin-top: 0;
        margin-bottom: 30px
    }
}

@media (min-width:1080px) and (min-height:850px) {
    .home-item--heading-after .home-item__picture {
        margin-bottom: 60px;
        margin-top: 0
    }
}

.home-item__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: none
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .home-item__image {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
    }
}

@media (pointer:fine) {
    .home-item__image {
        -webkit-transform: none;
        transform: none;
        -webkit-transition: -webkit-transform .4s ease-out;
        transition: -webkit-transform .4s ease-out;
        transition: transform .4s ease-out;
        transition: transform .4s ease-out, -webkit-transform .4s ease-out
    }
}

@media (pointer:fine) {
    .home-item:focus-within .home-item__image,
    .home-item:hover .home-item__image {
        -webkit-transform: scale3d(1.05, 1.05, 1);
        transform: scale3d(1.05, 1.05, 1)
    }
}

.home-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    height: 100vh;
    overflow: hidden;
    background: #180d07;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (min-width:1080px) {
    .home-video {
        width: 100vw;
        height: 100%;
        z-index: 100
    }
}

.home-video__header {
    display: none
}

@media (min-width:1080px) {
    .home-video__header {
        display: block
    }
}

.home-video__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-size: cover;
    background-position: 50%;
    background-image: url(../assets/images/home-video-first-frame.jpg)
}

.home-video__video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.home-video__credits {
    position: absolute;
    z-index: 1;
    padding-left: var(--container-gutter);
    padding-bottom: var(--container-gutter);
    padding-right: var(--container-gutter);
    line-height: 1.6;
    font-size: 14px;
    font-weight: 500;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.home-video__heading {
    font-size: 48px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 20px;
    margin-bottom: .36818182em;
    font-weight: 400;
}

.home-video__client {
    font-size: 43px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    text-transform: capitalize;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 17px;
    margin-bottom: .56818182em;
    font-weight: 700;
}

@media (min-width:320px) {
    .home-video__heading {
        font-size: 48px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px)
    }

    .home-video__client {
        font-size: 43px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px)
    }
}

@media (min-width:1080px) {
    .home-video__heading {
        font-size: 100px;
        font-size: calc(var(--font-size-multiplier)*80px)
    }

    .home-video__client {
        font-size: 100px;
        font-size: calc(var(--font-size-multiplier)*65px)
    }
}

.home-video__heading > i, .home-video__heading > u {
    font-style: normal;
    position: relative
}

.home-video__client > i, .home-video__client > u {
    font-style: normal;
    position: relative
}

@supports (font-variation-settings:"wdth"1) {
    .home-video__heading > i,
    .home-video__heading > u {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    .home-video__client > i,
    .home-video__client > u {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 700;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .home-video__heading > i,
        .home-video__heading > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }

        .home-video__client > i,
        .home-video__client > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

.home-video__heading > u {
    text-decoration: none;
    font-style: normal
}

.home-video__client > u {
    text-decoration: none;
    font-style: normal
}

@supports (-webkit-text-stroke:1px) {
    .home-video__heading > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }

    .home-video__client > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

@media (min-width:320px) {
    .home-video__heading {
        font-size: 28px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -18.26316px)
    }

    .home-video__client {
        font-size: 28px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -14.26316px)
    }
}

@media (min-width:1080px) {
    .home-video__heading {
        font-size: 38xp;
        font-size: calc(var(--font-size-multiplier)*40px)
    }

    .home-video__client {
        font-size: 30px;
        font-size: calc(var(--font-size-multiplier)*35px)
    }
}

.home-video__button {
    left: 0;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: block;
    z-index: 2;
    width: 98px;
    height: 98px;
    border-radius: 100%;
    border: 2px solid #fff
}

    .home-video__button, .home-video__button:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

        .home-video__button:after {
            left: 0;
            content: "";
            left: 10%;
            width: 0;
            height: 0;
            border-color: hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) #fff;
            border-style: solid;
            border-width: 20px 0 20px 30px
        }

        .home-video__button span {
            position: absolute;
            height: 1px;
            width: 1px;
            overflow: hidden;
            clip: rect(1px 1px 1px 1px)
        }

.home-video__modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    background: #000;
    color: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: visibility .5s, opacity .5s;
    transition: visibility .5s, opacity .5s
}

    .home-video__modal.active {
        height: 100%;
        opacity: 1;
        visibility: visible
    }

        .home-video__modal.active:focus {
            opacity: .1
        }

    .home-video__modal iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

@media (max-width:719px) {
    .home-video__modal iframe {
        width: 100%
    }
}

@media (min-width:720px) {
    .home-video__modal iframe {
        min-width: 100%;
        min-height: 100%
    }
}

.hero-tour-dates + .tabs {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    border-bottom: 1px solid var(--color-border)
}

@media (min-width:1080px) {
    .hero-tour-dates + .tabs {
        border-bottom: 0
    }
}

.tour-dates-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    overflow: hidden;
    border-bottom: 1px solid var(--color-border)
}

    .tour-dates-item:last-child {
        border-bottom: 0
    }

@media (min-width:1080px) {
    .tour-dates-item {
        border-bottom: 0
    }
}

.tour-dates-item--default {
    position: relative
}

@media (min-width:1080px) {
    .tour-dates-item--default:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background: rgba(0, 0, 0, .15);
        background: var(--color-border);
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out
    }

    .tour-dates-item--default:last-child:after {
        display: none
    }
}

@media (min-width:1080px) and (pointer:fine) {
    .tour-dates-item--default:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 0;
        opacity: 0;
        pointer-events: none;
        background: #f3f2f0;
        background: var(--color-background-grey);
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
        will-change: opacity
    }

    .tour-dates-item--default:focus-within:before,
    .tour-dates-item--default:hover:before {
        opacity: 1
    }
}

@media (min-width:1080px) {
    .tour-dates-item--default {
        width: 490px
    }
}

@media (min-width:1080px) {
    .tour-dates-item--small {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.tour-dates-item__container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding-top: 35px;
    padding-bottom: 45px
}

@media (min-width:1080px) {
    .tour-dates-item--default .tour-dates-item__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-top: 148px;
        padding-top: calc(var(--header-height) + 120px);
        z-index: 1;
        height: 100%
    }

    .tour-dates-item--small .tour-dates-item__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 0 35px;
        height: 100%
    }
}

@media (min-width:1080px) and (min-height:700px) {
    .tour-dates-item--default .tour-dates-item__container {
        padding-bottom: 70px
    }
}

@media (min-width:1080px) and (pointer:fine) {
    .tour-dates-item--default .tour-dates-item__container {
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out
    }

        .tour-dates-item--default .tour-dates-item__container:hover {
            opacity: .6
        }
}

.tour-dates-item__buttonWrap {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 60%
}

@media (min-width:1080px) {
    .tour-dates-item__buttonWrap {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width:1080px) {
    .tour-dates-item--default .tour-dates-item__buttonWrap {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-right: -20px;
        width: auto;
        max-width: 490px
    }

    .tour-dates-item--small .tour-dates-item__buttonWrap {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 150px;
        margin-left: auto;
        margin-top: 2px
    }
}

.tour-dates-item__details {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-top: 30px;
    line-height: 1.1
}

@media (min-width:1080px) {
    .tour-dates-item--default .tour-dates-item__details {
        padding: 80px 0
    }

    .tour-dates-item--small .tour-dates-item__details {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
        padding-top: 0
    }
}

.tour-dates-item__address {
    font-size: 54px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 28px;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
    max-width: 600px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1.1;
    text-transform: none
}

@media (min-width:320px) {
    .tour-dates-item__address {
        font-size: 54px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px)
    }
}

@media (min-width:1080px) {
    .tour-dates-item__address {
        font-size: 100px;
        font-size: calc(var(--font-size-multiplier)*100px)
    }
}

.tour-dates-item__address > i, .tour-dates-item__address > u {
    font-style: normal;
    position: relative
}

@supports (font-variation-settings:"wdth"1) {
    .tour-dates-item__address > i,
    .tour-dates-item__address > u {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .tour-dates-item__address > i,
        .tour-dates-item__address > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

.tour-dates-item__address > u {
    text-decoration: none;
    font-style: normal
}

@supports (-webkit-text-stroke:1px) {
    .tour-dates-item__address > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

@media (min-width:320px) {
    .tour-dates-item__address {
        font-size: 28px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -21.26316px);
        font-weight: 600;
    }
}

@media (min-width:1080px) {
    .tour-dates-item__address {
        font-size: 44px;
        font-size: calc(var(--font-size-multiplier)*44px)
    }
}

@media (min-width:1080px) {
    .tour-dates-item--default .tour-dates-item__address {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: .45454545em;
        font-weight: 600;
    }

        .tour-dates-item--default .tour-dates-item__address > span {
            display: block;
            width: 100%;
            min-height: 2em;
        }

    .tour-dates-item--small .tour-dates-item__address {
        font-size: 22px;
        font-weight: 600
    }
}

@media (min-width:1080px) and (max-height:699px) {
    .tour-dates-item--default .tour-dates-item__address {
        font-size: 34px
    }
}

@media (min-width:1080px) and (min-height:700px) {
    .tour-dates-item--default .tour-dates-item__address {
        min-height: 1.5em;
        margin-top: -0.75em
    }
}

.tour-dates-item__venue {
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    line-height: 1.3em;
    letter-spacing: .1em;
    display: block
}

@media (min-width:320px) {
    .tour-dates-item__venue {
        font-size: 14px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .tour-dates-item__venue {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*16px);
    }
}

.tour-dates-item__button {
    white-space: nowrap
}

@media (max-width:1079px) {
    .tour-dates-item__button {
        padding-left: 15px;
        font-size: 11px
    }
}

@media (max-width:1079px) {
    .tour-dates-item__date {
        font-size: 12px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 1.1;
        letter-spacing: .1em
    }
}

@media (max-width:1079px) and (min-width:320px) {
    .tour-dates-item__date {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (max-width:1079px) and (min-width:1080px) {
    .tour-dates-item__date {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px);
        width: 100%
    }
}

@media (min-width:1080px) {
    .tour-dates-item--default .tour-dates-item__date {
        font-size: 12px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 1.1;
        letter-spacing: .1em
    }
}

@media (min-width:1080px) and (min-width:320px) {
    .tour-dates-item--default .tour-dates-item__date {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) and (min-width:1080px) {
    .tour-dates-item--default .tour-dates-item__date {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px);
        width: 100%
    }
}

@media (min-width:1080px) {
    .tour-dates-item--small .tour-dates-item__date {
        width: 140px;
        line-height: 1.2
    }
}

@media (max-width:1079px) {
    .tour-dates-item__day {
        font-size: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: .22222222em;
        font-weight: 400;
        text-transform: none;
        line-height: 1;
        letter-spacing: 0
    }

    @supports (font-variation-settings:"wdth"1) {
        .tour-dates-item__day > span:first-letter {
            font-family: Gilroy Regular, sans-serif;
            font-variation-settings: "wdth" 400
        }
    }
}

@media (max-width:1079px) and (min-width:320px) {
    .tour-dates-item__day {
        font-size: 24px;
        font-size: calc(1.57895vw - -18.94737px);
        font-size: calc(var(--font-size-multiplier)*0.01579*100vw - -18.94737px)
    }
}

@media (max-width:1079px) and (min-width:1080px) {
    .tour-dates-item__day {
        font-size: 36px;
        font-size: calc(var(--font-size-multiplier)*36px)
    }
}

@media (min-width:1080px) {
    .tour-dates-item--default .tour-dates-item__day {
        font-size: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: .22222222em;
        font-weight: 400;
        text-transform: none;
        line-height: 1;
        letter-spacing: 0;
    }

    @supports (font-variation-settings:"wdth"1) {
        .tour-dates-item--default .tour-dates-item__day > span:first-letter {
            font-family: Gilroy Regular, sans-serif;
            font-variation-settings: "wdth" 400
        }
    }
}

@media (min-width:1080px) and (min-width:320px) {
    .tour-dates-item--default .tour-dates-item__day {
        font-size: 24px;
        font-size: calc(1.57895vw - -18.94737px);
        font-size: calc(var(--font-size-multiplier)*0.01579*100vw - -18.94737px)
    }
}

@media (min-width:1080px) and (min-width:1080px) {
    .tour-dates-item--default .tour-dates-item__day {
        font-size: 36px;
        font-size: calc(var(--font-size-multiplier)*36px)
    }
}

@media (min-width:1080px) {
    .tour-dates-item--small .tour-dates-item__day {
        display: block;
        margin-bottom: 10px;
        font-size: 22px;
        font-weight: 500;
        line-height: 1
    }
}

.tour-dates-item__month-short {
    display: none
}

@media (min-width:1080px) {
    .tour-dates-item--small .tour-dates-item__month-short {
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 1.1;
        letter-spacing: .1em;
        display: block
    }
}

@media (min-width:1080px) and (min-width:320px) {
    .tour-dates-item--small .tour-dates-item__month-short {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) and (min-width:1080px) {
    .tour-dates-item--small .tour-dates-item__month-short {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px)
    }
}

@media (min-width:1080px) {
    .tour-dates-item--small .tour-dates-item__month-long {
        display: none
    }
}

.tour-dates-archive-link, .premios-archive-link {
    position: relative;
    display: block;
    padding: 40px 0;
    overflow: hidden;
    background: #f3f2f0
}

@media (min-width:1080px) {
    .tour-dates-archive-link:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background: rgba(0, 0, 0, .15);
        background: var(--color-border);
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out
    }

    .tour-dates-archive-link:last-child:after {
        display: none
    }
}

@media (min-width:1080px) and (pointer:fine) {
    .tour-dates-archive-link:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 0;
        opacity: 0;
        pointer-events: none;
        background: #f3f2f0;
        background: var(--color-background-grey);
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
        will-change: opacity
    }

    .tour-dates-archive-link:focus-within:before,
    .tour-dates-archive-link:hover:before {
        opacity: 1
    }
}

@media (min-width:720px) {
    .tour-dates-archive-link {
        padding: 50px 0
    }
}

@media (min-width:1080px) {
    .tour-dates-archive-link {
        padding-top: 148px;
        padding-bottom: 148px;
        width: 280px;
        background: #fff;
        background: var(--color-background);
        margin-left: auto
    }

        .tour-dates-archive-link:after {
            display: none
        }
}

.tour-dates-archive-link__container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    z-index: 1
}

@media (pointer:fine) {
    .tour-dates-archive-link__container {
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out
    }

        .tour-dates-archive-link__container:hover {
            opacity: .6
        }
}

@media (min-width:1080px) {
    .tour-dates-archive-link__container {
        padding: 0;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.tour-dates-archive-link__text {
    font-size: 54px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1;
    text-transform: none
}

@media (min-width:320px) {
    .tour-dates-archive-link__text {
        font-size: 54px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px)
    }
}

@media (min-width:1080px) {
    .tour-dates-archive-link__text {
        font-size: 100px;
        font-size: calc(var(--font-size-multiplier)*100px)
    }
}

.tour-dates-archive-link__text > i, .tour-dates-archive-link__text > u {
    font-style: normal;
    position: relative
}

@supports (font-variation-settings:"wdth"1) {
    .tour-dates-archive-link__text > i,
    .tour-dates-archive-link__text > u {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .tour-dates-archive-link__text > i,
        .tour-dates-archive-link__text > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

.tour-dates-archive-link__text > u {
    text-decoration: none;
    font-style: normal
}

@supports (-webkit-text-stroke:1px) {
    .tour-dates-archive-link__text > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

@media (min-width:320px) {
    .tour-dates-archive-link__text {
        font-size: 28px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -21.26316px)
    }
}

@media (min-width:1080px) {
    .tour-dates-archive-link__text {
        font-size: 44px;
        font-size: calc(var(--font-size-multiplier)*44px);
        display: block;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: center;
        transform-origin: center;
        text-align: center;
        margin-top: 2em;
        width: 100%
    }
}

@media (min-width:1080px) and (min-height:600px) {
    .tour-dates-archive-link__text {
        white-space: nowrap
    }
}

.tour-dates-message {
    padding: 45px 0;
    border-bottom: 1px solid var(--color-border)
}

@media (min-width:720px) and (min-height:700px) {
    .tour-dates-message {
        padding-bottom: 70px
    }
}

@media (min-width:1080px) {
    .tour-dates-message {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-top: 148px;
        padding-top: var(--header-height);
        min-width: 840px;
        border-right: 1px solid var(--color-border);
        border-bottom: 0
    }
}

.tour-dates-message__heading {
    font-size: 54px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1;
    text-transform: none;
    margin-bottom: .5em
}

@media (min-width:320px) {
    .tour-dates-message__heading {
        font-size: 54px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px)
    }
}

@media (min-width:1080px) {
    .tour-dates-message__heading {
        font-size: 100px;
        font-size: calc(var(--font-size-multiplier)*100px)
    }
}

.tour-dates-message__heading > i, .tour-dates-message__heading > u {
    font-style: normal;
    position: relative
}

@supports (font-variation-settings:"wdth"1) {
    .tour-dates-message__heading > i,
    .tour-dates-message__heading > u {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .tour-dates-message__heading > i,
        .tour-dates-message__heading > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

.tour-dates-message__heading > u {
    text-decoration: none;
    font-style: normal
}

@supports (-webkit-text-stroke:1px) {
    .tour-dates-message__heading > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

@media (min-width:320px) {
    .tour-dates-message__heading {
        font-size: 28px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -21.26316px)
    }
}

@media (min-width:1080px) {
    .tour-dates-message__heading {
        font-size: 44px;
        font-size: calc(var(--font-size-multiplier)*44px)
    }
}

.tour-dates-message__container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .tour-dates-message__container > p {
        max-width: 640px
    }

.tour-dates-group__controls {
    display: none
}

@media (min-width:1080px) {
    .tour-dates-group {
        position: relative;
        padding-left: 70px;
        padding-right: 30px;
        padding-top: 148px;
        padding-top: calc(var(--header-height) + 40px);
        width: 980px;
        height: 100%;
        border-right: 1px solid var(--color-border)
    }

    .tour-dates-group__inner {
        display: block;
        position: relative;
        height: 100%;
        overflow: hidden
    }

    .tour-dates-group--has-overflow .tour-dates-group__inner {
        padding-bottom: 70px
    }

    .tour-dates-group__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        min-height: 100%
    }

    .tour-dates-group--has-overflow .tour-dates-group__controls {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        padding-top: 120px;
        height: 200px;
        width: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(var(--color-background)));
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), var(--color-background))
    }

    .tour-dates-group--has-overflow .tour-dates-group__controls,
    .tour-dates-group__button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        pointer-events: none
    }

    .tour-dates-group__button {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 9px;
        width: 32px;
        height: 32px;
        overflow: hidden;
        opacity: .4
    }

        .tour-dates-group__button:first-child {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .tour-dates-group__button.active {
            opacity: 1;
            pointer-events: auto;
            cursor: pointer
        }
}

@media (max-width:1079px) {
    .works-modal {
        z-index: 0
    }

        .works-modal.active {
            z-index: 101;
            overflow: auto
        }

    .works-modal__inner {
        overflow: hidden;
        padding-top: 100px;
        padding-bottom: 70px
    }

    .works-modal__inner-video {
        overflow: hidden;
        /*padding-top: 100px;
  padding-bottom: 70px*/
    }

    .works-modal__contentWrap {
        padding-left: 30px;
        padding-left: var(--container-gutter);
        padding-right: 30px;
        padding-right: var(--container-gutter);
        margin-left: auto;
        margin-right: auto;
        max-width: calc(700px + var(--container-gutter)*2)
    }

    .works-modal__content {
        margin-left: auto;
        margin-right: auto;
        max-width: 700px;
        width: 100%
    }

    .works-modal__content--description {
        padding-bottom: 40px
    }

    .works-modal--no-playlist .works-modal__content--description {
        padding-bottom: 0
    }

    .works-modal__content--playlist {
        position: relative
    }

    .works-modal__heading {
        margin-right: auto;
        max-width: 700px;
        margin-left: 0;
        margin-bottom: 20px;
        max-width: 420px
    }

    .works-modal__subheading {
        margin-left: auto;
        margin-right: auto;
        max-width: 700px;
        margin-bottom: 20px
    }

    .works-modal__content--description + .works-modal__subheading {
        position: relative;
        padding-top: 40px
    }

        .works-modal__content--description + .works-modal__subheading:before {
            content: "";
            position: absolute;
            top: 0;
            left: -25vw;
            right: -25vw;
            height: 1px;
            background: var(--color-border)
        }

    .works-modal__picture {
        margin-left: auto;
        margin-right: auto;
        max-width: 700px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 30px
    }

    .works-modal__image {
        margin-left: calc(var(--container-gutter)*-1);
        margin-right: calc(var(--container-gutter)*-1);
        width: calc(100% + var(--container-gutter)*2);
        max-width: 700px;
        height: auto
    }

    .works-modal__buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 500px;
        max-width: 100%;
        margin-left: auto
    }

    .works-modal__button {
        margin-left: 5px;
        margin-bottom: 5px
    }

        .works-modal__button:first-child {
            margin-left: 0
        }

        .works-modal__button:only-child {
            margin-left: auto
        }
}

@media (min-width:1080px) {
    .works-modal {
        z-index: 101
    }

    .works-modal__close {
        position: fixed
    }

    .works-modal__inner {
        display: block;
        padding-top: 148px;
        overflow: auto;
        height: 100%
    }

    .works-modal__inner-video {
        display: block;
        /*padding-top: 148px;*/
        overflow: auto;
        height: 100%
    }

    .works-modal__contentWrap {
        padding-left: 70px;
        padding-right: 70px;
        margin-left: auto;
        margin-right: auto;
        max-width: 800px
    }

    .works-modal__heading,
    .works-modal__subheading {
        padding-bottom: 30px
    }

    .works-modal__content {
        padding-bottom: 70px
    }

    .works-modal__buttons {
        margin-top: auto;
        margin-left: -30px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    @supports (display:grid) {
        .works-modal {
            z-index: 98
        }

        @supports ((-webkit-clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%)) or (clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%))) {
            .works-modal.active {
                background: rgba(0, 0, 0, .4)
            }
        }

        .works-modal__close {
            position: fixed
        }

        .works-modal__inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            padding-top: 80px;
            padding-top: calc(var(--header-height)*0.5);
            overflow-x: scroll;
            overflow-y: hidden;
            scrollbar-width: none;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            background: #f3f2f0;
            background: var(--color-background-grey);
            will-change: opacity, clip-path;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

            .works-modal__inner::-webkit-scrollbar {
                display: none
            }

        .works-modal__inner-video {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            /*padding-top: 80px;
    padding-top: calc(var(--header-height)*0.5);*/
            overflow-x: scroll;
            overflow-y: hidden;
            scrollbar-width: none;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            background: #f3f2f0;
            background: var(--color-background-grey);
            will-change: opacity, clip-path;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

            .works-modal__inner-video::-webkit-scrollbar {
                display: none
            }

        @-webkit-keyframes clip-enter {
            0% {
                -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
                clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
            }

            to {
                -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
                clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%)
            }
        }

        @keyframes clip-enter {
            0% {
                -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
                clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
            }

            to {
                -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
                clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%)
            }
        }

        @supports ((-webkit-clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%)) or (clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%))) {
            .works-modal.active .works-modal__inner {
                -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
                clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
                -webkit-animation: clip-enter .5s ease forwards;
                animation: clip-enter .5s ease forwards
            }

            .works-modal.active .works-modal__inner-video {
                -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
                clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
                -webkit-animation: clip-enter .5s ease forwards;
                animation: clip-enter .5s ease forwards
            }
        }

        .works-modal__contentWrap {
            display: grid;
            grid-gap: 0 60px;
            position: relative;
            padding-left: 0;
            margin: 0;
            max-width: none
        }

        .works-modal:not(.works-modal--no-playlist) .works-modal__contentWrap {
            grid-template-areas: "header header ." "subA subB subC" "art description playlist";
            grid-template-columns: calc(75vh - 148px) minmax(500px, 1fr) minmax(350px, 550px);
            grid-template-rows: 1fr auto calc(75vh - 148px)
        }

        .works-modal--no-playlist .works-modal__contentWrap {
            max-width: 1600px;
            grid-template-areas: "header header" "subA subB" "art description";
            grid-template-columns: calc(75vh - 148px) auto;
            grid-template-rows: 1fr auto calc(75vh - 148px)
        }

        .works-modal__heading {
            grid-area: header;
            position: relative;
            padding-left: 70px;
            padding-left: var(--container-gutter);
            width: calc(75vh - var(--container-gutter)*2);
            min-width: 11.36363636em
        }

        .works-modal__subheading {
            padding-bottom: 30px
        }

        @media (min-height:800px) {
            .works-modal__subheading {
                padding-bottom: 40px
            }
        }

        @media (min-height:900px) {
            .works-modal__subheading {
                padding-bottom: 50px
            }
        }

        @media (min-height:1050px) {
            .works-modal__subheading {
                padding-bottom: 70px
            }
        }

        .works-modal__heading + .works-modal__subheading {
            grid-area: subA;
            padding-left: 70px;
            padding-left: var(--container-gutter);
            text-indent: .25em
        }

        .works-modal__content {
            position: relative
        }

        .works-modal__content--description {
            grid-area: description;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-bottom: 60px
        }

        .works-modal__description:first-child {
            margin-top: -7px
        }

        .works-modal__content--art {
            grid-area: art;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            position: relative;
            padding-bottom: 0
        }

        .works-modal__content--description + .works-modal__subheading {
            grid-area: subC
        }

        .works-modal__content--art + .works-modal__subheading {
            grid-area: subB
        }

        .works-modal__picture {
            display: block;
            position: relative;
            width: 100%;
            height: 100%
        }

        .works-modal__image {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

        .works-modal__content--playlist {
            grid-area: playlist;
            position: relative;
            margin-top: -10px
        }

            .works-modal__content--playlist > .works-playlist {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                overflow: hidden
            }

        .works-modal__buttons {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .works-modal__button {
            margin-top: 10px
        }
    }
}

@-webkit-keyframes modal-enter {
    0% {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 1
    }
}

@keyframes modal-enter {
    0% {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes modal-leave {
    0% {
        opacity: 1;
        visibility: visible
    }

    99.99% {
        opacity: 0
    }

    to {
        visibility: hidden
    }
}

@keyframes modal-leave {
    0% {
        opacity: 1;
        visibility: visible
    }

    99.99% {
        opacity: 0
    }

    to {
        visibility: hidden
    }
}

.works-modal {
    font-size: 16px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-animation: modal-leave .15s forwards;
    animation: modal-leave .15s forwards;
    pointer-events: none
}

@media (min-width:320px) {
    .works-modal {
        font-size: 16px;
        font-size: calc(.26316vw - -15.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -15.15789px)
    }
}

@media (min-width:1080px) {
    .works-modal {
        font-size: 18px;
        font-size: calc(var(--font-size-multiplier)*18px)
    }
}

.works-modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-animation: modal-enter .3s forwards;
    animation: modal-enter .3s forwards
}

.works-modal__inner, .works-modal__inner-video {
    position: relative;
    z-index: 0;
    width: 100%;
    min-height: 100%;
    background: #f3f2f0;
    background: var(--color-background-grey);
    will-change: opacity
}
/*@media (prefers-color-scheme:dark) {
.works-modal__inner {
  background: var(--color-background)
}
}*/
.works-modal.active .works-modal__inner, .works-modal.active .works-modal__inner-video {
    opacity: 1
}

.works-modal__heading {
    font-size: 54px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1;
    text-transform: none
}

@media (min-width:320px) {
    .works-modal__heading {
        font-size: 54px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px)
    }
}

@media (min-width:1080px) {
    .works-modal__heading {
        font-size: 100px;
        font-size: calc(var(--font-size-multiplier)*100px)
    }
}

.works-modal__heading > i, .works-modal__heading > u {
    font-style: normal;
    position: relative
}

@supports (font-variation-settings:"wdth"1) {
    .works-modal__heading > i,
    .works-modal__heading > u {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .works-modal__heading > i,
        .works-modal__heading > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

.works-modal__heading > u {
    text-decoration: none;
    font-style: normal
}

@supports (-webkit-text-stroke:1px) {
    .works-modal__heading > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

@media (min-width:320px) {
    .works-modal__heading {
        font-size: 28px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -21.26316px)
    }
}

@media (min-width:1080px) {
    .works-modal__heading {
        font-size: 44px;
        font-size: calc(var(--font-size-multiplier)*44px)
    }
}

.works-modal__subheading {
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: .1em;
    font-size: 12px;
    opacity: .5
}

@media (min-width:320px) {
    .works-modal__subheading {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .works-modal__subheading {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px)
    }
}

@media (min-width:320px) {
    .works-modal__subheading {
        font-size: 12px;
        font-size: calc(.13158vw - -11.57895px);
        font-size: calc(var(--font-size-multiplier)*0.00132*100vw - -11.57895px)
    }
}

@media (min-width:1080px) {
    .works-modal__subheading {
        font-size: 13px;
        font-size: calc(var(--font-size-multiplier)*13px)
    }
}

.works-modal__content--description > p {
    margin-bottom: 1.5em
}

    .works-modal__content--description > p a {
        text-decoration: underline
    }

.works-modal__content--playlist {
    width: 100%
}

.works-modal__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.works-playlist {
    position: relative;
    letter-spacing: .01em;
    line-height: 1.2
}

@supports (font-variation-settings:"wght"250) {
    .works-playlist {
        font-family: Gilroy Regular, sans-serif;
        font-variation-settings: "wght" 250
    }
}

@media (min-width:1080px) {
    .works-playlist {
        padding-bottom: 140px
    }
}

.works-playlist__list {
    height: 100%
}

.works-playlist__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .83333333em;
    min-height: 34px
}

    .works-playlist__item:last-child {
        margin-bottom: 0
    }

@media (min-width:1080px) and (min-height:850px) {
    .works-playlist__item {
        margin-bottom: 30px
    }
}

.works-playlist__name {
    padding-right: 1em
}

.works-playlist__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: auto;
    min-width: 3em;
    height: 34px;
    text-align: right;
    font-variant-numeric: tabular-nums
}

.works-playlist__play-button + .works-playlist__time {
    margin-left: 0
}

.works-playlist__play-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: relative;
    margin-left: auto;
    width: 34px;
    height: 34px;
    overflow: hidden;
    opacity: .6
}

    .works-playlist__play-button.active, .works-playlist__play-button:focus {
        opacity: 1
    }

    .works-playlist__play-button:before {
        content: "";
        width: 0;
        height: 0;
        margin-left: 2px;
        border-color: hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) currentcolor;
        border-style: solid;
        border-width: 5px 0 5px 7.5px
    }

    .works-playlist__play-button:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        margin: auto;
        width: 24px;
        height: 24px;
        border: 1px solid;
        border-radius: 50%
    }

    .works-playlist__play-button.active:after, .works-playlist__play-button.active:before {
        opacity: 0
    }

    .works-playlist__play-button span {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border: 1px solid;
        border-radius: 50%
    }

        .works-playlist__play-button span:before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: "";
            margin: auto;
            width: 7px;
            height: 10px;
            border: solid;
            border-width: 0 2px
        }

    .works-playlist__play-button.active span {
        opacity: 1;
        text-align: left;
        text-indent: 40px;
        white-space: nowrap;
        -webkit-transition: opacity .15s linear;
        transition: opacity .15s linear
    }

.works-playlist__scroll-buttons {
    display: none
}

@media (min-width:1080px) {
    .works-playlist__scroll-buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0;
        padding-top: 120px;
        height: 200px;
        pointer-events: none;
        background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(var(--color-background-grey)));
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), var(--color-background-grey))
    }

        .works-playlist__scroll-buttons.active {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }
}
/*@media (min-width:1080px) and (prefers-color-scheme:dark) {
.works-playlist__scroll-buttons {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--color-background)));
  background: linear-gradient(180deg, transparent, var(--color-background))
}
}*/
@media (min-width:1080px) {
    .works-playlist__scroll-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        width: 32px;
        height: 32px;
        margin: 0 9px;
        opacity: .4;
        -webkit-transition: opacity .2s ease-in;
        transition: opacity .2s ease-in
    }

    .works-playlist__scroll-button--up {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }

    .works-playlist__scroll-button.active {
        opacity: 1;
        pointer-events: auto;
        cursor: pointer
    }
}

.sheet-music-intro {
    position: relative;
    background: #fff;
    background: var(--color-background)
}

@media (min-width:1080px) {
    .sheet-music-intro {
        padding-top: 148px;
        padding-top: var(--header-height);
        padding-bottom: 74px;
        min-width: 840px;
        width: 50vw;
        border-right: 1px solid var(--color-border)
    }
}

@media (min-width:1080px) {
    .sheet-music-intro,
    .sheet-music-intro__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sheet-music-intro__inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.sheet-music-intro__container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:1080px) {
    .sheet-music-intro__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.sheet-music-intro__content {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-bottom: 75px;
    padding-top: 30px;
    width: 100%;
    max-width: 500px
}

@media (min-width:1080px) {
    .sheet-music-intro__content {
        margin: 0;
        padding-top: 0;
        max-width: 66.66666667%
    }
}

.sheet-music-intro__content p {
    margin: 1em 0
}

    .sheet-music-intro__content p:first-child {
        margin-top: 0
    }

    .sheet-music-intro__content p:last-child {
        margin-bottom: 0
    }

        .sheet-music-intro__content p:last-child:first-letter {
            font-style: normal;
            font-weight: 300;
            font-variation-settings: "wdth" 400, "wght" 300
        }

@supports (font-variation-settings:"wdth"1) {
    .sheet-music-intro__content p:last-child:first-letter {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .sheet-music-intro__content p:last-child:first-letter {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

.sheet-music-intro__content a {
    display: inline-block;
    border-bottom: 1px solid
}

.sheet-music-intro__heading {
    font-size: 54px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1;
    text-transform: none;
    margin-bottom: 1.25em;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-weight: 600
}

@media (min-width:320px) {
    .sheet-music-intro__heading {
        font-size: 54px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px)
    }
}

@media (min-width:1080px) {
    .sheet-music-intro__heading {
        font-size: 100px;
        font-size: calc(var(--font-size-multiplier)*100px)
    }
}

.sheet-music-intro__heading > i, .sheet-music-intro__heading > u {
    font-style: normal;
    position: relative
}

@supports (font-variation-settings:"wdth"1) {
    .sheet-music-intro__heading > i,
    .sheet-music-intro__heading > u {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .sheet-music-intro__heading > i,
        .sheet-music-intro__heading > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

.sheet-music-intro__heading > u {
    text-decoration: none;
    font-style: normal
}

@supports (-webkit-text-stroke:1px) {
    .sheet-music-intro__heading > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

@media (min-width:320px) {
    .sheet-music-intro__heading {
        font-size: 16px;
        font-size: calc(.52632vw - -14.31579px);
        font-size: calc(var(--font-size-multiplier)*0.00526*100vw - -14.31579px)
    }
}

@media (min-width:1080px) {
    .sheet-music-intro__heading {
        font-size: 20px;
        font-size: calc(var(--font-size-multiplier)*20px)
    }
}

@media (min-width:1080px) {
    .sheet-music-item__picture {
        max-height: 70vh
    }
}

@media (min-width:720px) {
    .hero-sheet-music .header__logo {
        color: #000;
        color: var(--color-font)
    }
}

@media (min-width:1460px) {
    .hero-sheet-music .header__name {
        color: #000;
        color: var(--color-font)
    }
}

.event-summary {
    padding-bottom: 40px
}

@media (max-width:1079px) {
    .event-summary {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:720px) {
    .event-summary {
        padding-bottom: 45px
    }
}

@media (min-width:1080px) {
    .event-summary {
        padding-top: 148px;
        padding-top: var(--header-height);
        min-width: 560px;
        min-width: calc(490px + var(--container-gutter));
        height: 100%
    }

        .event-summary:not(.event-summary--no-items) {
            width: 36.36363636vw
        }

    .event-summary--no-items {
        max-width: 1000px
    }
}

@media (min-width:1080px) and (min-height:600px) {
    .event-summary {
        padding-top: calc(var(--header-height) + 30px)
    }
}

@media (min-width:1080px) and (min-height:700px) {
    .event-summary {
        padding-bottom: 70px
    }
}

.event-summary__inner {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.event-summary__date {
    font-size: 12px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 40%;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: .1em;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 50px
}

@media (min-width:320px) {
    .event-summary__date {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .event-summary__date {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px);
        width: 100%;
        margin-bottom: auto;
        padding-bottom: 30px
    }
}

.event-summary__day {
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: .22222222em;
    font-weight: 400;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width:320px) {
    .event-summary__day {
        font-size: 24px;
        font-size: calc(1.57895vw - -18.94737px);
        font-size: calc(var(--font-size-multiplier)*0.01579*100vw - -18.94737px)
    }
}

@media (min-width:1080px) {
    .event-summary__day {
        font-size: 36px;
        font-size: calc(var(--font-size-multiplier)*36px)
    }
}

@supports (font-variation-settings:"wdth"1) {
    .event-summary__day > span:first-letter {
        font-family: Gilroy Regular, sans-serif;
        font-variation-settings: "wdth" 400
    }
}

.event-summary__content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 30px
}

@media (min-width:1080px) and (min-height:700px) {
    .event-summary__content {
        margin-bottom: 4em
    }
}

.event-summary__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: auto
}

    .event-summary__buttons > :first-child {
        margin-bottom: 20px
    }

@media (min-width:720px) {
    .event-summary__buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 340px
    }

        .event-summary__buttons > :first-child {
            margin-bottom: 0
        }
}

@media (min-width:1080px) {
    .event-summary__buttons {
        max-width: 420px
    }
}

@media (max-width:1079px) {
    .event-summary__button {
        width: 160px
    }
}

.event-summary__hgroup {
    margin-bottom: 30px
}

@media (min-width:1080px) and (min-height:800px) {
    .event-summary__hgroup {
        margin-bottom: 50px
    }
}

.event-summary__heading {
    font-size: 54px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1;
    text-transform: none;
    margin-bottom: .38636364em
}

@media (min-width:320px) {
    .event-summary__heading {
        font-size: 54px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px)
    }
}

@media (min-width:1080px) {
    .event-summary__heading {
        font-size: 100px;
        font-size: calc(var(--font-size-multiplier)*100px)
    }
}

.event-summary__heading > i, .event-summary__heading > u {
    font-style: normal;
    position: relative
}

@supports (font-variation-settings:"wdth"1) {
    .event-summary__heading > i,
    .event-summary__heading > u {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .event-summary__heading > i,
        .event-summary__heading > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

.event-summary__heading > u {
    text-decoration: none;
    font-style: normal
}

@supports (-webkit-text-stroke:1px) {
    .event-summary__heading > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

@media (min-width:320px) {
    .event-summary__heading {
        font-size: 28px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -21.26316px)
    }
}

@media (min-width:1080px) {
    .event-summary__heading {
        font-size: 44px;
        font-size: calc(var(--font-size-multiplier)*44px)
    }
}

@media (min-width:1080px) and (max-height:899px) {
    .event-summary__heading {
        font-size: 34px
    }
}

@media (min-width:1080px) and (min-height:900px) {
    .event-summary__heading {
        margin-bottom: .61363636em
    }
}

.event-summary__venue {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: .1em
}

@media (min-width:320px) {
    .event-summary__venue {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .event-summary__venue {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px)
    }
}

.event-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 25px 0 40px;
    overflow: hidden
}

.event-item--first {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.event-item--last {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
    border-bottom: 0
}

@media (max-width:1079px) {
    .event-item:not(.event-item--has-comment).event-item--last {
        padding-bottom: 0
    }
}

@media (min-width:720px) {
    .event-item {
        padding: 35px 0 45px
    }
}

@media (max-width:1079px) {
    .event-item {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:1080px) {
    .event-item {
        padding-top: 148px;
        padding-top: calc(var(--header-height) + 40px);
        border-bottom: 0
    }

    .event-item--has-comment {
        min-width: 490px
    }
}

@media (min-width:1080px) and (min-height:700px) {
    .event-item {
        padding-bottom: 70px
    }
}

.event-item__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

@media (min-width:1080px) {
    .event-item__container {
        padding-left: 0;
        padding-right: 70px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 100%
    }
}

.event-item__picture {
    display: block;
    position: relative;
    -ms-flex-item-align: end;
    align-self: flex-end;
    overflow: hidden
}

@media (max-width:1079px) {
    .event-item__picture {
        width: 100%
    }
}

@media (min-width:1080px) {
    .event-item__picture {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        height: calc(100vh - 296px);
        height: calc(100vh - var(--header-height)*2)
    }
}

.event-item__image {
    width: 100%;
    max-width: none
}

@media (min-width:1080px) {
    .event-item__image {
        max-height: 100%;
        width: auto
    }
}

.event-item__comment {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:1080px) {
    .event-item__comment {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: auto;
        max-width: 520px
    }

    .event-item__comment--extra-long {
        max-width: 2500px
    }

    .event-item__comment--long {
        max-width: 1030px
    }
}

@media (min-width:1080px) and (min-height:800px) {
    .event-item__comment--extra-long {
        max-width: 2010px
    }
}

.event-item__commentIcon {
    display: block;
    margin-bottom: 1em
}

.event-item__comment-body {
    margin-bottom: 1.75em
}

    .event-item__comment-body a {
        word-wrap: break-word;
        word-break: break-all;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

.event-item__comment-meta {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: .1em;
    font-weight: 600
}

@media (min-width:320px) {
    .event-item__comment-meta {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .event-item__comment-meta {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px)
    }
}

.event-item__comment-meta > span {
    white-space: nowrap
}

.event-modal {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    height: 100vh;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
    background: rgba(0, 0, 0, .3)
}

@media (min-width:320px) {
    .event-modal {
        font-size: 16px;
        font-size: calc(.26316vw - -15.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -15.15789px)
    }
}

@media (min-width:1080px) {
    .event-modal {
        font-size: 18px;
        font-size: calc(var(--font-size-multiplier)*18px)
    }
}

.event-modal.active {
    z-index: 101;
    overflow: auto;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms
}

.event-modal__inner {
    position: relative;
    z-index: 1;
    margin: auto;
    width: 100%;
    max-width: 700px;
    padding: 40px;
    opacity: 0;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    background: #fff;
    background: var(--color-background);
    will-change: opacity;
    border: 1px solid var(--color-border)
}

@media (min-width:1080px) {
    .event-modal__inner {
        padding-top: 70px;
        padding-bottom: 50px;
        -webkit-transform: none;
        transform: none
    }
}

.event-modal.active .event-modal__inner {
    opacity: 1
}

.event-modal__close-button {
    width: 100px;
    height: 100px
}

.event-modal__heading {
    font-size: 20px;
    margin-bottom: 1em;
    margin-right: 2em;
    letter-spacing: .02em;
    font-weight: 500;
    line-height: 1.25
}

@media (min-width:320px) {
    .event-modal__heading {
        font-size: 20px;
        font-size: calc(1.31579vw - -15.78947px);
        font-size: calc(var(--font-size-multiplier)*0.01316*100vw - -15.78947px)
    }
}

@media (min-width:1080px) {
    .event-modal__heading {
        font-size: 30px;
        font-size: calc(var(--font-size-multiplier)*30px)
    }
}

.event-modal__input {
    display: block;
    margin-bottom: 1em;
    width: 100%
}

.event-modal__file {
    opacity: .5
}

.event-modal__label {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: .1em;
    display: block;
    margin-bottom: .25em;
    font-weight: 700
}

@media (min-width:320px) {
    .event-modal__label {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .event-modal__label {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px)
    }
}

.event-modal__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 30px
}

.event-modal__message {
    font-size: 12px;
    padding: 2em 0 0;
    font-weight: 500;
    line-height: 1.1;
    text-align: right;
    opacity: .5
}

    .event-modal__message:empty {
        display: none
    }

@media (min-width:320px) {
    .event-modal__message {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .event-modal__message {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px)
    }
}

.event-modal__upload-target {
    display: none
}

.event-tabs {
    letter-spacing: .175em
}

@media (max-width:1079px) {
    .event-tabs {
        padding-top: 148px;
        padding-top: calc(var(--header-height) + 20px)
    }
}

@media (min-width:1080px) {
    .event-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 0;
        height: var(--header-height);
        pointer-events: none
    }

        .event-tabs .tabs__ul {
            position: absolute;
            top: calc(var(--header-height)*0.75)
        }

        .event-tabs .tabs__item:not(.tabs__item--disabled) {
            pointer-events: auto
        }
}

@media (min-width:1080px) {
    .event-tabs__archive-link {
        position: absolute;
        top: calc(var(--header-height)*-0.25 - .5em);
        letter-spacing: .25em;
        font-weight: 700;
        font-size: 14px;
        line-height: 1
    }
}

@media (min-width:1080px) and (min-height:700px) {
    .event-tabs__archive-link {
        letter-spacing: .3em
    }
}

@media (pointer:fine) {
    .event-tabs .tabs__item {
        display: block;
        padding-bottom: 5px
    }

        .event-tabs .tabs__item:before {
            top: auto;
            bottom: 0
        }

        .event-tabs .tabs__item:hover:before {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
}

.contact__content {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    padding-top: 148px;
    padding-top: var(--header-height);
    padding-bottom: 70px;
    /*border-top: 1px solid var(--color-border)*/
}

@media (min-width:320px) {
    .contact__content {
        font-size: 14px;
        font-size: calc(.26316vw - -13.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -13.15789px)
    }
}

@media (min-width:1080px) {
    .contact__content {
        font-size: 15px;
        font-size: calc(var(--font-size-multiplier)*15px)
    }
}

.contact__content a {
    text-decoration: underline
}

@media (pointer:fine) {
    .contact__content a:hover {
        pointer-events: none
    }
}

@media (min-width:1080px) {
    .contact__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-bottom: 130px;
        height: 100%;
        border-top: 0
    }
}

.contact__heading {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: .1em;
    margin-bottom: 1.875em;
    font-weight: 600;
    letter-spacing: .2em
}

@media (min-width:320px) {
    .contact__heading {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .contact__heading {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px)
    }
}

.contact__lead {
    margin-bottom: 50px
}

@media (min-width:1080px) {
    .contact__lead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 7.5em
    }
}

.contact__notice {
    color: rgba(0, 0, 0, .5)
}

@media (min-width:1080px) {
    .contact__notice {
        padding-left: 130px;
        max-width: 370px
    }
}

.contact__arrow {
    display: none
}

@media (min-width:1080px) {
    .contact__arrow {
        display: block
    }
}

.contact__dl {
    margin-bottom: 0
}

@media (min-width:1080px) {
    .contact__dl {
        width: 1120px;
        display: grid;
        grid-template-columns: repeat(4, 280px);
        grid-gap: 0 20px;
        margin-bottom: 0
    }

        .contact__dl > dt:first-of-type {
            grid-area: 1/1/2/2
        }

        .contact__dl > dt:nth-of-type(2) {
            grid-area: 1/2/2/3
        }

        .contact__dl > dt:nth-of-type(3) {
            grid-area: 1/3/2/4
        }

        .contact__dl > dd:nth-of-type(2) {
            grid-area: 2/2/3/3
        }

        .contact__dl > dd:first-of-type {
            grid-area: 2/1/3/2
        }

        .contact__dl > dd:nth-of-type(3) {
            grid-area: 2/3/3/4
        }
}

.contact__dl dd {
    margin-bottom: 30px
}

    .contact__dl dd:last-child {
        margin-bottom: 0
    }

@media (min-width:1080px) {
    .contact__dl dd {
        margin-bottom: 0
    }
}

.hero-contact .hero__heading {
    font-size: 40px
}

@media (min-width:320px) {
    .hero-contact .hero__heading {
        font-size: 40px;
        font-size: calc(18.38235vw - 18.82353px);
        font-size: calc(var(--font-size-multiplier)*0.18382*100vw - 18.82353px)
    }
}

@media (min-width:1680px) {
    .hero-contact .hero__heading {
        font-size: 290px;
        font-size: calc(var(--font-size-multiplier)*290px)
    }
}

.mailing-list__content {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    padding-top: 148px;
    padding-top: var(--header-height);
    padding-bottom: 70px;
    /*border-top: 1px solid var(--color-border)*/
}

@media (min-width:320px) {
    .mailing-list__content {
        font-size: 14px;
        font-size: calc(.26316vw - -13.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -13.15789px)
    }
}

@media (min-width:1080px) {
    .mailing-list__content {
        font-size: 16px;
        font-size: calc(var(--font-size-multiplier)*16px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-start;
        padding-bottom: 70px;
        height: 100%;
        border-top: 0
    }
}

@media (min-width:1400px) {
    .mailing-list__content {
        padding-top: calc(var(--header-height) + 3em);
    }
}

.mailing-list__heading, .mailing-list__label {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: .1em;
    margin-bottom: 1.25em;
    font-weight: 600;
    letter-spacing: .2em
}

@media (min-width:320px) {
    .mailing-list__heading,
    .mailing-list__label {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .mailing-list__heading,
    .mailing-list__label {
        font-size: 15px;
        font-size: calc(var(--font-size-multiplier)*15px)
    }
}

.mailing-list__heading {
    margin-bottom: 5.25em;
    font-weight: 700
}

.mailing-list__label {
    margin-bottom: .625em
}

.mailing-list__privacy {
    font-weight: 500;
    font-size: 13px;
    letter-spacing: .1em;
    padding-top: 30px;
    text-align: right
}

    .mailing-list__privacy > a:hover {
        text-decoration: underline
    }

.mailing-list__lead {
    margin-bottom: 50px;
    max-width: 650px
}

@media (min-width:1080px) {
    .mailing-list__lead {
        margin-bottom: 7.5em
    }
}

.mailing-list__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    width: 400px;
    max-width: 100%
}

.mailing-list__input {
    display: block;
    margin-bottom: 30px;
    width: 100%;
    height: 2em;
    border-bottom: 1px solid var(--color-border)
}

.mailing-list__input_aside_dc, .mailing-list__input_aside_ic {
    display: block;
    margin-bottom: 30px;
    width: 100%;
    height: 2em;
    border-bottom: 1px solid var(--color-border)
}

@media (max-width:500px) {
    .mailing-list__input_aside_dc, .mailing-list__input_aside_ic {
        border: 1px solid var(--color-border)
    }
}

.mailing-list__textarea {
    display: block;
    margin-bottom: 30px;
    width: 100%;
    height: 4em;
    border-bottom: 1px solid var(--color-border)
}

.mailing-list__select {
    display: block;
    margin-bottom: 30px;
    width: 100%;
    height: 4em;
    border-bottom: 1px solid var(--color-border);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: .1em;
    margin-bottom: 2em;
    font-weight: 600;
    letter-spacing: .2em;
}

@media (min-width: 320px) {
    .mailing-list__select {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px);
    }
}

@media (min-width: 1080px) {
    .mailing-list__select {
        font-size: 15px;
        font-size: calc(var(--font-size-multiplier)*15px);
    }
}

.mailing-list__select-wrap:after, .mailing-list__select-wrap:before {
    content: "";
    position: absolute;
    pointer-events: none
}

@media (min-width:1080px) {
    .mailing-list__select-wrap {
        max-width: none
    }

        .mailing-list__select-wrap:before {
            bottom: 0;
            left: calc(1em + 20px);
            right: calc(1em + 25px);
            height: 2px;
            opacity: 0;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: left center;
            transform-origin: left center;
            background: currentColor;
            -webkit-transition: opacity .15s ease, -webkit-transform .25s ease-in-out;
            transition: opacity .15s ease, -webkit-transform .25s ease-in-out;
            transition: transform .25s ease-in-out, opacity .15s ease;
            transition: transform .25s ease-in-out, opacity .15s ease, -webkit-transform .25s ease-in-out
        }

    .mailing-list__select-wrap--active:before {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
/*@media (min-width: 320px) {
    .mailing-list__select-wrap:after {
        top: 0;
        bottom: 10em;
        right: 3em;
    }
}*/
/*.mailing-list__select-wrap:after {
    margin: auto;
    width: 0;
    height: 0;
    border-color: currentcolor hsla(0,0%,100%,0) hsla(0,0%,100%,0);
    border-style: solid;
    border-width: 6px 6px 0;
}*/
/*@media (min-width: 1080px) {
    .mailing-list__select-wrap:after {
        right: 5em;
        top: 0;
        bottom: 3em;
    }
}*/
/*@media (min-width: 1400px) {
    .mailing-list__select-wrap:after {
        right: 5em;
        top: 0;
        bottom: -2em;
    }
}
*/
.mailing-list__button {
    margin-left: auto
}

@media (min-width:1080px) {
    .mailing-list__button {
        margin-right: -30px
    }
}

.privacy {
    overflow: visible;
}

@media (max-width:1080px) {
    .privacy {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}

.privacy .header {
    position: relative
}

.privacy__wrapper {
    font-size: 16px;
    padding-top: 160px;
    padding-bottom: 60px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: .01em;
    font-weight: 300
}

@media (max-width:320px) {
    .privacy__wrapper {
        font-size: 16px;
        font-size: calc(.26316vw - -15.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -15.15789px)
    }
}

/*@media (min-width:1080px) {
    .privacy__wrapper {
        font-size: 18px;
        font-size: calc(var(--font-size-multiplier)*18px)
    }
}*/

.privacy__heading {
    font-size: 54px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 600;
    line-height: .9;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1;
    text-transform: none;
    margin-bottom: 1em
}

@media (min-width:320px) {
    .privacy__heading {
        font-size: 54px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px)
    }
}

@media (min-width:1080px) {
    .privacy__heading {
        font-size: 100px;
        font-size: calc(var(--font-size-multiplier)*100px)
    }
}

.privacy__heading > i, .privacy__heading > u {
    font-style: normal;
    position: relative
}

@supports (font-variation-settings:"wdth"1) {
    .privacy__heading > i,
    .privacy__heading > u {
        font-family: Gilroy Regular, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .privacy__heading > i,
        .privacy__heading > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

.privacy__heading > u {
    text-decoration: none;
    font-style: normal
}

@supports (-webkit-text-stroke:1px) {
    .privacy__heading > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

@media (min-width:320px) {
    .privacy__heading {
        font-size: 28px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -21.26316px)
    }
}

@media (min-width:1080px) {
    .privacy__heading {
        font-size: 44px;
        font-size: calc(var(--font-size-multiplier)*44px)
    }
}

.privacy__content ol, .privacy__content p, .privacy__content ul {
    margin: 1em 0
}

.privacy__content ol, .privacy__content ul {
    padding-left: 2em;
    list-style-position: inside
}

.privacy__content ul {
    list-style-type: disc
}

.privacy__content ol {
    list-style-type: lower-alpha;
}

.privacy__content h2, .privacy__content h3 {
    margin-top: 2em;
    font-weight: 500
}

.privacy__content h2 {
    font-size: 1.25em
}

.privacy__content b, .privacy__content em, .privacy__content strong {
    font-weight: 400
}

.privacy__content a {
    text-decoration: underline
}

    .privacy__content a:hover {
        text-decoration: none
    }

body.admin {
    overflow: visible
}

.admin-panel {
    padding-top: 74px
}

@media (min-width:1080px) {
    .admin-panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 100vh;
        padding-bottom: 74px
    }
}

.admin-panel small {
    font-size: 14px
}

.admin-panel__fieldset {
    max-width: 720px;
    margin: auto;
    padding: 0 35px;
    border-color: #efefed
}

    .admin-panel__fieldset p {
        margin: 1em 0
    }

        .admin-panel__fieldset p:last-child {
            margin-top: 40px;
            margin-bottom: 0
        }

    .admin-panel__fieldset legend {
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 1.1;
        letter-spacing: .1em;
        font-weight: 600
    }

@media (min-width:320px) {
    .admin-panel__fieldset legend {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .admin-panel__fieldset legend {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px)
    }
}

.admin-panel__fieldset [type=text], .admin-panel__fieldset select {
    display: block;
    width: 100%;
    line-height: 2
}

.admin-panel__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    padding: 10px 30px;
    font-size: 24px;
    font-family: inherit;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, .15)
}

.complete, .show-on-existing {
    display: none
}

.tour-type {
    margin: 10px 0
}

.alert:not(.field-validation-valid) {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid transparent;
    -webkit-transition: opacity .3s .1s;
    transition: opacity .3s .1s
}

.alert.alert-active:not(.field-validation-valid) {
    overflow: visible;
    visibility: visible;
    opacity: 1;
    height: auto;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 5px 15px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.alert.alert-active.alert-dismissible {
    padding-right: 40px
}

.alert.alert-hidden {
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    height: 0
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

    .alert-danger .alert-link {
        color: #843534
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

    .alert-info .alert-link {
        color: #245269
    }

.alert h4 {
    margin-top: 10px;
    color: inherit
}

.alert .alert-link {
    font-weight: 400
}

.alert > p, .alert > ul {
    margin: 10px 0
}

    .alert > p + p {
        margin-top: 0
    }

.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    float: right;
    font-size: 40px;
    line-height: 1;
    color: inherit;
    opacity: .2
}

    .alert-dismissible .close:focus, .alert-dismissible .close:hover {
        opacity: .5;
        text-decoration: none;
        cursor: pointer
    }

.alert-dismissible button.close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-datepicker {
    width: 20em;
    padding: 10px;
    display: none;
    margin-top: -1px
}

.ui-datepicker-header {
    position: relative;
    padding: 4px 0
}

.ui-datepicker-next, .ui-datepicker-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 16px;
    height: 16px;
    cursor: pointer
}

    .ui-datepicker-next span, .ui-datepicker-prev span {
        display: block;
        position: absolute;
        top: 2px;
        left: 2px;
        width: 0;
        height: 0;
        border-color: transparent #efefed;
        border-style: solid;
        border-width: 6px 12px 6px 0
    }

.ui-datepicker-prev {
    left: 4px
}

.ui-datepicker-next {
    right: 4px
}

    .ui-datepicker-next span {
        border-width: 6px 0 6px 12px
    }

.ui-datepicker .ui-datepicker-title {
    margin: 0 20px;
    line-height: 1.8em;
    text-align: center
}

    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0
    }

        .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
            width: 45%
        }

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

    .ui-datepicker table .ui-state-focus, .ui-datepicker table .ui-state-hover {
        background: #f9f1d9;
        color: #7e4240
    }

    .ui-datepicker table .ui-state-active {
        border: 1px solid #95615f;
        background: #fff;
        font-weight: 700;
        color: #95615f
    }

    .ui-datepicker table th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0
    }

    .ui-datepicker table td {
        border: 0;
        padding: 1px
    }

        .ui-datepicker table td a, .ui-datepicker table td span {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em;
        width: auto;
        overflow: visible
    }

        .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
            float: left
        }

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

    .ui-datepicker.ui-datepicker-multi .ui-datepicker-group {
        float: left
    }

        .ui-datepicker.ui-datepicker-multi .ui-datepicker-group table {
            width: 95%;
            margin: 0 auto .4em
        }

    .ui-datepicker.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0
    }

    .ui-datepicker.ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-widget {
    font-family: inherit;
    font-size: 14px
}

    .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
        font-size: inherit
    }

.ui-widget-content {
    border: 1px solid var(--color-border);
    background: var(--color-background-grey);
    color: #000
}

    .ui-widget-content a {
        color: inherit
    }

.ui-widget-header {
    border: 1px solid #212121;
    background: #000;
    color: #fff;
    font-weight: 700
}

    .ui-widget-header a {
        color: #fff
    }

    .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-widget .ui-state-default {
        border: 1px solid #ddd;
        font-weight: 700;
        color: #616371
    }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #616371;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid var(--color-border);
    background: #efd49a;
    color: #363636
}

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #363636
    }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900;
    color: #fff
}

    .ui-state-error-text, .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error-text, .ui-widget-header .ui-state-error a {
        color: #fff
    }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: alpha(opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .25;
    background-image: none
}

    .ui-state-disabled .ui-icon {
        filter: alpha(opacity=35)
    }

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-widget-overlay {
    background: #666;
    opacity: .5;
    filter: alpha(opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000;
    opacity: .2;
    filter: alpha(opacity=20)
}

.twitter-typeahead {
    width: 100%
}

    .twitter-typeahead .tt-dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: left;
        min-width: 200px;
        margin: -1px 0 0;
        font: 13px/1.2 inherit;
        letter-spacing: .06em;
        list-style: none;
        text-align: left;
        border: 1px solid rgba(0, 0, 0, .15);
        -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, .1);
        box-shadow: 0 6px 15px rgba(0, 0, 0, .1);
        background-color: #fff;
        background-clip: padding-box
    }

    .twitter-typeahead .tt-suggestion > p {
        display: block;
        margin: 0;
        padding: 12px 15px;
        font-weight: 400;
        color: #000;
        white-space: nowrap;
        cursor: pointer
    }

        .twitter-typeahead .tt-suggestion > p:focus, .twitter-typeahead .tt-suggestion > p:hover {
            text-decoration: none;
            background-color: #efefed;
            outline: 0
        }

    .twitter-typeahead .tt-cursor {
        background-color: #efefed
    }

@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .header,
    .tabs {
        background: #fff
    }

    .header__inner {
        height: 90px
    }

    .hero__header {
        display: none
    }

    .hero-home__content-inner {
        margin: 0
    }

    .loading-screen__text {
        top: 45%
    }
}

@media (-ms-high-contrast:active) and (min-width:1080px), (-ms-high-contrast:none) and (min-width:1080px) {
    .scroll-wrap {
        display: block
    }

    .scroll-indicator__text > i {
        padding-left: .2em
    }

    .tabs {
        top: 90px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, .15)
    }

    .event-tabs__archive-link {
        top: -30px
    }

    .works-modal {
        overflow: auto
    }

    .works-modal__inner, .works-modal__inner-video {
        height: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

.esconder {
    display: none !important;
}
/* ANIMACION */
@keyframes hideshow {
    0% {
        opacity: 1;
    }

    5% {
        opacity: 1;
    }

    15% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.mari-1 {
    position: absolute;
    animation: hideshow 3s infinite;
    animation-timing-function: cubic-bezier(.17,.67,.83,.67);
}

.mari-2 {
    position: absolute;
    opacity: 0;
    animation: hideshow 3s .5s infinite;
    animation-timing-function: cubic-bezier(.17,.67,.83,.67);
}

.mari-3 {
    position: absolute;
    opacity: 0;
    animation: hideshow 3s 1s infinite;
    animation-timing-function: cubic-bezier(.17,.67,.83,.67);
}

.mari-4 {
    position: absolute;
    opacity: 0;
    animation: hideshow 3s 1.5s infinite;
    animation-timing-function: cubic-bezier(.17,.67,.83,.67);
}

.mari-5 {
    position: absolute;
    opacity: 0;
    animation: hideshow 3s 2s infinite;
    animation-timing-function: cubic-bezier(.17,.67,.83,.67);
}

.mari-6 {
    position: absolute;
    opacity: 0;
    animation: hideshow 3s 2.5s infinite;
    animation-timing-function: cubic-bezier(.17,.67,.83,.67);
}
/* PREMIOS */
.premios-item__container {
    margin-right: auto;
    margin-left: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding-top: 35px;
    padding-bottom: 45px;
}

@media (min-width:1080px) {
    .premios-item--default .premios-item__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-top: 90px;
        padding-top: calc(var(--header-height) - 15px);
        z-index: 1;
        height: 100%
    }

    .premios-item--small .premios-item__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 0 35px;
        height: 100%
    }
}

@media (min-width:1400px) {
    .premios-item--default .premios-item__container {
        padding-top: 90px;
        padding-top: calc(var(--header-height) - 80px);
        z-index: 1;
        height: 100%
    }
}

@media (min-width:1080px) and (min-height:700px) {
    .premios-item--default .premios-item__container {
        border-right: 1px solid rgba(0, 0, 0, 0.15);
    }
}

@media (min-width:1080px) and (pointer:fine) {
    .premios-item--default .premios-item__container {
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out
    }

        .premios-item--default .premios-item__container:hover {
            opacity: .6
        }
}

@media (max-width:1079px) {
    .premios-item__img {
        font-size: 12px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 1.1;
        letter-spacing: .1em
    }
}

@media (max-width:1079px) and (min-width:320px) {
    .premios-item__img {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px);
        margin: 0 auto;
    }
}

@media (max-width:1079px) and (min-width:1080px) {
    .premios-item__img {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px);
        width: 70%;
        text-align: center;
        margin: 0 auto;
    }
}

@media (min-width:1080px) {
    .premios-item--default .premios-item__img {
        font-size: 12px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 1.1;
        letter-spacing: .1em
    }
}

@media (min-width:1080px) and (min-width:320px) {
    .premios-item--default .premios-item__img {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) and (min-width:1080px) {
    .premios-item--default .premios-item__img {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px);
        width: 80%;
        margin: 0 auto;
    }
}

@media (min-width:1080px) {
    .premios-item--small .premios-item__img {
        width: 140px;
        line-height: 1.2
    }
}

.premios-item__img img {
    max-width: 50%;
    margin: 0 auto;
}

.premios-item__details {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-top: 20px;
    line-height: 1.1
}

@media (min-width:1080px) {

    .premios-item--small .premios-item__details {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
        padding-top: 0
    }
}

.premios-item__title {
    font-size: 44px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 28px;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
    max-width: 600px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
}

@media (min-width:320px) {
    .premios-item__title {
        font-size: 44px;
        font-size: calc(6.05263vw - -14.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*1vw - -14.63158px)
    }
}

@media (min-width:320px) {
    .premios-item__title, {
        font-size: 20px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -21.26316px);
        font-weight: 600;
    }
}

@media (min-width:1080px) {
    .premios-item__title {
        font-size: 34px;
        font-size: calc(var(--font-size-multiplier)*15px)
    }
}

.premios-item__single-top {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

@media (min-width:700px) {
    .premios-item__single-top {
        border-top: 0;
    }
}

.premios-item__single-bottom {
    padding-top: 50px;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
}

@media (min-width:1400px) {
    .premios-item__single-top {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .premios-item__single-bottom {
        padding-top: 70px;
    }
}

@media (min-width:1080px) {
    .premios-item--default {
        width: 600px
    }
}
/* CLIENTES */
.clientes__img {
    margin: auto;
}

.clientes-item__container {
    margin-right: auto;
    margin-left: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding-top: 35px;
    padding-bottom: 45px;
}

@media (min-width:1080px) {
    .clientes-item--default .clientes-item__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-top: 90px;
        padding-top: calc(var(--header-height) + 80px);
        z-index: 1;
        height: 100%
    }

    .clientes-item--small .clientes-item__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 0 35px;
        height: 100%
    }
}

@media (min-width:1400px) {
    .clientes-item--default .clientes-item__container {
        padding-top: 90px;
        padding-top: calc(var(--header-height) + 80px);
        z-index: 1;
        height: 100%
    }
}

@media (min-width:1800px) {
    .clientes-item--default .clientes-item__container {
        padding-top: 90px;
        padding-top: calc(var(--header-height) + 100px);
    }
}
/* @media (min-width:1080px) and (min-height:700px) {
  .clientes-item--default .clientes-item__container {
      border-right: 1px solid rgba(0, 0, 0, 0.15);
  }
} */
@media (min-width:1080px) and (pointer:fine) {
    .clientes-item--default .clientes-item__container {
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out
    }

        .clientes-item--default .clientes-item__container:hover {
            opacity: .6
        }
}

@media (max-width:1079px) {
    .clientes-item__img {
        font-size: 12px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 80%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 1.1;
        letter-spacing: .1em
    }
}

@media (max-width:1079px) and (min-width:320px) {
    .clientes-item__img {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px);
        margin: 0 auto;
    }
}

@media (max-width:1079px) and (min-width:1080px) {
    .clientes-item__img {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px);
        width: 70%;
        text-align: center;
        margin: 0 auto;
    }
}

@media (min-width:1080px) {
    .clientes-item--default .clientes-item__img {
        font-size: 12px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 40%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 1.1;
        letter-spacing: .1em
    }
}

@media (min-width:1080px) and (min-width:320px) {
    .clientes-item--default .clientes-item__img {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) and (min-width:1080px) {
    .clientes-item--default .clientes-item__img {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px);
        width: 80%;
        margin: 0 auto;
    }
}

@media (min-width:1080px) {
    .clientes-item--small .clientes-item__img {
        width: 140px;
        line-height: 1.2
    }
}

.clientes-item__img img {
    max-width: 190px;
    margin: 0 auto;
    width: 100%;
}

.clientes-item__details {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-top: 20px;
    line-height: 1.1
}

@media (min-width:1080px) {
    .clientes-item--small .clientes-item__details {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
        padding-top: 0
    }
}

.clientes-item__title {
    font-size: 44px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 28px;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
    max-width: 600px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
}

@media (min-width:320px) {
    .clientes-item__title {
        font-size: 44px;
        font-size: calc(6.05263vw - -14.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*1vw - -14.63158px)
    }
}

@media (min-width:320px) {
    .clientes-item__title, {
        font-size: 20px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -21.26316px);
        font-weight: 600;
    }
}

@media (min-width:1080px) {
    .clientes-item__title {
        font-size: 34px;
        font-size: calc(var(--font-size-multiplier)*15px)
    }
}

.clientes-item__single-top, .clientes-item__single-bottom {
    width: 50%;
    float: left;
}

@media (min-width:1080px) {
    .clientes-item__single-top, .clientes-item__single-bottom {
        width: 100%;
        float: none;
    }
}

@media (min-width:1080px) {
    .clientes-item--default {
        width: 210px;
    }
}

@media (min-width:1800px) {
    .clientes-item--default {
        width: 250px;
    }
}

.grecaptcha-badge {
    visibility: hidden;
}
/* EQUIPO */
.team-item {
    position: relative;
    overflow: hidden
}

@media (min-width:1080px) {
    .team-item:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background: rgba(0, 0, 0, .15);
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out
    }

    .team-item:last-child:after {
        display: none
    }
}

@media (min-width:1080px) and (pointer:fine) {
    .team-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 0;
        opacity: 0;
        pointer-events: none;
        background: #f3f2f0;
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
        will-change: opacity
    }

    .team-item:focus-within:before,
    .team-item:hover:before {
        opacity: 1
    }
}

@media (max-width:1079px) {
    .team-item {
        margin-left: auto;
        margin-right: auto;
        max-width: 700px
    }
}

@media (min-width:1080px) {
    .team-item {
        padding-top: 148px;
        padding-top: calc(var(--header-height)*0.75);
        width: 31.81818182vw;
        min-width: 400px;
        max-width: 500px;
        height: 100%
    }
}

@media (min-width:1080px) and (min-height:900px) {
    .team-item {
        min-width: 490px
    }
}

.team-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    position: relative
}

@media (min-width:1080px) {
    .team-item__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        z-index: 1;
        height: 100%
    }
}

.team-item__container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 70px;
    padding-left: var(--container-gutter);
    padding-right: 70px;
    padding-right: var(--container-gutter);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

@media (min-width:1080px) {
    .team-item__container {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

.team-item__hgroup {
    display: block;
    position: relative;
    z-index: 1;
    padding-top: 30px;
    margin-bottom: 60px;
    cursor: pointer
}

@media (min-width:1080px) {
    .team-item__hgroup {
        margin-bottom: 1em;
        margin-left: calc(var(--container-gutter)*-0.5);
        margin-right: calc(var(--container-gutter)*-0.5);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        opacity: 1;
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out
    }
}

@media (min-width:1080px) and (min-height:900px) {
    .team-item__hgroup {
        margin-bottom: 1em;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:1080px) and (min-height:1000px) {
    .team-item__hgroup {
        margin-bottom: 3em
    }
}

@media (pointer:fine) and (min-width:1080px) {
    .team-item:hover .team-item__hgroup {
        opacity: .6
    }
}

.team-item__heading {
    font-size: 38px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    text-transform: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1;
    text-transform: none;
    margin-bottom: .38636364em;
}

.team-item__position {
    font-size: 20px;
    letter-spacing: -.05em;
    font-family: Gordita Web, sans-serif;
    font-weight: 500;
    line-height: .9;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1;
    text-transform: none;
    margin-bottom: .68636364em;
}

@media (min-width:320px) {
    .team-item__heading {
        font-size: 38px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px)
    }

    .team-item__position {
        font-size: 20px;
        font-size: calc(6.05263vw - -34.63158px);
        font-size: calc(var(--font-size-multiplier)*0.06053*100vw - -34.63158px)
    }
}

@media (min-width:1080px) {
    .team-item__heading {
        font-size: 60px;
        font-size: calc(var(--font-size-multiplier)*100px)
    }

    .team-item__position {
        font-size: 45px;
        font-size: calc(var(--font-size-multiplier)*100px)
    }
}

.team-item__heading > i, .team-item__heading > u {
    font-style: normal;
    position: relative
}

.team-item__position > i, .team-item__position > u {
    font-style: normal;
    position: relative
}

@supports (font-variation-settings:"wdth"1) {
    .team-item__heading > i,
    .team-item__heading > u {
        font-family: Gordita Web, sans-serif;
        font-weight: 700;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    .team-item__position > i,
    .team-item__position > u {
        font-family: Gordita Web, sans-serif;
        font-weight: 400;
        font-variation-settings: "wdth" 400, "wght" 400
    }

    @media (min-width:1080px) {
        .team-item__heading > i,
        .team-item__heading > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }

        .team-item__position > i,
        .team-item__position > u {
            font-variation-settings: "wdth" calc(400*var(--scrollOffset, 1)), "wght" 400
        }
    }
}

.team-item__heading > u {
    text-decoration: none;
    font-style: normal
}

.team-item__position > u {
    text-decoration: none;
    font-style: normal
}

@supports (-webkit-text-stroke:1px) {
    .team-item__heading > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }

    .team-item__position > u {
        -webkit-text-stroke: 1px #000;
        paint-order: stroke fill;
        color: transparent
    }
}

@media (min-width:320px) {
    .team-item__heading {
        font-size: 18px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -21.26316px)
    }

    .team-item__position {
        font-size: 10px;
        font-size: calc(2.10526vw - -21.26316px);
        font-size: calc(var(--font-size-multiplier)*0.02105*100vw - -21.26316px)
    }
}

@media (min-width:1080px) {
    .team-item__heading {
        font-size: 32px;
        font-size: calc(var(--font-size-multiplier)*25px)
    }

    .team-item__position {
        font-size: 18px;
        font-size: calc(var(--font-size-multiplier)*20px)
    }
}

@media (min-width:1080px) and (max-height:899px) {
    .team-item__heading {
        font-size: 25px;
    }

    .team-item__position {
        font-size: 18px;
    }
}

@media (min-width:1080px) and (min-height:900px) {
    .team-item__heading {
        margin-bottom: .61363636em
    }

    .team-item__position {
        margin-bottom: .61363636em
    }
}

.team-item__text {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: .1em;
    line-height: 1.5
}

@media (min-width:320px) {
    .team-item__text {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .team-item__text {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*12px);
        min-height: 5.5em;
    }
}

.team-item__linkedin {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: .1em;
    line-height: 1.5;
    padding-top: 1rem;
}

@media (min-width:320px) {
    .team-item__linkedin {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .team-item__linkedin {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*12px);
        min-height: 1em;
        padding-top: .5rem;
    }
}

.team__social-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: self-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

    .team__social-link > svg {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

.team-item__picture {
    display: block;
    position: relative;
    overflow: hidden
}

@media (min-width:1080px) {
    .team-item__picture {
        max-height: 50vh
    }
}

.team-item__picture:before {
    content: "";
    display: block;
    padding-bottom: 90%
}

.team-item__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    background: #000
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .team-item__image {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top center;
        object-position: top center
    }
}

.team-group {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    width: 0;
    overflow: hidden
}

    .team-group > :first-child, .team-group > :nth-child(2), .team-group > :nth-child(3), .team-group > :nth-child(4), .team-group > :nth-child(5), .team-group > :nth-child(6) {
        opacity: 0
    }

.team-group--active {
    position: relative;
    z-index: 1;
    width: auto;
    min-width: 80vw;
    opacity: 1;
    -webkit-transition: opacity .25s ease-in;
    transition: opacity .25s ease-in
}

    .team-group--active > :nth-child(6) {
        -webkit-animation: fadeIn .3s ease-in forwards;
        animation: fadeIn .3s ease-in forwards;
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }

    .team-group--active > :nth-child(5) {
        -webkit-animation: fadeIn .3s ease-in forwards;
        animation: fadeIn .3s ease-in forwards;
        -webkit-animation-delay: 425ms;
        animation-delay: 425ms
    }

    .team-group--active > :nth-child(4) {
        -webkit-animation: fadeIn .3s ease-in forwards;
        animation: fadeIn .3s ease-in forwards;
        -webkit-animation-delay: .35s;
        animation-delay: .35s
    }

    .team-group--active > :nth-child(3) {
        -webkit-animation: fadeIn .3s ease-in forwards;
        animation: fadeIn .3s ease-in forwards;
        -webkit-animation-delay: 275ms;
        animation-delay: 275ms
    }

    .team-group--active > :nth-child(2) {
        -webkit-animation: fadeIn .3s ease-in forwards;
        animation: fadeIn .3s ease-in forwards;
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .team-group--active > :first-child {
        -webkit-animation: fadeIn .3s ease-in forwards;
        animation: fadeIn .3s ease-in forwards;
        -webkit-animation-delay: 125ms;
        animation-delay: 125ms
    }

.team-group--loading {
    opacity: .2
}

@media (min-width:1080px) {
    .team-group {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .team-group--active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:1080px) {
    .team-director-item__picture {
        max-height: 70vh
    }
}

.team-item__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    background: #000
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .team-item__image {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top center;
        object-position: top center
    }
}
/* Boton Back Home */
.button__back-home {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: .1em;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 103;
    padding: 30px;
    margin: 0 auto;
    width: 160px;
    max-width: 100%;
    pointer-events: auto;
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    50%,100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    50%,100% {
        opacity: 1;
    }
}

@media (min-width:320px) {
    .button__back-home {
        font-size: 12px;
        font-size: calc(.26316vw - -11.15789px);
        font-size: calc(var(--font-size-multiplier)*0.00263*100vw - -11.15789px)
    }
}

@media (min-width:1080px) {
    .button__back-home {
        font-size: 14px;
        font-size: calc(var(--font-size-multiplier)*14px);
        display: block;
    }
}

@media (min-width:480px) {
    .button__back-home {
        bottom: 28%;
        left: 60px;
        right: 30px
    }
}

@media (min-width:720px) {
    .button__back-home {
        right: 0;
        margin-left: 0;
    }
}

@media (min-width:1400px) {
    .button__back-home {
        bottom: 28%;
        left: 60px;
        right: 30px
    }
}

ul.breadcrum__blog {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    list-style: none;
    padding: 0;
    width: 90%;
    margin: auto;
}

    ul.breadcrum__blog li {
        padding-left: 0px;
    }

        ul.breadcrum__blog li > a {
            transition: .25s;
        }

            ul.breadcrum__blog li > a:hover {
                text-decoration: underline;
            }

        ul.breadcrum__blog li::after {
            content: ">";
            margin: 16px;
        }

        ul.breadcrum__blog li:last-child {
            font-weight: 700;
        }

            ul.breadcrum__blog li:last-child > a {
                cursor: default;
            }

                ul.breadcrum__blog li:last-child > a:hover {
                    text-decoration: none;
                }

            ul.breadcrum__blog li:last-child::after {
                content: "";
            }

@media (max-width:720px) {
    ul.breadcrum__blog {
        position: relative;
        top: -3.5rem;
        left: 23px;
        font-size: 10px;
    }
}

.blog__heading {
    font-size: 44px;
    text-align: center;
    font-size: calc(var(--font-size-multiplier)*44px);
    font-weight: bold;
}

.blog__content {
    text-align: center;
}


/*------------------------
  -- BANNERS
  ------------------------
*/

.Blog-cont-principal {
    margin: auto;
    width: 90%;
}

.sectionBanner {
    width: 100%;
    height: 30rem;
    display: flex;
    justify-content: center;
}

.banner__imagen {
    width: 100%;
    height: 100%;
    background-color: #49494975;
}

    .banner__imagen img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: .2;
    }


@media (min-width:1080px) {
    .contenBlockAutor {
        padding-left: 1%;
    }
}

.CategoriasSection {
    width: 100%;
    margin-top: 2rem;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(4,1fr);
    font-family: 'Gordita Web';
    gap: 15px;
}



@media (max-width:800px) {
    .CategoriasSection {
        height: auto;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width:300px) {
    .CategoriasSection {
        height: auto;
        display: block;
    }
}



.categoriaCard img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width:1080px) {
    .categoriaCard {
        width: 50%;
        height: 27vh;
        text-align: center;
        overflow: hidden;
        position: relative;
        margin: 0 auto;
    }
}


.CategoriaText {
    width: 100%;
    height: 300px;
    background-color: rgb(0 0 0 / 10%);
    position: relative;
    top: -300px;
    align-items: center;
    color: #000;
    padding-top: 60%;
    padding-right: 80px;
}

    .CategoriaText a h5 {
        font-weight: bold;
        text-align: left;
        padding-left: 20px;
        font-size: 20px;
    }

    .CategoriaText h3 {
        font-size: .8rem;
        text-align: left;
        padding-left: 20px;
    }

    .CategoriaText .verMore {
        position: absolute;
        color: #000;
        left: 75%;
        top: 16rem;
        font-size: 12px;
        transition: 0.25s;
        font-family: 'Gordita', sans-serif;
        font-weight: 400;
        font-style: normal;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #000000;
        line-height: 20pt;
    }

        .CategoriaText .verMore:hover {
            color: #fff;
            border-bottom-color: #fff;
        }

    .CategoriaText:hover {
        background-color: rgb(81 79 79 / 67%);
        color: #fff;
    }

.CategoriaText_Int {
    height: auto;
    position: absolute;
    top: 13rem;
}

@media (max-width:500px) {
    .CategoriaText_Int {
        top: 10rem;
    }

    .CategoriaText a h5 {
        font-size: 15px;
    }

    .CategoriaText_Int h5, .CategoriaText_Int h3 {
        padding-left: 8px !important;
    }

    .CategoriaText .verMore {
        left: 50%;
    }
}

/*------------------------
  -- ULTIMAS PUBLICACIONES INDEX
  ------------------------
*/
.container__blogs__Index {
    max-width: 100%;
    margin-top: 3rem;
    display: grid;
    grid-auto-flow: row;
    row-gap: 3rem;
    grid-template-columns: minmax(0, 1fr)24%;
}

@media (max-width:1000px) {
    .container__blogs__Index {
        display: block;
    }
}
/*.container__blogs {
   width: 100%;
    float: right;
}*/

.container__blogs .CategoriasSection_UP {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    overflow: hidden;
}

.container__blogs .categoriaCard {
    margin: 3% 0;
    width: 100%;
    height: 244px;
}

/*  .container__blogs .categoriaCard:hover {
            background-color: rgb(81 79 79 / 67%);
            background-color: rgb(81 79 79 / 53%);
            z-index: 1111;
            position: absolute;
        }*/
@media (max-width:1500px) {
    .container__blogs .categoriaCard {
        height: 200px;
    }
}

.ultimas_publicaciones_card {
    display: flex;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
}

    .ultimas_publicaciones_card .UP_TEXT {
        font-size: 10px;
        margin: 3% 0;
        height: 90%;
        padding-top: 8%;
        width: 90%;
        line-height: 27px;
    }

.UP_TEXT .span-cat {
    background-color: #454558;
    border-radius: 0.3rem;
    color: #FFF;
    padding: 2px 10px;
    transition: 0.25s;
}

.UP_TEXT .span-fecha {
    font-size: 10px;
}

.UP_TEXT h5 {
    font-size: 13px;
    font-weight: bold;
}

.UP_TEXT h3 {
    font-size: 11px;
}


@media (max-width:1080px) {
    .container__blogs .CategoriasSection_UP {
        width: 100%;
        margin: 0px auto;
    }
}

@media (max-width:820px) {
    .container__blogs .CategoriasSection_UP {
        display: block;
    }
}

@media (max-width:500px) {
    .container__blogs_title {
        text-align: center;
        font-weight: bold;
    }

    .container__blogs .CategoriasSection_UP {
        display: block;
        overflow: hidden;
        width: 90%;
        margin: 0px auto;
    }

    .ultimas_publicaciones_card {
        display: block;
    }

    .container__blogs .categoriaCard {
        margin: 3% auto;
        width: 302px;
        height: 234px;
    }

        .container__blogs .categoriaCard img {
            width: 302px;
            height: 234px;
        }

    .ultimas_publicaciones_card .UP_TEXT {
        font-size: 10px;
        top: 37%;
        height: 25%;
        line-height: 30px;
    }

    .span-fecha-2 {
        display: none;
    }

    .UP_TEXT h5 {
        font-size: 24px;
    }

    .UP_TEXT h3 {
        font-size: 17px;
    }
}


@media (min-width:501px) {
    .UP_TEXT .span-fecha {
        display: none;
    }
}


@media (min-width:1080px) {
    .container__component {
        width: 20%;
        float: left;
    }

        .container__component detailComponent {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex: none;
            flex: none;
            position: relative;
            width: auto;
            height: 100vh;
            background: #fff;
        }
}


.container__block {
    background-color: #EBEBEB;
}

    .container__block .tarjeta__block {
        border-bottom: 20px solid #fff;
        padding: 4% 8%;
    }

        .container__block .tarjeta__block:hover {
            background-color: rgb(81 79 79 / 67%);
            color: #fff;
        }

        .container__block .tarjeta__block h2 {
            font-size: 20px;
            font-weight: bold;
        }

        .container__block .tarjeta__block h3 {
            font-size: 15px;
            font-weight: 500;
        }

        .container__block .tarjeta__block h4 {
            font-size: 10px;
        }


@media (min-width:1080px) {
    .container__block {
        background-color: #EBEBEB;
    }

        .container__block .tarjeta__block {
            border-bottom: 20px solid #fff;
            padding: 4% 8%;
        }

            .container__block .tarjeta__block h2 {
                font-size: 20px;
                font-weight: bold;
            }

            .container__block .tarjeta__block h3 {
                font-size: 15px;
                font-weight: 500;
            }

            .container__block .tarjeta__block h4 {
                font-size: 10px;
            }
}

.banner__indexPrevew__detail {
    width: 100%;
    height: 460px;
    /*    position: absolute;*/
}

    .banner__indexPrevew__detail h1 {
        font-weight: bold;
        font-size: 150%;
    }

    .banner__indexPrevew__detail p {
        text-align: justify;
        font-weight: 500;
        font-size: .9rem;
    }

@media (max-width:500px) {
    .banner__indexPrevew__detail p {
        font-size: .6rem;
    }
}


/*-----------------
  -- BLOG DETALLE
  -----------------
*/
.principal-detail-blog {
    max-width: 90%;
    margin: auto;
    display: grid;
    grid-auto-flow: row;
    margin-top: 3rem;
    row-gap: 3rem;
    grid-template-columns: minmax(0, 1fr)24%;
}

@media (max-width:1080px) {
    .principal-detail-blog {
        width: 90%;
        margin: auto;
        display: block;
        margin-top: 3rem;
    }
}

@media (min-width:1080px) {
    .container__blogs__detail {
        float: left;
    }
}

.blog-cont-sl-txt {
    display: grid;
    grid-template-columns: 90px minmax(0,1fr);
}

    .blog-cont-sl-txt .social-links-dipa a {
        display: block;
        height: 40px;
        width: 40px;
        margin: 0 10px 10px 0;
        text-align: center;
        line-height: 40px;
        border-radius: 50%;
        color: #ffffff;
        transition: all 0.5s ease;
    }

@media(max-width: 600px) {
    .blog-cont-sl-txt .social-links-dipa {
        order: 2;
        display: flex;
        justify-content: space-between;
        margin-top: 50px;
    }

    .blog-cont-sl-txt {
        grid-template-columns: 1fr;
    }
}



.banner__indexBlog__detail {
    width: 100%;
    height: 50%;
    position: relative;
}


.content__grid__detail span {
    font-size: 22px;
}

.content__grid__detail p {
    font-size: 15px;
}

@media (min-width:1080px) {
    .content__grid__detail {
        margin: 0 auto;
        width: 80%;
        text-align: justify;
    }
}


.content__grid__detail-cite {
    margin: 0 auto;
    text-align: justify;
    margin-top: 60px;
    margin-bottom: 40px;
    width: 80%;
}

    .content__grid__detail-cite span {
        display: inline-block;
    }

    .content__grid__detail-cite cite {
        font-size: 22px;
        font-style: revert;
    }

.content__grid__detail-li {
    font-size: 15px;
    margin: 0 auto;
    text-align: justify;
    margin-top: 50px;
    /*width:80%;*/
}

.content__grid__detail-img {
    margin: 0 auto;
    /*width:80%;*/
}

.flex_img {
    display:flex;
}

.grid__detail-img-content {
    display: flex;
    justify-content: flex-start;
}

    .grid__detail-img-content img {
        width: 300px;
        height: 300px;
        object-fit: cover;
        margin: 5px;
    }

.grid__detail-img-text {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    margin-bottom: 10px;
}

    .grid__detail-img-text img {
        width: 244px;
        height: 244px;
        object-fit: cover;
    }

.grid__detail-img-span {
    font-size: 15px;
    width: 50%;
    display: flex;
    align-items: center;
}

@media (max-width:1080px) {
    .content__grid__detail p {
        font-size: 13px;
        text-align: justify;
    }

    .content__grid__detail span {
        font-size: 18px;
    }

    .content__grid__detail-cite cite {
        font-size: 18px !important;
    }

    .content__grid__detail-cite {
        margin-left: 0;
        margin-right: 0;
        width: 100% !important;
    }

    .content__grid__detail-li {
        font-size: 13px;
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    .content__grid__detail-img {
        width: 100% !important;
    }

    .grid__detail-img-span {
        font-size: 13px;
    }
}

@media (max-width:770px) {
    .grid__detail-img-content img {
        width: 250px;
        height: 250px;
    }
}
@media (max-width:700px) {
    .grid__detail-img-text img {
        width: 100%;
        height: 250px;
    }

    .flex_img{
        width:100%;
    }

    .grid__detail-img-span{
        width:100%;
    }

    .grid__detail-img-content {
        display: flex;
        gap: 30px;
        flex-direction: column;
        margin-bottom: 26px;
    }

        .grid__detail-img-content img{
            width:100%;
        }

    .grid__detail-img-text {
        flex-wrap: wrap;
    }
}

@media (max-width:655px) {
   /* .grid__detail-img-content {
        display: block;
    }*/

        .grid__detail-img-content img {
            margin: 0px auto;
        }


    .grid__detail-img-span {
        font-size: 9px;
        text-align: justify;
    }
}

/**/

.contentBlog__banner__detail {
    align-items: flex-start;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    color: #000;
    padding-left: 5%;
    font-family: 'Gordita Web';
    padding-bottom: 4%;
    font-size: 2rem;
    background: rgba(255,255,255,0.2);
}


.contentBlock__Banner0__detail {
    font-size: 12px;
    display: flex;
}

    .contentBlock__Banner0__detail span {
        margin-left: 20px;
        background-color: #454558;
        border-radius: 0.3rem;
        color: #FFF;
        padding: 2px 10px;
        transition: 0.25s;
    }

        .contentBlock__Banner0__detail span:hover {
            color: #000;
            background-color: #d7cfb8
        }

.contentBlock__Banner1__detail {
    width: 70%;
    font-size: 35px;
    margin-top: 10px;
}

    .contentBlock__Banner1__detail h2 {
        font-weight: 700;
    }

@media (max-width:500px) {
    .contentBlock__Banner1__detail h2 {
        font-size: 24px;
    }

    .contentBlock__Banner1__detail h3 {
        font-size: 17px;
    }
}

.contentBlock__Banner1__detail h3 {
    font-size: 20px;
    font-weight: 600;
}

.contentBlock__Banner2__detail {
    position: absolute;
    top: 85%;
    display: flex;
    flex-flow: nowrap row;
    font-size: 17px;
    width: 100%;
}

    .contentBlock__Banner2__detail a {
        position: absolute;
        color: #292929;
        left: 80%;
        top: 30%;
        font-size: 1rem;
        transition: 0.25s;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        vertical-align: none;
        text-align: center;
        line-height: normal;
        text-transform: none;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #000000;
        line-height: 20pt;
    }

        .contentBlock__Banner2__detail a:hover {
            color: #a3a3a3;
        }

@media (max-width:500px) {
    .contentBlock__Banner2__detail img {
        border-radius: 50%;
        width: 34px !important;
        height: 32px !important;
    }

    .contentBlock__Banner2__detail a {
        left: 238px;
        top: 30px;
        font-size: 13px;
    }
}


.container__blogs_title {
    font-weight: bold;
}



@media (min-width:1080px) {
    .container__blogs_title {
        font-weight: bold;
    }
}

@media (min-width:1080px) {
    .section__categorias__index {
        margin-top: 4vh;
        margin-left: 3.7%;
        margin-right: 3.7%;
    }
}

.categoriaCard__catalogo {
    width: 100%;
    height: 300px;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

    .categoriaCard__catalogo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: .2;
        transition: .25s;
    }

        .categoriaCard__catalogo img:hover {
            opacity: .8;
        }

@media (max-width:800px) {
    .categoriaCard__catalogo {
        margin: 0px auto 23px;
    }
}

@media (max-width:500px) {
    .categoriaCard__catalogo {
        margin: 0px auto 23px;
        width: 100%;
        height: 213px;
    }
}

@media (max-width:300px) {
    .categoriaCard__catalogo {
        margin: 0px auto 23px;
        width: 250px;
        height: 250px;
    }
}

@media (min-width:1080px) {
    .container__blogs__categoria {
        width: 70%;
        float: left;
        margin-top: 20%;
    }

        .container__blogs__categoria .categoriaCard {
            margin: 3% 2%;
        }
}

@media (min-width:1080px) {
    .CategoriasSection__categoria {
        width: 100%;
        height: 75vh;
        display: grid;
        justify-content: center;
        align-items: center;
        grid-template-columns: repeat(1,1fr);
        overflow: hidden;
        font-family: 'Gordita Web';
    }
}


@media (min-width:1080px) {
    .container__component__detail__categoria {
        width: 20%;
        float: left;
        margin-top: 20%;
    }
}


@media (min-width:1080px) {
    .container__component__detail__categoria {
        width: 20%;
        float: left;
        margin-top: 20%;
    }
}
/*-----------------
  -- ASIDE
  ----------------
 */
.container__component__index {
    margin: 0px auto;
}

    .container__component__index h5 {
        font-weight: bold;
        font-size: 20px;
    }

.aside-buscar {
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Gordita', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 10px !important;
    height: 47px;
    padding: 2px 2px 2px 15px;
}

.icon-busqueda {
    content: url(../assets/images/svg/IMAGEN-BUSCAR.svg);
    position: relative;
    top: -70px;
    left: 90%;
}

.altura-buscador {
    height: 100px;
}

@media (max-width:500px) {
    .icon-busqueda {
        top: -65px;
    }
}
/*.container__component__index input#Buscar-Blog {*/
/*background-image: url(../assets/images/svg/IMAGEN-BUSCAR.svg);*/
/*background-repeat: no-repeat;
        background-position: 95% 50%;
        background-size: 5%;
    }*/
/*.container__component__detail input#Buscar-Blog {
    background-image: url(../assets/images/svg/IMAGEN-BUSCAR.svg);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 5%;
}*/
@media (max-width:1080px) {
    .container__component__index input#Buscar-Blog, .container__component__detail input#Buscar-Blog {
        background-size: 3%;
    }
}

@media (min-width:1080px) {
    .container__component__index {
        width: 100%;
    }
}

@media (max-width:1000px) {
    .container__component__index, .container__component__detail {
        margin-top: 50px;
    }
}

@media (min-width:1080px) {
    .container__component__detail {
        float: left;
    }
}

@media (max-width:1080px) {
    .container__component__detail {
        order: 3;
    }
}

/*=============================================
-- PREVIEW Y NEXT EN DETALLE BLOG
-- =============================================*/


.Next_article:hover .Next_img_artcl {
    opacity: 1;
    -webkit-transition: 1s linear;
    transition: 1s linear;
    visibility: visible;
    transition: 1s;
}

.Next_article {
    display: flex;
}

.Next_p_artcl {
    writing-mode: vertical-lr;
    position: absolute;
    right: 0px;
    top: 60rem;
    width: 58px;
    height: 382px;
    font-family: 'Gordita Black', 'Gordita Regular', 'Gordita', sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 25px;
    color: #D7D7D7;
    rotate: 180deg;
    text-align: center;
    background-color: #fff;
    z-index: 1;
    cursor: pointer;
}

.Next_img_artcl {
    top: 60rem;
    right: 0;
    width: 396px;
    height: 382px;
    position: absolute;
    transform: translateX(-58px);
    visibility: hidden;
    opacity: 0;
}

.NetxCard__artcl {
    width: 396px;
    height: 382px;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}


    .NetxCard__artcl img {
        object-fit: cover;
        transition: .25s;
        width: 396px;
        height: 382px;
    }


    .NetxCard__artcl .CategoriaText {
        width: 396px;
        height: 382px;
        position: relative;
        top: -382px;
    }



/*preview*/

.Previous_article:hover .Previous_img_artcl {
    opacity: 1;
    -webkit-transition: 1s linear;
    transition: 1s linear;
    visibility: visible;
    transition: 1s;
}

.Previous_article {
    position: absolute;
    top: 0%;
    transform: translateY(-50%);
    display: flex;
    z-index: 5;
}

.Previous_p_artcl {
    writing-mode: vertical-lr;
    position: absolute;
    left: 0px;
    top: 60rem;
    width: 58px;
    height: 382px;
    font-family: 'Gordita Black', 'Gordita Regular', 'Gordita', sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 25px;
    color: #D7D7D7;
    rotate: 180deg;
    text-align: center;
    background-color: #fff;
    z-index: 1;
    cursor: pointer;
}

.Previous_img_artcl {
    top: 60rem;
    left: 0;
    width: 396px;
    height: 382px;
    position: absolute;
    transform: translateX(58px);
    visibility: hidden;
    opacity: 0;
}


.PreviousCard__artcl {
    width: 396px;
    height: 382px;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}


    .PreviousCard__artcl img {
        object-fit: cover;
        width: 396px;
        height: 382px;
    }


    .PreviousCard__artcl .CategoriaText {
        width: 396px;
        height: 382px;
        position: relative;
        top: -382px;
    }

@media (max-width:1080px) {
    .Next_article, .Previous_article {
        display: none;
    }
}
/*=============================================
-- PUBLICACIONES RELACIONADAS
-- =============================================*/



.Publi-rela-detail {
    display: inline-block;
    width: 100%;
    margin-top: 5%;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 4;
}

@media (max-width:1080px) {
    .Publi-rela-detail {
        grid-row-end: auto;
        display: block;
    }
}

.Public-rela-cont {
    padding: 0 6%;
    max-width: 100%;
}

    .Public-rela-cont h2 {
        font-family: 'Gordita Bold', 'Gordita Regular', 'Gordita', sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #000000;
        margin: 20px 0;
    }

.publicaciones-relacionada-detail {
    display: flex;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
}

@media (max-width:1080px) {
    .publicaciones-relacionada-detail {
        display: block;
    }

    .pr-card {
        margin: auto;
    }
}

.pr-card {
    flex: 0 0 auto;
    width: 310px;
    height: 450px;
    margin-right: 10px;
}

.pr-image {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;
}

.pr-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.pr-info {
    width: 100%;
    height: 100px;
    padding-top: 10px;
    font-family: 'Gordita', sans-serif;
    line-height: 1;
}

.pr-titulo {
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
}

.pr-subtitulo {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 4;
}

.pr-fecha {
    font-weight: 250;
    font-style: normal;
    font-size: 7px;
}

@media (max-width:1500px) {
    .pr-image {
        height: 200px;
    }

    .pr-subtitulo {
        font-size: 10px;
    }

    .pr-card {
        width: 218px;
    }
}

@media (max-width:1080px) {
    .pr-card {
        width: 100%;
        height: 108px;
        margin: 13px 0;
    }

        .pr-card:hover, .pr-info:hover {
            background-color: rgb(0 0 0 / 42%);
            color: #fff;
        }

    .pr-image {
        height: 108px;
        object-fit: cover;
    }

    .pr-info {
        background-color: rgb(0 0 0 / 10%);
        position: relative;
        top: -108px;
        height: 108px;
        padding-left: 10px;
    }

    .Public-rela-cont {
        padding: 0;
    }
}

/*============================================= 
-- DETALLE CATEGORIA
-- =============================================*/

.CategoriasDetalle-relacional {
}

.detalleCategoria h1 {
    font-weight: bold;
}

.infoCat-pul {
    font-size: 10px;
    width: 90%;
    line-height: 27px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .infoCat-pul .span-fecha {
        font-size: 8px;
    }

    .infoCat-pul h5 {
        font-weight: bold;
        font-size: 15px;
    }

.span-autor {
    font-size: 10px;
}

.imcategoriaCard-det {
    width: 100%;
    height: 250px;
}

    .imcategoriaCard-det img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.gap_categoria {
    gap: 15px;
    display: flex;
    flex-direction: column;
}
/*============================================= 
-- FOOTER
-- =============================================*/
.footer-interna-cont {
    margin: auto;
}

.footer-interna-org {
    display: flex;
    flex-wrap: wrap;
}

    .footer-interna-org ul {
        list-style: none;
    }

.footer-interna {
    background-color: #ffffff;
    padding: 70px 0;
}

.footer-col:first-child {
    width: 38%;
    padding: 0 15px;
}

.footer-col:nth-child(2) {
    width: 17%;
    padding: 0 15px;
}

.footer-col:nth-child(3) {
    width: 25%;
    padding: 0 15px;
}

.footer-col:last-child {
    width: 19%;
    padding: 0 15px;
}

.footer-col h4 {
    font-size: 18px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 35px;
    font-weight: 600;
    position: relative;
}

.footer-col ul li:not(:last-child) {
    margin-bottom: 10px;
}

.footer-col ul li a {
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
    text-decoration: none;
    color: #000;
    display: block;
    transition: all 0.3s ease;
}

    .footer-col ul li a:hover {
        color: #a2a2a2;
        padding-left: 8px;
    }

.footer-col .social-links-dipa a {
    display: inline-block;
    height: 40px;
    width: 40px;
    margin: 0 10px 10px 0;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #ffffff;
    transition: all 0.5s ease;
}

    .footer-col .social-links-dipa a:hover {
        color: #24262b;
        background-color: #ffffff;
    }

.logo-footer-int {
    width: 11vw;
}

/*responsive*/
@media (max-width: 1300px) {
    .footer-col:first-child {
        width: 25%;
    }

    .footer-col:last-child {
        width: 25%;
    }
}

@media(max-width: 767px) {
    .footer-interna-org {
        display: block;
    }

    .footer-col {
        width: 100% !important;
        margin-bottom: 30px;
    }

    .logo-footer-int {
        width: 40vw;
    }

    .footer-interna-cont {
        width: 90%;
    }

    .footer-col ul li a {
        font-size: 8px;
    }

    .footer-col h4 {
        font-size: 15px;
    }

    .footer-interna {
        padding: 0px 0;
    }
}

@media(max-width: 574px) {
    .footer-col {
        width: 100%;
    }
}

.filtro {
    display: none;
}



/* Queries */



@media (min-width: 600px) {
}

@media (min-width: 720px) {
}

@media (min-width: 1020px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 1432px) {
}

@media (min-width: 1778px) {
}