.svg-link {
    position: relative
}

.svg-link object, .svg-link svg {
    pointer-events: none
}

input[type=checkbox], .sr-only {
    position: absolute !important;
    top: auto;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    overflow: hidden;
    white-space: nowrap
}

.list-unstyle {
    list-style: none;
    padding: 0;
    margin: 0
}

.hidden {
    visibility: hidden
}

.displayNone {
    display: none !important
}

.container, .footer-content, .header-menu__content, .header-navbar, .hero-item {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    padding-left: 4vw;
    padding-right: 4vw
}

@media only screen and (min-width: 1024px) {
    .container, .footer-content, .header-menu__content, .header-navbar, .hero-item {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media only screen and (min-width: 1600px) {
    .container, .footer-content, .header-menu__content, .header-navbar, .hero-item {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

html.show-overlay body:after, html.menu-on body:after {
    content: "";
    position: fixed;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1b191a;
    mix-blend-mode: multiply;
    opacity: .7
}

* {
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    background-color: #1b191a;
    color: #bbbab9;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.no-scroll body {
    overflow: hidden
}

::selection {
    background: #ecebe9;
    color: #1b191a;
    text-shadow: none
}

mark {
    background: var(--color-accent, #f52d14);
    color: var(--color-accent-contrast, #ecebe9);
    display: inline-block;
    line-height: 1;
    padding-inline-start: .25em;
    margin-inline-start: -0.25em
}

summary {
    display: block
}

summary::-webkit-details-marker {
    display: none
}

address {
    font-style: normal
}

a {
    color: inherit;
    cursor: pointer;
    text-decoration: none
}

img, .iframe {
    max-width: 100%;
    height: auto
}

figure {
    padding: 0;
    margin: 0
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

blockquote {
    margin: 0;
    padding: 0
}

blockquote q {
    quotes: "“" "”" "‘" "’"
}

blockquote q:before {
    content: open-quote
}

blockquote q:after {
    content: close-quote
}

label, button, a {
    cursor: pointer
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #8f8e8d;
    margin: 1em 0;
    padding: 0
}

html {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    font-size: 4vw;
    line-height: 1.3
}

@media only screen and (min-width: 768px) {
    html {
        font-size: 1rem
    }
}

body {
    font-size: 3.3333333333vw
}

@media only screen and (min-width: 768px) {
    body {
        font-size: min(max(1rem, 1.0416666667vw), 1.25rem)
    }
}

.teammembers-list .name, .teammembers-list__title, .teammembers-bios .name, .production-infos .infobox__title, .search-suggestions__title, .bullet, h6, .title-h6, h5, .title-h5, h4, .title-h4, h3, .title-h3, h2, .title-h2, h1, .title-h1 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    font-size: 4vw;
    font-style: normal;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    margin: 0;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    margin-inline-start: -0.0325em
}

h1, .title-h1 {
    font-size: 16.6666666667vw
}

@media only screen and (min-width: 768px) {
    h1, .title-h1 {
        font-size: min(max(1rem, 5.2083333333vw), 6.25rem)
    }
}

h2, .title-h2 {
    font-size: 12vw
}

@media only screen and (min-width: 768px) {
    h2, .title-h2 {
        font-size: min(max(1rem, 3.75vw), 4.5rem)
    }
}

h3, .title-h3 {
    font-size: 10vw
}

@media only screen and (min-width: 768px) {
    h3, .title-h3 {
        font-size: min(max(1rem, 3.125vw), 3.75rem)
    }
}

h4, .title-h4 {
    font-size: 8vw
}

@media only screen and (min-width: 768px) {
    h4, .title-h4 {
        font-size: min(max(1rem, 2.5vw), 3rem)
    }
}

h5, .title-h5 {
    font-size: 6vw;
    font-weight: 400;
    text-transform: none
}

@media only screen and (min-width: 768px) {
    h5, .title-h5 {
        font-size: min(max(1rem, 1.875vw), 2.25rem)
    }
}

h6, .title-h6 {
    font-size: 4vw;
    font-weight: 400;
    text-transform: none
}

@media only screen and (min-width: 768px) {
    h6, .title-h6 {
        font-size: min(max(1rem, 1.25vw), 1.5rem)
    }
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-uc {
    text-transform: uppercase
}

.text-nc {
    text-transform: none
}

.fw-reg {
    font-weight: 400
}

.fw-semi {
    font-weight: 600
}

.fw-bold {
    font-weight: 700
}

.tc-n1 {
    color: #ecebe9
}

.tc-n2 {
    color: #bbbab9
}

.tc-n3 {
    color: #8f8e8d
}

.tc-n4 {
    color: #323232
}

.tc-n5 {
    color: #1b191a
}

.tc-accent {
    color: #f52d14
}

.fs-1 {
    font-size: 0.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-1 {
        font-size: min(max(1rem, 0.0520833333vw), 0.0625rem)
    }
}

.fs-2 {
    font-size: 0.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-2 {
        font-size: min(max(1rem, 0.1041666667vw), 0.125rem)
    }
}

.fs-3 {
    font-size: 0.5vw
}

@media only screen and (min-width: 768px) {
    .fs-3 {
        font-size: min(max(1rem, 0.15625vw), 0.1875rem)
    }
}

.fs-4 {
    font-size: 0.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-4 {
        font-size: min(max(1rem, 0.2083333333vw), 0.25rem)
    }
}

.fs-5 {
    font-size: 0.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-5 {
        font-size: min(max(1rem, 0.2604166667vw), 0.3125rem)
    }
}

.fs-6 {
    font-size: 1vw
}

@media only screen and (min-width: 768px) {
    .fs-6 {
        font-size: min(max(1rem, 0.3125vw), 0.375rem)
    }
}

.fs-7 {
    font-size: 1.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-7 {
        font-size: min(max(1rem, 0.3645833333vw), 0.4375rem)
    }
}

.fs-8 {
    font-size: 1.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-8 {
        font-size: min(max(1rem, 0.4166666667vw), 0.5rem)
    }
}

.fs-9 {
    font-size: 1.5vw
}

@media only screen and (min-width: 768px) {
    .fs-9 {
        font-size: min(max(1rem, 0.46875vw), 0.5625rem)
    }
}

.fs-10 {
    font-size: 1.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-10 {
        font-size: min(max(1rem, 0.5208333333vw), 0.625rem)
    }
}

.fs-11 {
    font-size: 1.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-11 {
        font-size: min(max(1rem, 0.5729166667vw), 0.6875rem)
    }
}

.fs-12 {
    font-size: 2vw
}

@media only screen and (min-width: 768px) {
    .fs-12 {
        font-size: min(max(1rem, 0.625vw), 0.75rem)
    }
}

.fs-13 {
    font-size: 2.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-13 {
        font-size: min(max(1rem, 0.6770833333vw), 0.8125rem)
    }
}

.fs-14 {
    font-size: 2.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-14 {
        font-size: min(max(1rem, 0.7291666667vw), 0.875rem)
    }
}

.fs-15 {
    font-size: 2.5vw
}

@media only screen and (min-width: 768px) {
    .fs-15 {
        font-size: min(max(1rem, 0.78125vw), 0.9375rem)
    }
}

.fs-16 {
    font-size: 2.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-16 {
        font-size: min(max(1rem, 0.8333333333vw), 1rem)
    }
}

.fs-17 {
    font-size: 2.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-17 {
        font-size: min(max(1rem, 0.8854166667vw), 1.0625rem)
    }
}

.fs-18 {
    font-size: 3vw
}

@media only screen and (min-width: 768px) {
    .fs-18 {
        font-size: min(max(1rem, 0.9375vw), 1.125rem)
    }
}

.fs-19 {
    font-size: 3.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-19 {
        font-size: min(max(1rem, 0.9895833333vw), 1.1875rem)
    }
}

.fs-20 {
    font-size: 3.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-20 {
        font-size: min(max(1rem, 1.0416666667vw), 1.25rem)
    }
}

.fs-21 {
    font-size: 3.5vw
}

@media only screen and (min-width: 768px) {
    .fs-21 {
        font-size: min(max(1rem, 1.09375vw), 1.3125rem)
    }
}

.fs-22 {
    font-size: 3.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-22 {
        font-size: min(max(1rem, 1.1458333333vw), 1.375rem)
    }
}

.fs-23 {
    font-size: 3.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-23 {
        font-size: min(max(1rem, 1.1979166667vw), 1.4375rem)
    }
}

.fs-24 {
    font-size: 4vw
}

@media only screen and (min-width: 768px) {
    .fs-24 {
        font-size: min(max(1rem, 1.25vw), 1.5rem)
    }
}

.fs-25 {
    font-size: 4.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-25 {
        font-size: min(max(1rem, 1.3020833333vw), 1.5625rem)
    }
}

.fs-26 {
    font-size: 4.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-26 {
        font-size: min(max(1rem, 1.3541666667vw), 1.625rem)
    }
}

.fs-27 {
    font-size: 4.5vw
}

@media only screen and (min-width: 768px) {
    .fs-27 {
        font-size: min(max(1rem, 1.40625vw), 1.6875rem)
    }
}

.fs-28 {
    font-size: 4.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-28 {
        font-size: min(max(1rem, 1.4583333333vw), 1.75rem)
    }
}

.fs-29 {
    font-size: 4.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-29 {
        font-size: min(max(1rem, 1.5104166667vw), 1.8125rem)
    }
}

.fs-30 {
    font-size: 5vw
}

@media only screen and (min-width: 768px) {
    .fs-30 {
        font-size: min(max(1rem, 1.5625vw), 1.875rem)
    }
}

.fs-31 {
    font-size: 5.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-31 {
        font-size: min(max(1rem, 1.6145833333vw), 1.9375rem)
    }
}

.fs-32 {
    font-size: 5.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-32 {
        font-size: min(max(1rem, 1.6666666667vw), 2rem)
    }
}

.fs-33 {
    font-size: 5.5vw
}

@media only screen and (min-width: 768px) {
    .fs-33 {
        font-size: min(max(1rem, 1.71875vw), 2.0625rem)
    }
}

.fs-34 {
    font-size: 5.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-34 {
        font-size: min(max(1rem, 1.7708333333vw), 2.125rem)
    }
}

.fs-35 {
    font-size: 5.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-35 {
        font-size: min(max(1rem, 1.8229166667vw), 2.1875rem)
    }
}

.fs-36 {
    font-size: 6vw
}

@media only screen and (min-width: 768px) {
    .fs-36 {
        font-size: min(max(1rem, 1.875vw), 2.25rem)
    }
}

.fs-37 {
    font-size: 6.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-37 {
        font-size: min(max(1rem, 1.9270833333vw), 2.3125rem)
    }
}

.fs-38 {
    font-size: 6.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-38 {
        font-size: min(max(1rem, 1.9791666667vw), 2.375rem)
    }
}

.fs-39 {
    font-size: 6.5vw
}

@media only screen and (min-width: 768px) {
    .fs-39 {
        font-size: min(max(1rem, 2.03125vw), 2.4375rem)
    }
}

.fs-40 {
    font-size: 6.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-40 {
        font-size: min(max(1rem, 2.0833333333vw), 2.5rem)
    }
}

.fs-41 {
    font-size: 6.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-41 {
        font-size: min(max(1rem, 2.1354166667vw), 2.5625rem)
    }
}

.fs-42 {
    font-size: 7vw
}

@media only screen and (min-width: 768px) {
    .fs-42 {
        font-size: min(max(1rem, 2.1875vw), 2.625rem)
    }
}

.fs-43 {
    font-size: 7.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-43 {
        font-size: min(max(1rem, 2.2395833333vw), 2.6875rem)
    }
}

.fs-44 {
    font-size: 7.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-44 {
        font-size: min(max(1rem, 2.2916666667vw), 2.75rem)
    }
}

.fs-45 {
    font-size: 7.5vw
}

@media only screen and (min-width: 768px) {
    .fs-45 {
        font-size: min(max(1rem, 2.34375vw), 2.8125rem)
    }
}

.fs-46 {
    font-size: 7.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-46 {
        font-size: min(max(1rem, 2.3958333333vw), 2.875rem)
    }
}

.fs-47 {
    font-size: 7.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-47 {
        font-size: min(max(1rem, 2.4479166667vw), 2.9375rem)
    }
}

.fs-48 {
    font-size: 8vw
}

@media only screen and (min-width: 768px) {
    .fs-48 {
        font-size: min(max(1rem, 2.5vw), 3rem)
    }
}

.fs-49 {
    font-size: 8.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-49 {
        font-size: min(max(1rem, 2.5520833333vw), 3.0625rem)
    }
}

.fs-50 {
    font-size: 8.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-50 {
        font-size: min(max(1rem, 2.6041666667vw), 3.125rem)
    }
}

.fs-51 {
    font-size: 8.5vw
}

@media only screen and (min-width: 768px) {
    .fs-51 {
        font-size: min(max(1rem, 2.65625vw), 3.1875rem)
    }
}

.fs-52 {
    font-size: 8.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-52 {
        font-size: min(max(1rem, 2.7083333333vw), 3.25rem)
    }
}

.fs-53 {
    font-size: 8.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-53 {
        font-size: min(max(1rem, 2.7604166667vw), 3.3125rem)
    }
}

.fs-54 {
    font-size: 9vw
}

@media only screen and (min-width: 768px) {
    .fs-54 {
        font-size: min(max(1rem, 2.8125vw), 3.375rem)
    }
}

.fs-55 {
    font-size: 9.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-55 {
        font-size: min(max(1rem, 2.8645833333vw), 3.4375rem)
    }
}

.fs-56 {
    font-size: 9.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-56 {
        font-size: min(max(1rem, 2.9166666667vw), 3.5rem)
    }
}

.fs-57 {
    font-size: 9.5vw
}

@media only screen and (min-width: 768px) {
    .fs-57 {
        font-size: min(max(1rem, 2.96875vw), 3.5625rem)
    }
}

.fs-58 {
    font-size: 9.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-58 {
        font-size: min(max(1rem, 3.0208333333vw), 3.625rem)
    }
}

.fs-59 {
    font-size: 9.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-59 {
        font-size: min(max(1rem, 3.0729166667vw), 3.6875rem)
    }
}

.fs-60 {
    font-size: 10vw
}

@media only screen and (min-width: 768px) {
    .fs-60 {
        font-size: min(max(1rem, 3.125vw), 3.75rem)
    }
}

.fs-61 {
    font-size: 10.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-61 {
        font-size: min(max(1rem, 3.1770833333vw), 3.8125rem)
    }
}

.fs-62 {
    font-size: 10.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-62 {
        font-size: min(max(1rem, 3.2291666667vw), 3.875rem)
    }
}

.fs-63 {
    font-size: 10.5vw
}

@media only screen and (min-width: 768px) {
    .fs-63 {
        font-size: min(max(1rem, 3.28125vw), 3.9375rem)
    }
}

.fs-64 {
    font-size: 10.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-64 {
        font-size: min(max(1rem, 3.3333333333vw), 4rem)
    }
}

.fs-65 {
    font-size: 10.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-65 {
        font-size: min(max(1rem, 3.3854166667vw), 4.0625rem)
    }
}

.fs-66 {
    font-size: 11vw
}

@media only screen and (min-width: 768px) {
    .fs-66 {
        font-size: min(max(1rem, 3.4375vw), 4.125rem)
    }
}

.fs-67 {
    font-size: 11.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-67 {
        font-size: min(max(1rem, 3.4895833333vw), 4.1875rem)
    }
}

.fs-68 {
    font-size: 11.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-68 {
        font-size: min(max(1rem, 3.5416666667vw), 4.25rem)
    }
}

.fs-69 {
    font-size: 11.5vw
}

@media only screen and (min-width: 768px) {
    .fs-69 {
        font-size: min(max(1rem, 3.59375vw), 4.3125rem)
    }
}

.fs-70 {
    font-size: 11.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-70 {
        font-size: min(max(1rem, 3.6458333333vw), 4.375rem)
    }
}

.fs-71 {
    font-size: 11.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-71 {
        font-size: min(max(1rem, 3.6979166667vw), 4.4375rem)
    }
}

.fs-72 {
    font-size: 12vw
}

@media only screen and (min-width: 768px) {
    .fs-72 {
        font-size: min(max(1rem, 3.75vw), 4.5rem)
    }
}

.fs-73 {
    font-size: 12.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-73 {
        font-size: min(max(1rem, 3.8020833333vw), 4.5625rem)
    }
}

.fs-74 {
    font-size: 12.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-74 {
        font-size: min(max(1rem, 3.8541666667vw), 4.625rem)
    }
}

.fs-75 {
    font-size: 12.5vw
}

@media only screen and (min-width: 768px) {
    .fs-75 {
        font-size: min(max(1rem, 3.90625vw), 4.6875rem)
    }
}

.fs-76 {
    font-size: 12.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-76 {
        font-size: min(max(1rem, 3.9583333333vw), 4.75rem)
    }
}

.fs-77 {
    font-size: 12.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-77 {
        font-size: min(max(1rem, 4.0104166667vw), 4.8125rem)
    }
}

.fs-78 {
    font-size: 13vw
}

@media only screen and (min-width: 768px) {
    .fs-78 {
        font-size: min(max(1rem, 4.0625vw), 4.875rem)
    }
}

.fs-79 {
    font-size: 13.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-79 {
        font-size: min(max(1rem, 4.1145833333vw), 4.9375rem)
    }
}

.fs-80 {
    font-size: 13.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-80 {
        font-size: min(max(1rem, 4.1666666667vw), 5rem)
    }
}

.fs-81 {
    font-size: 13.5vw
}

@media only screen and (min-width: 768px) {
    .fs-81 {
        font-size: min(max(1rem, 4.21875vw), 5.0625rem)
    }
}

.fs-82 {
    font-size: 13.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-82 {
        font-size: min(max(1rem, 4.2708333333vw), 5.125rem)
    }
}

.fs-83 {
    font-size: 13.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-83 {
        font-size: min(max(1rem, 4.3229166667vw), 5.1875rem)
    }
}

.fs-84 {
    font-size: 14vw
}

@media only screen and (min-width: 768px) {
    .fs-84 {
        font-size: min(max(1rem, 4.375vw), 5.25rem)
    }
}

.fs-85 {
    font-size: 14.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-85 {
        font-size: min(max(1rem, 4.4270833333vw), 5.3125rem)
    }
}

.fs-86 {
    font-size: 14.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-86 {
        font-size: min(max(1rem, 4.4791666667vw), 5.375rem)
    }
}

.fs-87 {
    font-size: 14.5vw
}

@media only screen and (min-width: 768px) {
    .fs-87 {
        font-size: min(max(1rem, 4.53125vw), 5.4375rem)
    }
}

.fs-88 {
    font-size: 14.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-88 {
        font-size: min(max(1rem, 4.5833333333vw), 5.5rem)
    }
}

.fs-89 {
    font-size: 14.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-89 {
        font-size: min(max(1rem, 4.6354166667vw), 5.5625rem)
    }
}

.fs-90 {
    font-size: 15vw
}

@media only screen and (min-width: 768px) {
    .fs-90 {
        font-size: min(max(1rem, 4.6875vw), 5.625rem)
    }
}

.fs-91 {
    font-size: 15.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-91 {
        font-size: min(max(1rem, 4.7395833333vw), 5.6875rem)
    }
}

.fs-92 {
    font-size: 15.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-92 {
        font-size: min(max(1rem, 4.7916666667vw), 5.75rem)
    }
}

.fs-93 {
    font-size: 15.5vw
}

@media only screen and (min-width: 768px) {
    .fs-93 {
        font-size: min(max(1rem, 4.84375vw), 5.8125rem)
    }
}

.fs-94 {
    font-size: 15.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-94 {
        font-size: min(max(1rem, 4.8958333333vw), 5.875rem)
    }
}

.fs-95 {
    font-size: 15.8333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-95 {
        font-size: min(max(1rem, 4.9479166667vw), 5.9375rem)
    }
}

.fs-96 {
    font-size: 16vw
}

@media only screen and (min-width: 768px) {
    .fs-96 {
        font-size: min(max(1rem, 5vw), 6rem)
    }
}

.fs-97 {
    font-size: 16.1666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-97 {
        font-size: min(max(1rem, 5.0520833333vw), 6.0625rem)
    }
}

.fs-98 {
    font-size: 16.3333333333vw
}

@media only screen and (min-width: 768px) {
    .fs-98 {
        font-size: min(max(1rem, 5.1041666667vw), 6.125rem)
    }
}

.fs-99 {
    font-size: 16.5vw
}

@media only screen and (min-width: 768px) {
    .fs-99 {
        font-size: min(max(1rem, 5.15625vw), 6.1875rem)
    }
}

.fs-100 {
    font-size: 16.6666666667vw
}

@media only screen and (min-width: 768px) {
    .fs-100 {
        font-size: min(max(1rem, 5.2083333333vw), 6.25rem)
    }
}

.title-h3 {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    letter-spacing: .05em
}

.title-bordered {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    letter-spacing: .05em;
    margin: 1.5em 0 0
}

.title-bordered:after {
    content: "";
    display: block;
    border-top: 1px solid;
    width: 100%;
    height: 0;
    margin-top: 1.25rem
}

@media only screen and (min-width: 1024px) {
    .title-bordered:after {
        margin-top: 2.5rem
    }
}

@keyframes fade-slide {
    0% {
        max-height: 0;
        opacity: 0
    }
    100% {
        max-height: 100%;
        opacity: 1
    }
}

@keyframes scaleHalf {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(0.5)
    }
}

@keyframes scaleLogo {
    0% {
        max-width: 190px
    }
    100% {
        max-width: 90px
    }
}

.cinemaginaire .accordion {
    position: relative
}

.cinemaginaire .accordion summary:focus {
    outline: 0
}

.cinemaginaire .accordion__toggle {
    display: inline-flex;
    align-items: center;
    display: block;
    position: relative;
    cursor: pointer;
    margin: 1.25rem 0;
    padding-right: 60px;
    min-height: 60px
}

.cinemaginaire .accordion__toggle:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243%22%20height%3D%2243%22%20viewBox%3D%220%200%2043%2043%22%20fill%3D%22%2346ebea%22%3E%3Cpath%20d%3D%22M20.8%2C15.3l8.5%2C8.5l-1.7%2C1.7l-7.1-7.1l-7.1%2C7.1l-1.7-1.7l8.5-8.5l0.3%2C0.3L20.8%2C15.3z%20M42%2C21c0%2C11.6-9.4%2C21-21%2C21C9.4%2C42%2C0%2C32.6%2C0%2C21C0%2C9.4%2C9.4%2C0%2C21%2C0C32.6%2C0%2C42%2C9.4%2C42%2C21z%20M40%2C21c0-10.5-8.5-19-19-19C10.5%2C2%2C2%2C10.5%2C2%2C21s8.5%2C19%2C19%2C19C31.5%2C40%2C40%2C31.5%2C40%2C21z%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(43 / 43 * 1em);
    height: 1em
}

.cinemaginaire .accordion__toggle:before {
    filter: brightness(1);
    transition: filter .14s linear
}

.cinemaginaire .accordion__toggle:hover:before {
    filter: brightness(170%)
}

.cinemaginaire .accordion__toggle:before {
    font-size: 40px;
    transition: transform .14s;
    transform: rotate(180deg);
    position: absolute;
    right: 0;
    z-index: 3
}

[open] .cinemaginaire .accordion__toggle:before {
    transform: rotate(0deg)
}

.cinemaginaire .accordion__content {
    padding: 0 0 1.25rem;
    padding-right: 60px;
    overflow: hidden
}

[open] .cinemaginaire .accordion__content {
    animation: fade-slide .125s ease-in-out both
}

@media only screen and (min-width: 1024px) {
    .cinemaginaire .accordion__toggle {
        padding-right: 0
    }

    .cinemaginaire .accordion__content {
        padding: 0 0 1.25rem 2.5rem
    }
}

.accordion {
    position: relative
}

.accordion summary:focus {
    outline: 0
}

.accordion__toggle {
    display: inline-flex;
    align-items: center;
    display: block;
    position: relative;
    cursor: pointer;
    margin: 1.25rem 0;
    padding-right: 60px;
    min-height: 60px
}

.accordion__toggle:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243%22%20height%3D%2243%22%20viewBox%3D%220%200%2043%2043%22%20fill%3D%22%23f52d14%22%3E%3Cpath%20d%3D%22M20.8%2C15.3l8.5%2C8.5l-1.7%2C1.7l-7.1-7.1l-7.1%2C7.1l-1.7-1.7l8.5-8.5l0.3%2C0.3L20.8%2C15.3z%20M42%2C21c0%2C11.6-9.4%2C21-21%2C21C9.4%2C42%2C0%2C32.6%2C0%2C21C0%2C9.4%2C9.4%2C0%2C21%2C0C32.6%2C0%2C42%2C9.4%2C42%2C21z%20M40%2C21c0-10.5-8.5-19-19-19C10.5%2C2%2C2%2C10.5%2C2%2C21s8.5%2C19%2C19%2C19C31.5%2C40%2C40%2C31.5%2C40%2C21z%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(43 / 43 * 1em);
    height: 1em
}

.accordion__toggle:before {
    filter: brightness(1);
    transition: filter .14s linear
}

.accordion__toggle:hover:before {
    filter: brightness(170%)
}

.accordion__toggle:before {
    font-size: 40px;
    transition: transform .14s;
    transform: rotate(180deg);
    position: absolute;
    right: 0;
    z-index: 3
}

[open] .accordion__toggle:before {
    transform: rotate(0deg)
}

.accordion__content {
    padding: 0 0 1.25rem;
    padding-right: 60px;
    overflow: hidden
}

[open] .accordion__content {
    animation: fade-slide .125s ease-in-out both
}

@media only screen and (min-width: 1024px) {
    .accordion__toggle {
        padding-right: 0
    }

    .accordion__content {
        padding: 0 0 1.25rem 2.5rem
    }
}

.skip-to-content, .form-btn, .collapsible__toggle, .btn-secondary, .btn {
    box-sizing: border-box;
    display: inline-flex;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    font-size: inherit;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .05em;
    padding: .375em 1.25em;
    border: 2px solid;
    border-radius: 1em;
    text-align: center;
    vertical-align: middle;
    transition: all .14s linear;
    text-transform: uppercase
}

.skip-to-content:hover, .form-btn:hover, .collapsible__toggle:hover, .btn-secondary:hover, .btn:hover {
    text-decoration: none;
    cursor: pointer
}

.skip-to-content:focus, .form-btn:focus, .collapsible__toggle:focus, .btn-secondary:focus, .btn:focus {
    outline: none
}

.form-btn, .collapsible__toggle, .btn {
    flex-direction: row-reverse;
    padding-right: 2.25em
}

.form-btn:before, .collapsible__toggle:before, .btn:before {
    filter: brightness(1);
    transition: filter .14s linear
}

.form-btn:hover:before, .collapsible__toggle:hover:before, .btn:hover:before {
    filter: brightness(170%)
}

.form-btn:before, .collapsible__toggle:before, .btn:before {
    position: relative;
    left: .875em;
    font-size: .95em
}

.btn {
    background: rgba(0, 0, 0, 0);
    color: #bbbab9;
    display: inline-flex;
    align-items: center
}

.btn:hover {
    color: #ecebe9
}

.btn:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2222%22%20viewBox%3D%220%200%2013%2022%22%20fill%3D%22%23bbbab9%22%3E%3Cpath%20d%3D%22M12.3%2C11l0.4%2C0.4L2.1%2C22L0%2C19.9L8.9%2C11L0%2C2.1L2.1%2C0l10.6%2C10.6L12.3%2C11z%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(13 / 22 * 1em);
    height: 1em
}

.btn-secondary {
    background: #f52d14;
    border-color: #f52d14;
    color: #ecebe9
}

.btn-secondary:hover {
    background: #1b191a;
    border-color: #1b191a;
    color: #ecebe9
}

.carousel {
    position: relative
}

.carousel__slider {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.carousel__slides {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.carousel__slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    transition-property: transform
}

.carousel__slide a {
    display: block
}

@media only screen and (max-width: 1023px) {
    .carousel__nav {
        display: grid;
        grid-gap: 1.25rem;
        width: min-content;
        grid-template-areas:"c1 c2 c3";
        grid-template-columns:repeat(3, min-content);
        justify-content: space-between;
        align-items: center;
        margin: 1.25rem auto 2.5rem
    }

    .carousel__nav .btn-prev {
        grid-area: c1
    }

    .carousel__nav .dots-nav, .carousel__nav .pages {
        grid-area: c2
    }

    .carousel__nav .btn-next {
        grid-area: c3
    }
}

@media only screen and (min-width: 1024px) {
    .carousel__nav .btn-prev, .carousel__nav .btn-next {
        position: absolute;
        z-index: 2;
        top: 50%;
        margin-top: -4rem
    }

    .carousel__nav .btn-prev {
        left: -2rem
    }

    .carousel__nav .btn-next {
        right: -2rem
    }
}

@media only screen and (min-width: 1600px) {
    .carousel__nav .btn-prev {
        left: -4rem
    }

    .carousel__nav .btn-next {
        right: -4rem
    }
}

@media (min-width: 1600px) {
    .carousel__slide .hero-item {
        height: 100%
    }

    .carousel__slide .hero-item__content {
        display: flex;
        align-items: center
    }
}

.collapsible {
    position: relative
}

.collapsible summary:focus {
    outline: 0
}

.collapsible__toggle {
    background: #323232;
    border-color: #323232;
    color: #bbbab9;
    display: inline-flex;
    align-items: center;
    font-size: .9em;
    position: absolute;
    top: 100%;
    cursor: pointer
}

.collapsible__toggle:hover {
    background: var(--color-accent, #f52d14);
    border-color: var(--color-accent, #f52d14);
    color: var(--color-accent-contrast, #ecebe9)
}

.collapsible__toggle:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2211%22%20viewBox%3D%220%200%2019%2011%22%20fill%3D%22%23bbbab9%22%3E%3Cpath%20d%3D%22M9.8%2C10.7l-0.3-0.3l-0.3%2C0.3L0.7%2C2.3l1.7-1.7l7.1%2C7.1l7.1-7.1l1.7%2C1.7L9.8%2C10.7z%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(19 / 11 * 1em);
    height: 1em
}

.collapsible__toggle:before {
    font-size: .66em;
    line-height: 1.33;
    transition: transform .14s !important;
    transform: rotate(0deg)
}

.collapsible__content {
    overflow: hidden
}

.collapsible p {
    margin: 0;
    padding-bottom: 1em
}

.collapsible[open] .collapsible__toggle:before {
    transform: rotate(-180deg)
}

.collapsible[open] .collapsible__content {
    animation: fade-slide .125s ease-in-out both
}

.dots-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1.25rem auto
}

.dots-nav__link {
    font-size: 0;
    background-color: #323232;
    border-radius: 50%;
    width: .875rem;
    height: .875rem;
    margin: 1rem;
    transition: background-color .14s linear;
    cursor: pointer
}

.dots-nav__link:hover, .dots-nav__link.is-active {
    background-color: #8f8e8d
}

.pages {
    display: flex;
    width: fit-content;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background-color: #323232;
    border-radius: .5em;
    padding: 0 .25em;
    line-height: 1
}

.pages > * {
    padding: .5em
}

.pages__current {
    padding-right: 0
}

.pages__current:after {
    content: "";
    border-right: 1px solid;
    padding-right: .5em
}

.pages__total {
    color: #8f8e8d
}

video:focus {
    outline: none
}

video:not([autoplay]) {
    position: relative;
    background: #282527 url("../images/logo-zone3.svg") center no-repeat;
    background-size: 80% auto
}

.embed {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden
}

.embed[data-ratio="4:1"] {
    padding-bottom: 75%
}

.embed iframe {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100.05%;
    height: 100.05%
}

.vimeo-container {
    height: 75vh
}

input[type=text], input[type=tel], input[type=search], input[type=email], textarea {
    font-size: 1em;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    margin: initial;
    text-transform: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-sizing: border-box
}

input[type=text], input[type=tel], input[type=search], input[type=email], textarea {
    background-color: #323232;
    color: inherit;
    border-width: 0;
    border-style: solid;
    padding: .5em 1em;
    width: 100%;
    transition: background-color .14s linear
}

input[type=text]:-webkit-autofill, input[type=text]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus, input[type=text]:-webkit-autofill:active, input[type=tel]:-webkit-autofill, input[type=tel]:-webkit-autofill:hover, input[type=tel]:-webkit-autofill:focus, input[type=tel]:-webkit-autofill:active, input[type=search]:-webkit-autofill, input[type=search]:-webkit-autofill:hover, input[type=search]:-webkit-autofill:focus, input[type=search]:-webkit-autofill:active, input[type=email]:-webkit-autofill, input[type=email]:-webkit-autofill:hover, input[type=email]:-webkit-autofill:focus, input[type=email]:-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active {
    font-family: "Source Sans Pro", sans-serif;
    -webkit-box-shadow: 0 0 0 1000px #323232 inset !important;
    -webkit-text-fill-color: #ecebe9
}

input[type=text]::placeholder, input[type=tel]::placeholder, input[type=search]::placeholder, input[type=email]::placeholder, textarea::placeholder {
    font-family: "Source Sans Pro", sans-serif;
    color: inherit
}

input[type=text]:focus, input[type=tel]:focus, input[type=search]:focus, input[type=email]:focus, textarea:focus {
    outline: none;
    background-color: #4c4c4c
}

textarea {
    min-height: 6em;
    resize: none
}

input[type=search] {
    appearance: none;
    -webkit-appearance: none
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    filter: grayscale(1) brightness(100);
    opacity: .7;
    cursor: pointer
}

input[type=checkbox] + svg {
    background-color: #323232;
    border: 2px solid
}

input[type=checkbox] + svg .checked {
    stroke-dasharray: 100px;
    stroke-dashoffset: 100px;
    transition: stroke-dashoffset .05s ease-in, stroke .05s ease-in
}

input[type=checkbox]:checked + svg .checked {
    stroke: #bbbab9;
    stroke-dashoffset: 0
}

.form-btn {
    background: #323232;
    border-color: #323232;
    color: #bbbab9;
    display: inline-flex;
    align-items: center;
    line-height: 1.3
}

.form-btn:hover {
    background: var(--color-accent, #f52d14);
    border-color: var(--color-accent, #f52d14);
    color: var(--color-accent-contrast, #ecebe9)
}

.form-btn:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2222%22%20viewBox%3D%220%200%2013%2022%22%20fill%3D%22%23bbbab9%22%3E%3Cpath%20d%3D%22M12.3%2C11l0.4%2C0.4L2.1%2C22L0%2C19.9L8.9%2C11L0%2C2.1L2.1%2C0l10.6%2C10.6L12.3%2C11z%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(13 / 22 * 1em);
    height: 1em
}

.hero {
    display: flex
}

.hero > img {
    margin: auto auto 0
}

.hero-item {
    padding: 0;
    display: grid;
    color: #ecebe9;
    overflow: hidden
}

.hero-item__video > video {
    display: block;
    max-width: 1280px;
    margin: auto auto 0
}

.hero-item__content {
    padding: 4vw;
    align-self: flex-end
}

.hero-item__content .meta {
    background-color: #1b191a
}

.hero-item__content .black {
    background-color: #000
}

.hero-item__content .block {
    display: block
}

.hero-item__summary {
    color: #bbbab9
}

@media only screen and (min-width: 1024px) {
    .hero-item {
        grid-template-columns:33% 67%;
        padding: 2.5rem 0 0 2.5rem;
        align-items: stretch
    }

    .hero-item__image {
        order: initial;
        object-fit: cover
    }

    .hero-item__content {
        padding: 1.25rem
    }
}

@media only screen and (min-width: 1600px) {
    .hero-item {
        padding: 3.75rem 0 0 5rem
    }

    .hero-item__content {
        padding: 3.75rem;
        min-height: 75%
    }
}

.lightbox {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99
}

.lightbox.is-hidden {
    display: none
}

.lightbox-outer {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 5;
    padding: 1.25rem
}

.lightbox-inner {
    position: relative;
    width: 80vw;
    height: 80vh
}

.lightbox .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(0, -100%);
    padding-bottom: 1.25rem
}

@media only screen and (min-width: 1024px) {
    .lightbox .btn-close {
        transform: translate(100%, -100%);
        padding: 1.25rem
    }
}

.btn-close {
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    color: inherit;
    display: inline-flex;
    align-items: center;
    font-size: 4vw
}

.btn-close:focus {
    outline: none
}

.btn-close:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243%22%20height%3D%2243%22%20viewBox%3D%220%200%2043%2043%22%20fill%3D%22%23bbbab9%22%3E%3Cpath%20d%3D%22M25%2C21.5l17.7%2C17.7l-3.5%2C3.5L21.5%2C25L3.8%2C42.7l-3.5-3.5L18%2C21.5L0.3%2C3.8l3.5-3.5L21.5%2C18L39.2%2C0.3l3.5%2C3.5%20L25%2C21.5z%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(43 / 43 * 1em);
    height: 1em
}

.btn-close:before {
    filter: brightness(1);
    transition: filter .14s linear
}

.btn-close:hover:before {
    filter: brightness(170%)
}

@media only screen and (min-width: 768px) {
    .btn-close {
        font-size: 2rem
    }
}

.lightbox .carousel__slide {
    width: 80vw;
    height: 80vh
}

.lightbox .carousel__slide img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.lightbox .carousel__nav .btn-prev, .lightbox .carousel__nav .btn-next {
    position: fixed;
    margin-top: 1.25rem
}

@media only screen and (min-width: 1024px) {
    .lightbox .carousel__nav .btn-prev, .lightbox .carousel__nav .btn-next {
        top: 50%;
        margin-top: -2.5em
    }
}

.lightbox .carousel__nav .btn-prev {
    left: 1.25rem
}

.lightbox .carousel__nav .btn-next {
    right: 1.25rem
}

.main-menu {
    display: flex;
    flex-direction: column;
    font-family: "Ubuntu", sans-serif;
    font-size: 6vw;
    letter-spacing: .05em;
    line-height: 1.75;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .main-menu {
        font-size: min(max(1rem, 1.875vw), 2.25rem)
    }
}

.main-menu a {
    display: inline-flex
}

@media only screen and (any-pointer: fine) {
    .main-menu a:before {
        content: "";
        display: block;
        position: relative;
        transform: translateY(60%);
        border-top: 3px solid;
        width: 0;
        transition: width .14s linear
    }

    .main-menu a:hover:before {
        width: 2em;
        margin-right: .75em
    }
}

.menu-toggle {
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    color: inherit;
    display: block;
    position: relative;
    width: 36px;
    height: 36px;
    cursor: pointer
}

.menu-toggle:focus {
    outline: none
}

.menu-toggle .menu-button {
    transition: transform .15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) .1s;
    display: block;
    margin-top: -3px
}

.menu-toggle .menu-button, .menu-toggle .menu-button:before, .menu-toggle .menu-button:after {
    display: block;
    content: "";
    background-color: #323232;
    position: absolute;
    width: 33px;
    height: 3px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform
}

.menu-toggle .menu-button {
    top: 50%
}

.menu-toggle .menu-button:before {
    top: -9px
}

.menu-toggle .menu-button:after {
    top: 9px
}

@media (hover) {
    .menu-toggle .menu-button:hover {
        max-width: 100%
    }
}

.menu-toggle .menu-button:before {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.menu-toggle .menu-button:after {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.menu-on .menu-toggle .menu-button {
    transform: rotateX(-180deg);
    background-color: rgba(0, 0, 0, 0) !important
}

.menu-on .menu-toggle .menu-button:before {
    transform: translate3d(0, 9px, 0) rotate(45deg)
}

.menu-on .menu-toggle .menu-button:after {
    transform: translate3d(0, -9px, 0) rotate(-45deg)
}

.menu-on .menu-toggle .menu-button:before, .menu-on .menu-toggle .menu-button:after {
    border-radius: 0
}

@media only screen and (min-width: 1024px) {
    .menu-toggle {
        width: 60px;
        height: 60px
    }

    .menu-toggle .menu-button {
        margin-top: -5px
    }

    .menu-toggle .menu-button, .menu-toggle .menu-button:before, .menu-toggle .menu-button:after {
        width: 55px;
        height: 5px
    }

    .menu-toggle .menu-button:before {
        top: -17.5px
    }

    .menu-toggle .menu-button:after {
        top: 17.5px
    }

    .menu-on .menu-toggle .menu-button:before {
        transform: translate3d(0, 17.5px, 0) rotate(45deg)
    }

    .menu-on .menu-toggle .menu-button:after {
        transform: translate3d(0, -17.5px, 0) rotate(-45deg)
    }
}

.navigation-menu {
    display: flex;
    flex-direction: column
}

.navigation-menu__title {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    font-size: 4vw;
    font-style: normal;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    margin: 0;
    font-size: 6vw;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    color: #ecebe9;
    line-height: 1;
    margin-inline-start: -0.0325em;
    margin-bottom: 1em
}

@media only screen and (min-width: 768px) {
    .navigation-menu__title {
        font-size: min(max(1rem, 1.875vw), 2.25rem)
    }
}

.btn-prev, .btn-next {
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    color: inherit;
    display: inline-flex;
    align-items: center;
    background-color: #323232;
    border-radius: 50%;
    transition: transform .2s linear;
    font-size: 2vw
}

.btn-prev:focus, .btn-next:focus {
    outline: none
}

.btn-prev:before, .btn-next:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2222%22%20viewBox%3D%220%200%2013%2022%22%20fill%3D%22%23bbbab9%22%3E%3Cpath%20d%3D%22M12.3%2C11l0.4%2C0.4L2.1%2C22L0%2C19.9L8.9%2C11L0%2C2.1L2.1%2C0l10.6%2C10.6L12.3%2C11z%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(13 / 22 * 1em);
    height: 1em
}

.btn-prev:before, .btn-next:before {
    filter: brightness(1);
    transition: filter .14s linear
}

.btn-prev:hover:before, .btn-next:hover:before {
    filter: brightness(170%)
}

.btn-prev:before, .btn-next:before {
    width: 5em;
    height: 5em;
    background-size: 1.25em;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (any-pointer: fine) {
    .btn-prev:hover, .btn-next:hover {
        transform: scale(1.1)
    }
}

@media only screen and (min-width: 768px) {
    .btn-prev, .btn-next {
        font-size: .75rem
    }
}

@media only screen and (min-width: 1024px) {
    .btn-prev, .btn-next {
        font-size: .75rem
    }

    .btn-prev:before, .btn-next:before {
        width: 6em;
        height: 6em
    }
}

@media only screen and (min-width: 1600px) {
    .btn-prev, .btn-next {
        font-size: 1rem
    }

    .btn-prev:before, .btn-next:before {
        width: 6em;
        height: 6em
    }
}

.btn-prev.is-disabled, .btn-next.is-disabled {
    background-color: #252525;
    cursor: default
}

.btn-prev.is-disabled:before, .btn-next.is-disabled:before {
    opacity: .3
}

.btn-prev.is-disabled:hover, .btn-next.is-disabled:hover {
    transform: none
}

.btn-prev.is-disabled:hover:before, .btn-next.is-disabled:hover:before {
    filter: none
}

.btn-prev:before {
    transform: rotate(-180deg)
}

.icon-facebook {
    display: inline-flex;
    align-items: center
}

.icon-facebook:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%20fill%3D%22%238f8e8d%22%3E%3Cpath%20d%3D%22M37.7%2C1.4V12.1a1.37%2C1.37%2C0%2C0%2C1-1.4%2C1.4H30.2c-4.2%2C0-5%2C1.6-5%2C4.9v6.7H35.9a1.78%2C1.78%2C0%2C0%2C1%2C1%2C.4%2C1.16%2C1.16%2C0%2C0%2C1%2C.4%2C1V38a1.37%2C1.37%2C0%2C0%2C1-1.4%2C1.4H25.2v29a1.37%2C1.37%2C0%2C0%2C1-1.4%2C1.4H11.9a1.37%2C1.37%2C0%2C0%2C1-1.4-1.4v-29H1.4A1.37%2C1.37%2C0%2C0%2C1%2C0%2C38V26.6H0a1.37%2C1.37%2C0%2C0%2C1%2C1.4-1.4h9.1V17.3C10.5%2C6.8%2C17%2C0%2C27.2%2C0h9.1A1.43%2C1.43%2C0%2C0%2C1%2C37.7%2C1.4Z%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(70 / 70 * 1em);
    height: 1em
}

.icon-twitter {
    display: inline-flex;
    align-items: center
}

.icon-twitter:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%20fill%3D%22%238f8e8d%22%3E%3Cpath%20d%3D%22M55%2C22.5c0%2C0.5%2C0.1%2C1.1%2C0.1%2C1.7C55.1%2C40.9%2C42.5%2C60%2C19.3%2C60C12.2%2C60%2C5.5%2C58%2C0%2C54.4c1%2C0.1%2C2%2C0.2%2C3%2C0.2c5.9%2C0%2C11.3-2%2C15.6-5.4c-5.5-0.1-10.1-3.8-11.8-8.8c0.8%2C0.2%2C1.6%2C0.2%2C2.4%2C0.2c1.1%2C0%2C2.3-0.2%2C3.3-0.4C6.8%2C39%2C2.4%2C33.9%2C2.4%2C27.8v-0.2c1.7%2C1%2C3.7%2C1.5%2C5.7%2C1.6c-3.3-2.3-5.6-6.1-5.6-10.4c0-2.3%2C0.6-4.5%2C1.8-6.4c6.2%2C7.6%2C15.4%2C12.6%2C26%2C13.2c-0.2-0.9-0.3-1.8-0.3-2.9c0-6.9%2C5.6-12.6%2C12.5-12.6c3.6%2C0%2C6.8%2C1.5%2C9.2%2C3.9c2.9-0.6%2C5.5-1.6%2C8-3.1c-1%2C3-2.9%2C5.4-5.5%2C6.9c2.5-0.4%2C5-1%2C7.3-2C59.6%2C18.6%2C57.5%2C20.8%2C55%2C22.5z%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(70 / 70 * 1em);
    height: 1em
}

.icon-x {
    display: inline-flex;
    align-items: center
}

.icon-x:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%20fill%3D%22%238f8e8d%22%3E%3Cpath%20d%3D%22M45.61%205H53.75l-17.8%2020.34L56.875%2055h-16.385l-12.83-16.775L12.975%2055H4.825l19.0375-21.7625L3.75%205h16.8l11.6%2015.29L45.61%205Zm-2.8525%2045.125h4.51L18.1%209.6125H13.26L42.7575%2050.125Z%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(70 / 70 * 1em);
    height: 1em
}

.icon-instagram {
    display: inline-flex;
    align-items: center
}

.icon-instagram:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%20fill%3D%22%238f8e8d%22%3E%3Cpath%20d%3D%22M30%2C19.6c-8.5%2C0-15.4%2C6.9-15.4%2C15.4S21.5%2C50.4%2C30%2C50.4S45.4%2C43.5%2C45.4%2C35S38.5%2C19.6%2C30%2C19.6z%20M30%2C45c-5.5%2C0-10-4.5-10-10c0-5.5%2C4.5-10%2C10-10c5.5%2C0%2C10%2C4.5%2C10%2C10S35.6%2C45%2C30%2C45z%20M59.8%2C22.7c-0.2-3.2-0.7-5.4-1.4-7.3c-0.8-2.1-2-3.9-3.4-5.3c-1.5-1.5-3.3-2.7-5.3-3.4c-1.9-0.8-4.1-1.3-7.3-1.4C39.2%2C5%2C38.1%2C5%2C30%2C5s-9.2%2C0-12.3%2C0.2s-5.4%2C0.7-7.3%2C1.4c-2.1%2C0.8-3.9%2C2-5.3%2C3.4c-1.5%2C1.5-2.7%2C3.3-3.4%2C5.3c-0.8%2C1.9-1.3%2C4.1-1.4%2C7.3C0%2C25.8%2C0%2C26.9%2C0%2C35l0.2%2C12.3c0.2%2C3.2%2C0.7%2C5.4%2C1.4%2C7.3c0.8%2C2.1%2C2%2C3.9%2C3.4%2C5.3c1.5%2C1.5%2C3.3%2C2.7%2C5.3%2C3.4c1.9%2C0.8%2C4.1%2C1.3%2C7.3%2C1.4C20.8%2C65%2C21.9%2C65%2C30%2C65l12.3-0.2c3.2-0.2%2C5.4-0.7%2C7.3-1.4c4-1.5%2C7.2-4.7%2C8.7-8.7c0.8-1.9%2C1.3-4.1%2C1.4-7.3C60%2C44.2%2C60%2C43.1%2C60%2C35L59.8%2C22.7z%20M54.4%2C47.2c-0.2%2C2.9-0.6%2C4.5-1%2C5.6c-1%2C2.7-3.1%2C4.7-5.7%2C5.7c-1%2C0.4-2.7%2C0.9-5.6%2C1c-3.2%2C0.2-4.1%2C0.2-12.1%2C0.2s-9%2C0-12.1-0.2c-2.9-0.2-4.5-0.6-5.6-1c-1.3-0.5-2.5-1.2-3.4-2.2c-1-0.9-1.8-2.1-2.2-3.4c-0.4-1-0.9-2.7-1-5.6C5.5%2C44%2C5.4%2C43.1%2C5.4%2C35l0.2-12.1c0.2-2.9%2C0.6-4.5%2C1-5.6c0.5-1.3%2C1.3-2.5%2C2.2-3.4c0.9-1%2C2.1-1.8%2C3.4-2.2c1-0.4%2C2.7-0.9%2C5.6-1c3.2-0.2%2C4.1-0.2%2C12.1-0.2c8.1%2C0%2C9%2C0%2C12.1%2C0.2c2.9%2C0.2%2C4.5%2C0.6%2C5.6%2C1c1.3%2C0.5%2C2.5%2C1.2%2C3.4%2C2.2c1%2C0.9%2C1.8%2C2.1%2C2.2%2C3.4c0.4%2C1%2C0.9%2C2.7%2C1%2C5.6c0.2%2C3.2%2C0.2%2C4.1%2C0.2%2C12.1V47.2z%20M49.6%2C19c0%2C2-1.6%2C3.6-3.6%2C3.6s-3.6-1.6-3.6-3.6s1.6-3.6%2C3.6-3.6S49.6%2C17%2C49.6%2C19z%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(70 / 70 * 1em);
    height: 1em
}

.icon-linkedin {
    display: inline-flex;
    align-items: center
}

.icon-linkedin:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%20fill%3D%22%238f8e8d%22%3E%3Cpath%20d%3D%22M50%2C41.6V60l0%2C0l0%2C0H39.6V43.7c0-3.9-0.1-8.9-5.4-8.9c-5.4%2C0-6.2%2C4.2-6.2%2C8.6V60H17.7V26.6h9.9v4.6h0.1c1.4-2.6%2C4.8-5.4%2C9.8-5.4C48.1%2C25.8%2C50%2C32.7%2C50%2C41.6z%20M0.9%2C60h10.4V26.6H0.9V60z%20M6%2C10c-3.3%2C0-6%2C2.7-6%2C6s2.7%2C6.1%2C6%2C6.1s6-2.7%2C6-6.1C12%2C12.7%2C9.3%2C10%2C6%2C10z%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(70 / 70 * 1em);
    height: 1em
}

.icon-youtube {
    display: inline-flex;
    align-items: center
}

.icon-youtube:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%20fill%3D%22%238f8e8d%22%3E%3Cpath%20d%3D%22M68.6%2C18.2c-0.8-3-3.2-5.4-6.2-6.2C56.9%2C10.5%2C35%2C10.5%2C35%2C10.5s-21.9%2C0-27.4%2C1.4c-2.9%2C0.8-5.4%2C3.2-6.2%2C6.2C0%2C23.6%2C0%2C35%2C0%2C35%20s0%2C11.4%2C1.4%2C16.8c0.8%2C3%2C3.2%2C5.4%2C6.2%2C6.2c5.5%2C1.5%2C27.4%2C1.5%2C27.4%2C1.5s21.9%2C0%2C27.4-1.4c3-0.8%2C5.4-3.2%2C6.2-6.2C70%2C46.4%2C70%2C35.1%2C70%2C35.1%20S70.1%2C23.6%2C68.6%2C18.2z%20M28%2C45.5v-21L46.2%2C35L28%2C45.5z%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(70 / 70 * 1em);
    height: 1em
}

.icon-tiktok {
    display: inline-flex;
    align-items: center
}

.icon-tiktok:before
{
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%20fill%3D%22%238f8e8d%22%3E%3Cg%20transform%3D%22translate(-6%20-6)%20scale(1.3)%22%3E%3Cpath%20d%3D%22M41%204H9C6.243%204%204%206.243%204%209v32c0%202.757%202.243%205%205%205h32c2.757%200%205-2.243%205-5V9c0-2.757-2.243-5-5-5m-3.994%2018.323a7.482%207.482%200%200%201-.69.035%207.492%207.492%200%200%201-6.269-3.388v11.537a8.527%208.527%200%201%201-8.527-8.527c.178%200%20.352.016.527.027v4.202c-.175-.021-.347-.053-.527-.053a4.351%204.351%200%201%200%200%208.704c2.404%200%204.527-1.894%204.527-4.298l.042-19.594h4.02a7.488%207.488%200%200%200%206.901%206.685v4.67%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(70 / 70 * 1em);
    height: 1em
}

.icon-imdb {
    display: inline-flex;
    align-items: center
}

.icon-imdb:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%20fill%3D%22%238f8e8d%22%3E%3Cpath%20d%3D%22M%2049.9125%202.3597%20H%205.9895%20C%202.6828%202.3597%200%205.0425%200%208.3492%20v%2043.923%20c%200%203.3067%202.6828%205.9895%205.9895%205.9895%20h%2043.923%20c%203.3067%200%205.9895%20-2.6828%205.8648%20-5.8648%20V%208.3492%20c%200%20-3.3067%20-2.6828%20-5.9895%20-5.9895%20-5.9895%20z%20M%202.6578%2026.9666%20H%202.6204%20c%200.0124%20-0.0124%200.025%20-0.0374%200.0374%20-0.0499%20z%20M%2012.1037%2038.2717%20H%207.986%20V%2022.3247%20h%204.1177%20z%20m%2014.1252%200%20h%20-3.5813%20v%20-10.7811%20l%20-1.4475%2010.7811%20h%20-2.5705%20l%20-1.5223%20-10.5441%20v%2010.5441%20h%20-3.6187%20V%2022.3247%20h%205.3406%20c%200.4117%202.4707%200.7487%204.9788%201.0856%207.4744%20l%200.9483%20-7.4744%20h%205.3656%20z%20m%201.4225%200%20V%2022.3247%20h%203.0697%20c%202.1962%200%205.5778%20-0.1997%206.1142%202.6079%20c%200.2121%200.9483%200.1747%202.0339%200.1747%203.0447%20c%200%2011.0431%201.3851%2010.3069%20-9.3586%2010.2945%20z%20m%2020.0773%20-3.6436%20c%200%201.9591%20-0.2995%203.8557%20-2.7701%203.8557%20c%20-1.123%200%20-1.8967%20-0.3743%20-2.6079%20-1.2229%20l%20-0.2371%201.0107%20h%20-3.7184%20V%2022.3247%20h%203.9556%20v%205.2033%20c%200.7487%20-0.811%201.4974%20-1.148%202.6079%20-1.148%20c%202.6704%200%202.7701%201.5972%202.7701%203.756%20z%20M%2033.067%2027.054%20c%200%20-1.2103%200.1997%20-1.9965%20-1.2852%20-1.9965%20v%2010.4442%20c%201.5223%200.0374%201.2852%20-1.0856%201.2852%20-2.296%20z%20m%2010.6688%203.2568%20c%200%20-0.6739%200.1373%20-1.5848%20-0.7736%20-1.5848%20c%20-0.7487%200%20-0.6114%201.1106%20-0.6114%201.5848%20c%200%200.0749%20-0.1373%204.9413%200.1373%205.5778%20c%200.0999%200.1997%200.2746%200.2995%200.4742%200.2995%20c%200.9733%200%200.7736%20-1.123%200.7736%20-1.7969%20z%22%20%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(70 / 70 * 1em);
    height: 1em
}

.social-icons {
    display: flex;
    flex-direction: column
}

.social-icons a {
    padding: .325em 0
}

.social-icons a:before {
    filter: brightness(1);
    transition: filter .14s linear
}

.social-icons a:hover:before {
    filter: brightness(170%)
}

.social-icons a:before {
    font-size: 1.66em;
    margin-right: .5em
}

.search-filters {
    display: flex;
    flex-wrap: wrap;
    margin: 1em 0
}

.search-filters > a {
    display: inline-block;
    background-color: #323232;
    padding: .25em 1em;
    border-radius: 3px;
    border: solid rgba(0, 0, 0, 0);
    border-width: 0 3px;
    margin: .125em
}

.search-filters > a:first-child {
    margin-left: 0
}

.search-filters > a:hover {
    text-decoration: none;
    color: #ecebe9
}

.search-filters > a:active, .search-filters > a.is-selected {
    color: #ecebe9;
    border-left-color: var(--color-accent, #f52d14)
}

.skip-to-content {
    position: absolute;
    z-index: -1;
    background-color: #ecebe9;
    left: 50%;
    top: 1rem;
    transform: translate(-50%, -100%)
}

.skip-to-content:focus {
    z-index: 99;
    transition: transform .3s;
    transform: translate(-50%, 0%)
}

.tag {
    display: inline-flex;
    margin: .25em 0;
    background-color: #f52d14;
    color: #ecebe9;
    font-weight: 700;
    border-radius: 1em;
    line-height: 1;
    letter-spacing: .125em;
    padding: .375em 1.25em;
    text-transform: uppercase
}

.meta {
    display: inline-block;
    padding: .5em 1em;
    border-radius: .5em;
    margin: .25em 0;
    background-color: #323232;
    color: #ecebe9;
    font-size: .9em
}

.bullet {
    font-size: 4vw;
    font-weight: 400;
    text-transform: none;
    text-transform: uppercase;
    color: #ecebe9;
    font-weight: 400;
    display: block;
    position: relative;
    padding-left: 2rem
}

@media only screen and (min-width: 768px) {
    .bullet {
        font-size: min(max(1rem, 1.25vw), 1.5rem)
    }
}

.bullet:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background-color: var(--color-accent, #f52d14);
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .75em;
    flex-shrink: 0;
    border-radius: 100%
}

.header {
    background-color: #ecebe9;
    color: #323232;
    position: sticky;
    top: 0;
    z-index: 4;
    font-size: 4vw
}

@media only screen and (min-width: 768px) {
    .header {
        font-size: min(max(1rem, 1.25vw), 1.5rem)
    }
}

.header a {
    color: #8f8e8d
}

.header a:hover {
    color: #1b191a
}

.header ::selection {
    background: #323232;
    color: #ecebe9
}

.header-navbar {
    position: relative;
    z-index: 4;
    font-weight: 700;
    display: grid;
    align-items: center;
    grid-gap: 4vw;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.header-navbar .logo {
    display: block;
    width: 25vw;
    max-width: 190px;
    height: auto
}

.header-navbar .slogan {
    font-size: 5vw
}

@media only screen and (min-width: 768px) {
    .header-navbar .slogan {
        font-size: min(max(1rem, 1.5625vw), 1.875rem)
    }
}

@media only screen and (max-width: 767px) {
    .header-navbar {
        grid-template-areas:"left center right";
        grid-template-columns:min-content 1fr min-content;
        grid-auto-flow: row
    }

    .header-navbar .logo {
        margin-left: 1.25rem
    }

    .header-navbar .slogan {
        grid-column: span 3;
        grid-row: 2
    }
}

@media only screen and (min-width: 768px) {
    .header-navbar {
        grid-template-columns:min-content calc(31% - 120px) 1fr min-content
    }

    .header-navbar .logo {
        width: 14vw;
        margin: auto
    }

    .has-scrolled .header-navbar {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .has-scrolled .header-navbar .menu-toggle {
        animation: scaleHalf .125s ease both
    }

    .has-scrolled .header-navbar .logo {
        animation: scaleLogo .125s ease both
    }
}

@media only screen and (min-width: 1200px) {
    .header-navbar {
        grid-gap: 2.5rem;
        padding-top: 1.65rem;
        padding-bottom: 1.65rem;
        grid-template-columns:min-content calc(33% - 120px) 1fr min-content;
        transition-duration: .14s;
        transition-timing-function: ease;
        transition-property: padding-top, padding-bottom
    }

    .header-navbar .logo {
        margin-left: 29%
    }

    .has-scrolled .header-navbar {
        padding-top: .125rem;
        padding-bottom: .125rem
    }

    .has-scrolled .header-navbar .slogan {
        font-size: 4vw
    }
}

@media only screen and (min-width: 1200px)and (min-width: 768px) {
    .has-scrolled .header-navbar .slogan {
        font-size: min(max(1rem, 1.25vw), 1.5rem)
    }
}

.has-scrolled .header {
    position: fixed;
    left: 0;
    right: 0
}

.header-menu {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 3;
    background-color: #ecebe9;
    transition: max-height .6s;
    max-height: 0px
}

.header-menu__content {
    transition: opacity .3s;
    opacity: 0
}

.menu-on .header-menu {
    max-height: 100vh
}

.menu-on .header-menu__content {
    opacity: 1
}

.header-menu__content {
    display: grid;
    grid-gap: 4vw;
    padding-top: 4vw;
    padding-bottom: 4vw
}

@media only screen and (min-width: 768px) {
    .header-menu__content {
        grid-template-columns:max-content 33%;
        justify-content: space-between;
        grid-gap: 2.5rem;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
}

@media only screen and (min-width: 1200px) {
    .header-menu__content {
        padding-top: 6.75rem;
        padding-bottom: 7.5rem
    }
}

.header-menu__content .social-icons {
    align-self: flex-end
}

.header-menu__content .social-icons a:before {
    filter: brightness(1);
    transition: filter .14s linear
}

.header-menu__content .social-icons a:hover:before {
    filter: brightness(0)
}

@media only screen and (min-width: 768px) {
    .header-menu__content:before {
        content: url("../images/logo-zone3.svg");
        filter: grayscale(1) brightness(0);
        opacity: .02;
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 105%;
        max-width: 1930px;
        height: auto
    }
}

.footer {
    background-color: #323232;
    color: #8f8e8d
}

.footer a {
    color: inherit;
    transition: color .14s ease
}

.footer a:hover {
    text-decoration: none;
    color: #ecebe9
}

.footer .navigation-menu {
    font-size: 4vw
}

@media only screen and (min-width: 768px) {
    .footer .navigation-menu {
        font-size: min(max(1rem, 1.25vw), 1.5rem)
    }
}

.footer .footer-menu {
    font-family: "Ubuntu", sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 2
}

.footer .copyright {
    text-align: center;
    padding: 1.25rem 0
}

.footer-content {
    display: grid;
    grid-gap: 4vw;
    padding-top: 4vw;
    padding-bottom: 0
}

.footer .logo {
    box-sizing: content-box;
    width: 33vw;
    max-width: 175px
}

@media only screen and (min-width: 768px) {
    .footer {
        margin-top: 5rem
    }

    .footer-content {
        grid-gap: 1.25rem;
        padding-top: 2.5rem;
        grid-template-columns:1fr 1fr 1fr
    }

    .footer .copyright {
        grid-column: span 3
    }
}

@media only screen and (min-width: 1200px) {
    .footer-content {
        grid-template-columns:minmax(max-content, calc(20% + 1.25rem)) 1fr 2fr
    }

    .footer .logo {
        margin: 0 1.25rem
    }
}

html.show-overlay {
    overflow: hidden
}

html.show-overlay body:after {
    z-index: 90
}

#content {
    flex: 1
}

.container {
    display: flex;
    flex-direction: column
}

span.marker {
    color: var(--color-accent, #f52d14)
}

.accept-cookies {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ecebe9;
    color: #1b191a;
    padding: 4vw
}

.accept-cookies-message {
    display: grid;
    grid-gap: 4vw;
    width: fit-content;
    margin: auto
}

.accept-cookies-message p {
    margin: 0
}

@media only screen and (max-width: 1023px) {
    .accept-cookies-message {
        justify-items: start
    }

    .accept-cookies-message .btn-close {
        grid-row: 1;
        justify-self: end
    }
}

@media only screen and (min-width: 1024px) {
    .accept-cookies-message {
        grid-template-columns:max(60vw, 700px) min-content min-content;
        align-items: center
    }

    .accept-cookies-message .btn-close {
        position: absolute;
        right: 4vw;
        top: 2.5rem
    }

    .accept-cookies-message .btn-close:before {
        filter: brightness(0)
    }

    .accept-cookies-message .btn-close:hover:before {
        filter: brightness(0.5)
    }
}

.content-block {
    position: relative;
    max-width: 100%;
    border-top: 1px solid #bbbab9;
    color: #ecebe9
}

.title-bordered + .content-block {
    border-top: 0
}

.content-block__description {
    color: #bbbab9
}

.content-block__description a {
    text-decoration: underline
}

@media only screen and (max-width: 1023px) {
    .content-block {
        display: flex;
        flex-direction: column-reverse;
        padding: 1.75rem 0 3.5rem
    }

    .content-block__text + img {
        margin-bottom: 4vw
    }
}

@media only screen and (min-width: 1024px) {
    .content-block {
        display: inline-flex;
        align-items: flex-start;
        padding: 1.25rem 1.25rem 2.5rem;
        margin: 0 auto
    }

    .content-block__text {
        width: 42vw;
        max-width: 768px;
        padding-right: 2.5rem
    }

    .content-block__text:only-child {
        width: 50vw;
        max-width: 960px
    }

    .content-block img {
        max-width: 50vw;
        height: auto
    }
}

@media only screen and (min-width: 1200px) {
    .content-block {
        padding: 1.2890625rem 1.5625rem 1.953125rem
    }

    .content-block__text {
        padding-right: 3.125rem;
        padding-top: 1.5625rem
    }

    .content-block__text:only-child {
        padding-right: calc(26.5% + 3.125rem)
    }
}

@media only screen and (min-width: 1920px) {
    .content-block {
        padding: 2.0625rem 2.5rem 3.125rem
    }

    .content-block__text {
        padding-right: 5rem;
        padding-top: 2.5rem
    }

    .content-block__text:only-child {
        padding-right: calc(26.5% + 5rem)
    }
}

.form {
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 2.5rem;
    font-size: 4vw
}

@media only screen and (min-width: 768px) {
    .form {
        font-size: min(max(1rem, 1.25vw), 1.5rem)
    }
}

.form-btn {
    margin: 0 0 1em
}

.form .form-control-checkbox {
    font-size: .75em;
    display: flex
}

.form .form-control-checkbox svg {
    width: 2em;
    height: 2em;
    flex-shrink: 0;
    margin-right: 1.25rem
}

@media only screen and (min-width: 768px) {
    .form {
        grid-template-columns:1fr 1fr
    }

    .form .full-width {
        grid-column: span 2
    }

    .form-actions {
        grid-column: span 2;
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }

    .form .form-control-checkbox {
        align-items: center
    }
}

@media only screen and (min-width: 1200px) {
    .form {
        max-width: 50%;
        grid-gap: 3.75rem
    }
}

.form .error-msg {
    color: #ffbbb4;
    display: none;
    padding: .25em 1em;
    font-size: .75em;
    position: absolute
}

.success-msg {
    color: #a1c7a9
}

.form-control {
    position: relative
}

.form-control.has-error input:not(:focus):placeholder-shown, .form-control.has-error textarea:not(:focus):placeholder-shown, .form-control.has-error .checkbox-label, .form-control.has-error {
    color: #ffbbb4
}

.form-control.has-error input:not(:focus):placeholder-shown + .error-msg, .form-control.has-error textarea:not(:focus):placeholder-shown + .error-msg, .form-control.has-error .checkbox-label + .error-msg, .form-control.has-error + .error-msg {
    display: block
}

.productions-header {
    font-size: 4vw;
    margin-top: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem
}

@media only screen and (min-width: 768px) {
    .productions-header {
        font-size: min(max(1rem, 1.25vw), 1.5rem)
    }
}

.productions-header form {
    position: relative
}

.productions-header input[type=search] {
    background-color: #1b191a;
    border-width: 0 0 1px;
    padding: .5em .75em
}

.productions-header input[type=search]:focus {
    background-color: #353234
}

@media only screen and (max-width: 767px) {
    .productions-header {
        flex-direction: column
    }

    .productions-header form {
        width: 100%
    }

    .productions-header .btn {
        margin-right: auto
    }
}

@media only screen and (min-width: 768px) {
    .productions-header .btn {
        width: max-content
    }

    .productions-header .search-filters {
        flex: 1 0 100%
    }
}

@media only screen and (min-width: 1200px) {
    .productions-header input[type=search] {
        min-width: 300px
    }
}

.productions-grid {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: .625rem;
    margin: 1em 0;
    color: #ecebe9
}

@media only screen and (min-width: 768px) {
    .productions-grid {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media only screen and (min-width: 1024px) {
    .productions-grid {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media only screen and (min-width: 1200px) {
    .productions-grid {
        grid-template-columns:repeat(5, 1fr)
    }
}

@media only screen and (min-width: 1380px) {
    .productions-grid {
        grid-template-columns:repeat(6, 1fr)
    }
}

@media only screen and (min-width: 1560px) {
    .productions-grid {
        grid-template-columns:repeat(7, 1fr)
    }
}

@media only screen and (min-width: 1740px) {
    .productions-grid {
        grid-template-columns:repeat(8, 1fr)
    }
}

.productions-grid > * {
    width: 100%;
    height: 0;
    padding-bottom: 149%
}

.productions-grid > div {
    background-color: #323232;
    mix-blend-mode: hard-light
}

.production-thumbnail {
    position: relative;
    overflow: hidden;
    z-index: 2;
    color: #ecebe9
}

.production-thumbnail__title {
    padding-bottom: 2.5rem;
    margin-top: auto
}

.production-thumbnail img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.production-thumbnail:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 50%;
    left: 0;
    right: 0;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.37))
}

@media only screen and (any-pointer: fine) {
    .production-thumbnail {
        cursor: pointer;
        overflow: hidden
    }

    .production-thumbnail:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #1b191a;
        opacity: 0;
        transition: opacity .3s ease-in-out
    }

    .production-thumbnail:hover:before {
        opacity: .7
    }
}

.production-thumbnail__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 1rem;
    letter-spacing: .125em;
    padding: 1rem
}

.production-thumbnail .tag {
    white-space: nowrap;
    font-size: .725em;
    margin-top: .25em;
    position: absolute;
    bottom: 1.25rem
}

.search-suggestions {
    font-size: 4vw;
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    max-height: 50vh;
    overflow: auto
}

@media only screen and (min-width: 768px) {
    .search-suggestions {
        font-size: min(max(1rem, 1.25vw), 1.5rem)
    }
}

.search-suggestions__title, .search-suggestions__results > a {
    padding: .325em .75em
}

.search-suggestions__title {
    font-size: 4vw;
    font-weight: 400;
    text-transform: none;
    background-color: #f52d14;
    color: #ecebe9
}

@media only screen and (min-width: 768px) {
    .search-suggestions__title {
        font-size: min(max(1rem, 1.25vw), 1.5rem)
    }
}

.search-suggestions__results {
    background-color: #fff;
    color: #8f8e8d
}

.search-suggestions__results > a {
    display: block;
    line-height: 1.2
}

.search-suggestions__results > a:nth-child(odd) {
    background-color: #ecebe9
}

.search-suggestions__results > a:first-child {
    padding-top: .5em
}

.search-suggestions__results > a:last-child {
    padding-bottom: .5em
}

.search-suggestions__results > a:hover mark {
    color: #f52d14
}

.search-suggestions__results mark {
    background: none;
    color: #1b191a;
    display: inline;
    padding-inline-start: .25em;
    margin-inline-start: -0.25em
}

.about .bullet {
    margin: 0 0 2em
}

@media only screen and (min-width: 1024px) {
    .about .bullet {
        white-space: normal
    }
}

.shareholders__logos {
    display: grid;
    padding-top: 5rem;
    padding-bottom: 5rem;
    grid-gap: 1.25rem
}

@media only screen and (min-width: 768px) {
    .shareholders__logos {
        grid-template-columns:repeat(2, 1fr);
        padding-left: 2.5rem
    }
}

.contact-informations {
    display: grid;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    grid-gap: 1.25rem
}

.contact-informations address {
    font-size: 4vw
}

@media only screen and (min-width: 768px) {
    .contact-informations address {
        font-size: min(max(1rem, 1.25vw), 1.5rem)
    }
}

.contact-informations address p:first-child {
    margin-top: 0
}

@media only screen and (min-width: 768px) {
    .contact-informations {
        grid-template-columns:repeat(2, 1fr)
    }

    .contact-informations .title-bordered {
        grid-column: span 2
    }

    .contact-informations address, .contact-informations .social-icons {
        grid-column: 1
    }

    .contact-informations .map {
        grid-column: 2;
        grid-row: 2/span 2
    }
}

@media only screen and (min-width: 1024px) {
    .contact-informations {
        grid-template-columns:repeat(3, 1fr)
    }

    .contact-informations .title-bordered {
        grid-column: span 3
    }

    .contact-informations address {
        padding-left: 2.5rem
    }

    .contact-informations address, .contact-informations .social-icons {
        margin-top: 25%
    }

    .contact-informations address, .contact-informations .social-icons, .contact-informations .map {
        grid-column: auto;
        grid-row: auto
    }
}

body[data-page-id=home] .hero {
    background-color: #323232
}

body[data-page-id=home] .productions-grid {
    grid-gap: .825rem
}

body[data-page-id=home] .production-thumbnail__content {
    padding: 1rem
}

@media only screen and (min-width: 768px) {
    body[data-page-id=home] .productions-grid {
        grid-template-columns:repeat(5, 1fr)
    }

    body[data-page-id=home] .production-thumbnail .tag {
        font-size: 1vw
    }
}

@media only screen and (min-width: 1024px) {
    body[data-page-id=home] .production-thumbnail__content {
        padding: 1.25rem
    }

    body[data-page-id=home] .production-thumbnail .tag {
        font-size: min(.875rem, 2.75vw)
    }

    body[data-page-id=home] .content-block img {
        max-width: 35vw
    }
}

.privacy .accordion {
    border-bottom: 1px solid #656565;
    padding-block: .5em 3.75em
}

.privacy .accordion:first-of-type {
    margin-top: 1.25rem;
    border-top: 1px solid #656565
}

.privacy .accordion:last-of-type {
    margin-bottom: 1.25rem
}

.privacy .accordion__toggle {
    min-height: unset;
    margin: 0
}

.privacy .accordion__toggle:before {
    font-size: 30px
}

.privacy .accordion__content p:last-child {
    margin-bottom: 0
}

body[data-page-id=production] .hero {
    width: 100%;
    min-height: 39.6vw;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end
}

.production-infos {
    display: grid;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    grid-gap: 1.25rem;
    justify-items: start;
    align-items: start
}

.production-infos .title-h1 {
    color: #ecebe9;
    margin-bottom: 1.25rem
}

.production-infos .infobox {
    color: #ecebe9
}

.production-infos .infobox__title {
    font-size: 4vw;
    font-weight: 400;
    text-transform: none;
    color: #bbbab9;
    margin-bottom: .5em
}

@media only screen and (min-width: 768px) {
    .production-infos .infobox__title {
        font-size: min(max(1rem, 1.25vw), 1.5rem)
    }
}

.production-infos .infobox__title + * {
    margin-top: 0
}

.production-infos .links {
    display: flex;
    align-items: center
}

.production-infos .icon-imdb3, .production-infos .icon-imdb, .production-infos .icon-tiktok, .production-infos .icon-youtube, .production-infos .icon-instagram, .production-infos .icon-facebook {
    font-size: 6.6666666667vw;
    margin-left: 1.5em
}

@media only screen and (min-width: 768px) {
    .production-infos .icon-imdb3, .production-infos .icon-imdb, .production-infos .icon-tiktok, .production-infos .icon-youtube, .production-infos .icon-instagram, .production-infos .icon-facebook {
        font-size: min(max(1rem, 2.0833333333vw), 2.5rem)
    }
}

.production-infos .icon-imdb3:before, .production-infos .icon-imdb:before, .production-infos .icon-tiktok:before, .production-infos .icon-youtube:before, .production-infos .icon-instagram:before, .production-infos .icon-facebook:before {
    filter: brightness(1);
    transition: filter .14s linear
}

.production-infos .icon-imdb3:hover:before, .production-infos .icon-imdb:hover:before, .production-infos .icon-tiktok:hover:before, .production-infos .icon-youtube:hover:before, .production-infos .icon-instagram:hover:before, .production-infos .icon-facebook:hover:before {
    filter: brightness(170%)
}

@media only screen and (min-width: 768px) {
    .production-infos {
        grid-template-columns:repeat(2, auto)
    }

    .production-infos .title-h1, .production-infos .links, .production-infos .summary {
        grid-column: span 2
    }

    .production-infos .tag, .production-infos .btn {
        grid-row: 1
    }

    .production-infos .btn {
        width: max-content
    }
}

@media only screen and (min-width: 1024px) {
    .production-infos {
        padding: 2.5rem;
        grid-template-columns:repeat(8, 1fr)
    }

    .production-infos .title-h1 {
        grid-column: span 8
    }

    .production-infos .tag, .production-infos .btn {
        grid-row: 1;
        grid-column: span 4
    }

    .production-infos .links {
        grid-column: span 8
    }

    .production-infos .summary {
        grid-column: span 4;
        grid-row: span 2;
        padding-right: 20%
    }

    .production-infos .infobox {
        grid-column: span 2
    }
}

.production-section {
    font-size: 4vw
}

@media only screen and (min-width: 768px) {
    .production-section {
        font-size: min(max(1rem, 1.25vw), 1.5rem)
    }
}

.production-section .accordion {
    padding-left: 2.5rem
}

.production-section .title-bordered {
    margin-bottom: .5em
}

@media only screen and (min-width: 1600px) {
    .production-section .accordion {
        padding-top: 1.25rem
    }
}

.production-section.gallery > video {
    display: block;
    max-width: 1280px;
    margin: 0 auto 2.5rem
}

.broadcasters ul, .distributor ul, .episodes ul, .awards ul {
    text-transform: uppercase;
    line-height: 1.625
}

.awards ul {
    line-height: 3
}

@media only screen and (max-width: 767px) {
    body[data-page-id=productions] .productions-grid > div:nth-child(4n+1) {
        position: relative
    }

    body[data-page-id=productions] .productions-grid > div:nth-child(4n+1):before {
        content: var(--production-grid-logo, url("/_/images/logo-zone3.svg"));
        filter: grayscale(1) brightness(0);
        opacity: .2;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 100%;
        transform: translate(-50%, -50%);
        width: 180%;
        height: auto
    }
}

@media only screen and (min-width: 768px) {
    body[data-page-id=productions] .productions-grid:before {
        content: var(--production-grid-logo, url("/_/images/logo-zone3.svg"));
        filter: grayscale(1) brightness(0);
        opacity: .2;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
        height: auto
    }
}

.teammembers-bios {
    display: flex;
    flex-direction: column
}

.teammembers-bios .name {
    font-size: 12vw;
    margin: .325em 0 .75em
}

@media only screen and (min-width: 768px) {
    .teammembers-bios .name {
        font-size: min(max(1rem, 3.75vw), 4.5rem)
    }
}

.teammembers-bios > .content-block {
    margin: .25em auto 1em
}

.teammembers-bios > .content-block:first-child {
    border-top: 0
}

@media only screen and (min-width: 1024px) {
    .teammembers-bios .content-block:nth-child(even) {
        flex-direction: row-reverse
    }

    .teammembers-bios .content-block:nth-child(even) .content-block__text {
        padding-right: 0;
        padding-left: 2.5rem
    }
}

@media only screen and (min-width: 1200px) {
    .teammembers-bios .content-block:nth-child(even) .content-block__text {
        padding-right: 0;
        padding-left: 3.125rem
    }
}

.teammembers-list__title {
    font-size: 8vw;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    letter-spacing: .05em;
    font-weight: 400;
    color: #8f8e8d;
    margin: 1.5em 0
}

@media only screen and (min-width: 768px) {
    .teammembers-list__title {
        font-size: min(max(1rem, 2.5vw), 3rem)
    }
}

.teammembers-list ul {
    padding-bottom: .75em
}

.teammembers-list .name {
    font-size: 8vw;
    color: #ecebe9;
    margin: .5em 0 .75em
}

@media only screen and (min-width: 768px) {
    .teammembers-list .name {
        font-size: min(max(1rem, 2.5vw), 3rem)
    }
}

.teammembers-list .name:only-child {
    margin: .25em 0
}

@media only screen and (max-width: 767px) {
    .teammembers-list__title {
        margin: 1em 0
    }

    .teammembers-list .name {
        font-size: 6vw;
        margin: .5em 0 1.25em
    }
}

@media only screen and (min-width: 768px) {
    .teammembers-list ul {
        padding-left: 2.5rem
    }
}

.featured-member__slides-container {
    max-width: 50vw;
    width: 960px;
    height: auto
}

body[data-page-id="404"] .content-text p {
    margin-top: 2em
}

@media only screen and (min-width: 1024px) {
    body[data-page-id="404"] .content-text {
        padding-left: 2.5rem
    }
}

.cinemaginaire {
    --color-accent: #46ebea;
    --color-accent-contrast: #323232;
    --production-grid-logo: url("/_/images/logo-cinemaginaire.svg")
}

.cinemaginaire .header-navbar .logo {
    width: 50vw;
    max-width: 159px;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .cinemaginaire .header-navbar {
        grid-template-columns:min-content calc(33% - 120px) 1fr min-content
    }

    .cinemaginaire .header-navbar .logo {
        width: 30vw
    }

    .cinemaginaire .header-navbar .change-language {
        grid-column: 4
    }
}

.cinemaginaire .header-menu__content .logo {
    display: block;
    width: 100%;
    max-width: 190px;
    height: auto
}

@media only screen and (max-width: 767px) {
    .cinemaginaire .header-menu__content .logo {
        width: 25vw
    }
}

@media only screen and (min-width: 768px) {
    .cinemaginaire .header-menu__content {
        grid-template-columns:16vw 1fr 1fr
    }

    .cinemaginaire .header-menu__content .logo {
        transform: translateY(-1vw)
    }
}

@media only screen and (min-width: 1600px) {
    .cinemaginaire .header-menu__content {
        grid-template-columns:220px 2fr 1fr
    }

    .cinemaginaire .header-menu__content .logo {
        transform: translateY(-5px)
    }
}

@media only screen and (min-width: 768px) {
    .cinemaginaire .productions-header {
        grid-template-columns:auto min-content
    }

    .cinemaginaire .productions-header form {
        grid-column: 3
    }

    .cinemaginaire .productions-header .search-filters {
        grid-column: span 2
    }
}

.cinemaginaire .collapsible__toggle:before {
    filter: brightness(1);
    transition: filter .14s linear
}

.cinemaginaire .collapsible__toggle:hover:before {
    filter: brightness(24%)
}

/*# sourceMappingURL=app.css.map */