:root {
    --grid-columns: 10;
    --grid-gutter: 15px;
    --grid-margin: 15px;
    --grid-gutter: 20px;
    --spacing-tiny-mobile: 20;
    --spacing-tiny: 20;
    --spacing-small-mobile: 30;
    --spacing-small: 30;
    --spacing-medium-mobile: 40;
    --spacing-medium: 40;
    --spacing-large-mobile: 52;
    --spacing-large: 80;
    --spacing-big-mobile: 80;
    --spacing-big: 150;
    --spacing-huge-mobile: 100;
    --spacing-enormous-mobile: 140;
    --spacing-enormous: 250;
    --color-primary: #FA5C40;
    --color-secondary: #29525E;
    --color-white: #FFFFFF;
    --header-height: 6.875rem;
    --button-height: 3.3125rem
}

:root[data-theme=lighter] {
    --color-text: #000000;
    --color-background: rgb(243.985, 243.985, 243.985);
    --color-contrast: #F9F9F9;
    --color-border: #E8E8E8;
    --color-footer: #E8E8E8
}

:root[data-theme=light] {
    --color-text: #000000;
    --color-background: #F4F4F4;
    --color-contrast: #F9F9F9;
    --color-border: #E8E8E8;
    --color-footer: #E8E8E8
}

:root[data-theme=beige] {
    --color-text: #000000;
    --color-background: #FAF6EF;
    --color-contrast: #E0DBD4;
    --color-border: #E8E8E8;
    --color-footer: #E0DBD4
}

:root[data-theme=dark] {
    --color-text: #FFFFFF;
    --color-background: #000000;
    --color-contrast: #1F1F1F;
    --color-border: #3A3A3A;
    --color-footer: #1F1F1F
}

@media(min-width: 700px) {
    :root {
        --border-radius: 0.75rem
    }
}

@media(max-width: 699px) {
    :root {
        --border-radius: 0.5rem
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    :root {
        --grid-margin: 30px
    }
}

@media(min-width: 1000px) {
    :root {
        --grid-margin: 50px
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    box-sizing: border-box
}

template,
[hidden] {
    display: none
}

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

address {
    font-style: inherit
}

dfn,
cite,
em,
i {
    font-style: italic
}

b,
strong {
    font-weight: 700
}

a {
    text-decoration: none
}

a svg {
    pointer-events: none
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none
}

p,
figure {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
    touch-action: manipulation
}

[hreflang]>abbr[title] {
    text-decoration: none
}

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

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

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

audio:not([controls]) {
    display: none;
    height: 0
}

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

img {
    font-style: italic
}

svg {
    fill: currentColor
}

input,
select,
textarea {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: none rgba(0, 0, 0, 0);
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select {
    text-transform: none
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    background: none;
    color: inherit
}

textarea {
    overflow: auto;
    resize: vertical
}

button,
.c-button {
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: none rgba(0, 0, 0, 0);
    color: inherit;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    font: inherit;
    line-height: normal;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

button:focus,
button:hover,
.c-button:focus,
.c-button:hover {
    text-decoration: none
}

@font-face {
    font-display: swap;
    font-family: "F37Bolton";
    src: url("../fonts/F37Bolton-Bold.woff2") format("woff2"), url("../fonts/F37Bolton-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: "F37Bolton";
    src: url("../fonts/F37Bolton-Regular.woff2") format("woff2"), url("../fonts/F37Bolton-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: "SuisseIntlMono";
    src: url("../fonts/SuisseIntlMono-Bold.woff2") format("woff2"), url("../fonts/SuisseIntlMono-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: "SuisseIntlMono";
    src: url("../fonts/SuisseIntlMono-Regular.woff2") format("woff2"), url("../fonts/SuisseIntlMono-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: "SohneSchmal";
    src: url("../fonts/SohneSchmal-Buch.woff2") format("woff2"), url("../fonts/SohneSchmal-Buch.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

html {
    min-height: 100%;
    line-height: 1.5;
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "helvetica neue", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    color: #000;
    background-color: var(--color-background);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1, h2, h3, h4, h5, h6 {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "helvetica neue", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
}

@media(max-width: 699px) {
    html {
        font-size: 14px
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    html {
        font-size: 14px
    }
}

@media(min-width: 1000px)and (max-width: 1199px) {
    html {
        font-size: 15px
    }
}

@media(min-width: 1200px)and (max-width: 1599px) {
    html {
        font-size: 16px
    }
}

@media(min-width: 1600px)and (max-width: 1999px) {
    html {
        font-size: 17px
    }
}

@media(min-width: 2000px)and (max-width: 2399px) {
    html {
        font-size: 18px
    }
}

@media(min-width: 2400px) {
    html {
        font-size: 20px
    }
}

html.is-loading {
    cursor: wait
}

html.has-scroll-smooth {
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

html.has-menu-open,
html.has-rv-open {
    overflow: hidden
}

body {
    color: var(--color-text);
    background-color: var(--color-background)
}

html.is-first-loaded body {
    transition: background-color .6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

html.has-modal-video-open body {
    background-color: #000000
}

@media(min-width: 700px) {
    [data-template=preorder] body {
        overflow: hidden
    }
}

::-moz-selection {
    background-color: var(--color-primary);
    color: #fff;
    text-shadow: none
}

::selection {
    background-color: var(--color-primary);
    color: #fff;
    text-shadow: none
}

a {
    color: inherit
}

.grecaptcha-badge {
    display: none;
    visibility: hidden
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: none
}

html.js-focus-visible .focus-visible:not(input):not(textarea) {
    outline: 2px dashed currentColor;
    outline-offset: 2px;
    border-radius: 2px
}

.o-scroll {
    min-height: 100vh
}

.o-container {
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--grid-margin);
    padding-left: var(--grid-margin)
}

.o-ratio {
    position: relative;
    display: block;
    overflow: hidden
}

.o-ratio:before {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    content: ""
}

.o-ratio_content,
.o-ratio>img,
.o-ratio>iframe,
.o-ratio>embed,
.o-ratio>object {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.o-icon {
    display: inline-block;
    width: var(--svg-width);
    height: calc(var(--svg-width)*1/(var(--svg-ratio)))
}

.o-icon.-arrow-up {
    --svg-width: 20px;
    --svg-ratio: 1
}

.o-icon.-arrow-down {
    --svg-width: 20px;
    --svg-ratio: 1
}

.o-icon.-arrow-left {
    --svg-width: 20px;
    --svg-ratio: 1
}

.o-icon.-arrow-right {
    --svg-width: 20px;
    --svg-ratio: 1
}

.o-icon.-arrow-expand {
    --svg-width: 12px;
    --svg-ratio: 1
}

.o-icon.-arrow-small-up {
    --svg-width: 11px;
    --svg-ratio: 1
}

.o-icon.-arrow-small-down {
    --svg-width: 11px;
    --svg-ratio: 1
}

.o-icon.-arrow-small-left {
    --svg-width: 11px;
    --svg-ratio: 1
}

.o-icon.-arrow-small-right {
    --svg-width: 11px;
    --svg-ratio: 1
}

.o-icon.-arrow-external {
    --svg-width: 0.35em;
    --svg-ratio: 1
}

.o-icon.-arrow-switch {
    --svg-width: 10px;
    --svg-ratio: 10/14
}

.o-icon.-chevron-up {
    --svg-width: 12px;
    --svg-ratio: 12/7
}

.o-icon.-chevron-down {
    --svg-width: 12px;
    --svg-ratio: 12/7
}

.o-icon.-chevron-left {
    --svg-width: 7px;
    --svg-ratio: 7/12
}

.o-icon.-chevron-right {
    --svg-width: 7px;
    --svg-ratio: 7/12
}

.o-icon.-mail {
    --svg-width: 26px;
    --svg-ratio: 26/21
}

.o-icon.-play-round {
    --svg-width: 8px;
    --svg-ratio: 8/9
}

.o-icon.-play {
    --svg-width: 12px;
    --svg-ratio: 12/14
}

.o-icon.-pause {
    --svg-width: 10px;
    --svg-ratio: 10/15
}

.o-icon.-symbol {
    --svg-width: 22px;
    --svg-ratio: 1
}

.o-icon.-two-symbols {
    --svg-width: 27px;
    --svg-ratio: 27/13
}

.o-icon.-logo-header {
    --svg-ratio: 800/216
}

.o-icon.-logo-footer {
    --svg-width: 800px;
    --svg-ratio: 800/216
}

.o-icon.-logo-menu {
    --svg-width: 155px;
    --svg-ratio: 800/216
}

.o-icon.-sort {
    --svg-width: 6px;
    --svg-ratio: 6/12
}

.o-icon.-check {
    --svg-width: 14px;
    --svg-ratio: 17/13
}

.o-icon.-close {
    --svg-width: 16px;
    --svg-ratio: 1
}

.o-grid {
    display: grid;
    width: 100%
}

.o-grid:is(ul, ol) {
    margin: 0;
    padding: 0;
    list-style: none
}

.o-grid.-col-10 {
    grid-template-columns: repeat(10, 1fr)
}

.o-grid.-col-2 {
    grid-template-columns: repeat(2, 1fr)
}

.o-grid.-col-5 {
    grid-template-columns: repeat(5, 1fr)
}

.o-grid.-col-7 {
    grid-template-columns: repeat(7, 1fr)
}

@media(min-width: 700px) {
    .o-grid.-col-10\@from-small {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media(min-width: 700px) {
    .o-grid.-col-2\@from-small {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width: 1000px) {
    .o-grid.-col-10\@from-medium {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media(min-width: 1000px) {
    .o-grid.-col-7\@from-medium {
        grid-template-columns: repeat(7, 1fr)
    }
}

.o-grid.-gutters {
    gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.o-grid.-full-height {
    height: 100%
}

.o-grid.-top-items {
    align-items: start
}

.o-grid.-right-items {
    justify-items: end
}

.o-grid.-bottom-items {
    align-items: end
}

.o-grid.-left-items {
    justify-items: start
}

.o-grid.-center-items {
    align-items: center;
    justify-items: center
}

.o-grid.-center-items-x {
    justify-items: center
}

.o-grid.-center-items-y {
    align-items: center
}

.o-grid.-stretch-items {
    align-items: stretch;
    justify-items: stretch
}

.o-grid.-top-cells {
    align-content: start
}

.o-grid.-right-cells {
    justify-content: end
}

.o-grid.-bottom-cells {
    align-content: end
}

.o-grid.-left-cells {
    justify-content: start
}

.o-grid.-center-cells {
    align-content: center;
    justify-content: center
}

.o-grid.-center-cells-x {
    justify-content: center
}

.o-grid.-center-cells-y {
    align-content: center
}

.o-grid.-stretch-cells {
    align-content: stretch;
    justify-content: stretch
}

.o-grid.-space-around-cells {
    align-content: space-around;
    justify-content: space-around
}

.o-grid.-space-around-cells-x {
    justify-content: space-around
}

.o-grid.-space-around-cells-y {
    align-content: space-around
}

.o-grid.-space-between-cells {
    justify-content: space-between;
    align-content: space-between
}

.o-grid.-space-between-cells-x {
    justify-content: space-between
}

.o-grid.-space-between-cells-y {
    align-content: space-between
}

.o-grid.-space-evenly-cells {
    justify-content: space-evenly;
    align-content: space-evenly
}

.o-grid.-space-evenly-cells-x {
    justify-content: space-evenly
}

.o-grid.-space-evenly-cells-y {
    align-content: space-evenly
}

.o-grid_item {
    grid-column: 1/-1
}

.o-grid_item.-align-end {
    align-self: end
}

@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden
}

#cc-main {
    background: transparent;
    color: var(--cc-primary-color);
    font-family: var(--cc-font-family);
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.15;
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    position: fixed;
    z-index: var(--cc-z-index)
}

#cc-main :after,
#cc-main :before,
#cc-main a,
#cc-main button,
#cc-main div,
#cc-main h2,
#cc-main input,
#cc-main p,
#cc-main span {
    all: unset;
    box-sizing: border-box
}

#cc-main .pm__badge,
#cc-main button {
    all: initial;
    box-sizing: border-box;
    color: unset;
    visibility: unset
}

#cc-main .pm__badge,
#cc-main a,
#cc-main button,
#cc-main input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    line-height: normal;
    margin: 0;
    outline: revert;
    outline-offset: 2px;
    overflow: hidden
}

#cc-main table,
#cc-main tbody,
#cc-main td,
#cc-main th,
#cc-main thead,
#cc-main tr {
    all: revert;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

:root {
    --cc-font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "helvetica neue", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    --cc-modal-border-radius: .5rem;
    --cc-btn-border-radius: .4rem;
    --cc-modal-transition-duration: .25s;
    --cc-link-color: var(--cc-btn-primary-bg);
    --cc-modal-margin: 1rem;
    --cc-z-index: 2147483647;
    --cc-bg: #fff;
    --cc-primary-color: #2c2f31;
    --cc-secondary-color: #5e6266;
    --cc-btn-primary-bg: #30363c;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: #000;
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
    --cc-btn-secondary-bg: #eaeff2;
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
    --cc-btn-secondary-hover-bg: #d4dae0;
    --cc-btn-secondary-hover-color: #000;
    --cc-btn-secondary-hover-border-color: #d4dae0;
    --cc-separator-border-color: #f0f4f7;
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-toggle-off-bg: #667481;
    --cc-toggle-on-knob-bg: #fff;
    --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);
    --cc-toggle-readonly-bg: #d5dee2;
    --cc-toggle-readonly-knob-bg: #fff;
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
    --cc-section-category-border: var(--cc-cookie-category-block-bg);
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-border: #f0f4f7;
    --cc-cookie-category-block-hover-bg: #e9eff4;
    --cc-cookie-category-block-hover-border: #e9eff4;
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: #dee4e9;
    --cc-overlay-bg: rgba(0, 0, 0, .65);
    --cc-footer-bg: var(--cc-btn-secondary-bg);
    --cc-footer-color: var(--cc-secondary-color);
    --cc-footer-border-color: #e4eaed;
    --cc-pm-toggle-border-radius: 4em
}

#cc-main.cc--rtl {
    direction: rtl
}

#cc-main .cm__title,
#cc-main a,
#cc-main b,
#cc-main em,
#cc-main strong {
    font-weight: 600
}

#cc-main button>span {
    pointer-events: none
}

#cc-main .cc__link,
#cc-main a {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    font-weight: 600;
    position: relative;
    transition: background-size .25s, color .25s ease
}

#cc-main .cc__link:hover,
#cc-main a:hover {
    background-size: 100% 1px;
    color: var(--cc-primary-color)
}

#cc-main .cc__link {
    color: var(--cc-link-color)
}

#cc-main .cm__desc,
#cc-main .pm__body {
    overscroll-behavior: auto contain;
    scrollbar-width: thin
}

@media screen and (min-width: 640px) {

    #cc-main ::-webkit-scrollbar,
    #cc-main ::-webkit-scrollbar-thumb,
    #cc-main ::-webkit-scrollbar-track {
        all: revert
    }

    #cc-main ::-webkit-scrollbar-thumb {
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background: var(--cc-toggle-readonly-bg);
        border: .25rem solid var(--cc-bg);
        border-radius: 1rem
    }

    #cc-main ::-webkit-scrollbar-thumb:hover {
        background: var(--cc-toggle-off-bg)
    }

    #cc-main ::-webkit-scrollbar {
        background: transparent;
        width: 12px
    }
}

html.disable--interaction.show--consent,
html.disable--interaction.show--consent body {
    height: auto !important;
    overflow: hidden !important
}

@media(prefers-reduced-motion) {
    #cc-main {
        --cc-modal-transition-duration: 0s
    }
}

.cc--darkmode {
    --cc-bg: #161a1c;
    --cc-primary-color: #ebf3f6;
    --cc-secondary-color: #aebbc5;
    --cc-btn-primary-bg: #c2d0e0;
    --cc-btn-primary-color: var(--cc-bg);
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: #98a7b6;
    --cc-btn-primary-hover-color: #000;
    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
    --cc-btn-secondary-bg: #242c31;
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
    --cc-btn-secondary-hover-bg: #353d43;
    --cc-btn-secondary-hover-color: #fff;
    --cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);
    --cc-separator-border-color: #222a30;
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-toggle-off-bg: #525f6b;
    --cc-toggle-on-knob-bg: var(--cc-btn-primary-color);
    --cc-toggle-off-knob-bg: var(--cc-btn-primary-color);
    --cc-toggle-readonly-bg: #343e45;
    --cc-toggle-readonly-knob-bg: #5f6b72;
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
    --cc-section-category-border: #1e2428;
    --cc-cookie-category-block-bg: #1e2428;
    --cc-cookie-category-block-border: var(--cc-section-category-border);
    --cc-cookie-category-block-hover-bg: #242c31;
    --cc-cookie-category-block-hover-border: #232a2f;
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);
    --cc-overlay-bg: rgba(0, 0, 0, .65);
    --cc-footer-bg: #0c0e0f;
    --cc-footer-color: var(--cc-secondary-color);
    --cc-footer-border-color: #060809
}

.cc--darkmode #cc-main {
    color-scheme: dark
}

#cc-main .cm {
    background: var(--cc-bg);
    border-radius: var(--cc-modal-border-radius);
    box-shadow: 0 .625em 1.875em rgba(0, 0, 2, 0.3);
    display: flex;
    flex-direction: column;
    max-width: 24rem;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    transform: translateY(1.6em);
    visibility: hidden;
    z-index: 1
}

#cc-main .cm--top {
    top: var(--cc-modal-margin)
}

#cc-main .cm--middle {
    top: 50%;
    transform: translateY(calc(-50% + 1.6em))
}

#cc-main .cm--bottom {
    bottom: var(--cc-modal-margin)
}

#cc-main .cm--center {
    left: var(--cc-modal-margin);
    margin: 0 auto;
    right: var(--cc-modal-margin);
    width: unset
}

#cc-main .cm--left {
    left: var(--cc-modal-margin);
    margin-right: var(--cc-modal-margin)
}

#cc-main .cm--right {
    margin-left: var(--cc-modal-margin);
    right: var(--cc-modal-margin)
}

#cc-main .cm__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

#cc-main .cm__btns,
#cc-main .cm__links {
    padding: 1rem 1.3rem;
    width: unset
}

#cc-main .cm__texts {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 0 0
}

#cc-main .cm__desc,
#cc-main .cm__title {
    padding: 0 1.3rem
}

#cc-main .cm__title {
    font-size: 1.05em
}

#cc-main .cm__title+.cm__desc {
    margin-top: 1.1em
}

#cc-main .cm__desc {
    color: var(--cc-secondary-color);
    font-size: .9em;
    line-height: 1.5;
    max-height: 40vh;
    overflow-x: visible;
    overflow-y: auto;
    padding-bottom: 1em
}

#cc-main .cm__btns {
    border-top: 1px solid var(--cc-separator-border-color);
    display: flex;
    flex-direction: column;
    justify-content: center
}

#cc-main .cm__btn-group {
    display: grid;
    grid-auto-columns: minmax(0, 1fr)
}

#cc-main .cm__btn+.cm__btn,
#cc-main .cm__btn-group+.cm__btn-group {
    margin-top: .375rem
}

#cc-main .cm--flip .cm__btn+.cm__btn,
#cc-main .cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: .375rem;
    margin-top: 0
}

#cc-main .cm--inline .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: .375rem;
    margin-right: 0
}

#cc-main .cm--wide .cm__btn+.cm__btn,
#cc-main .cm--wide .cm__btn-group+.cm__btn-group {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,
#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: 0;
    margin-right: .375rem
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,
#cc-main .cm--wide .cm__btn-group--uneven {
    display: flex;
    flex: 1;
    justify-content: space-between
}

#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,
#cc-main .cm--wide.cm--flip .cm__btn-group--uneven {
    flex-direction: row-reverse
}

#cc-main .cm__btn {
    background: var(--cc-btn-primary-bg);
    border: 1px solid var(--cc-btn-primary-border-color);
    border-radius: var(--cc-btn-border-radius);
    color: var(--cc-btn-primary-color);
    font-size: .82em;
    font-weight: 600;
    min-height: 42px;
    padding: .5em 1em;
    text-align: center
}

#cc-main .cm__btn:hover {
    background: var(--cc-btn-primary-hover-bg);
    border-color: var(--cc-btn-primary-hover-border-color);
    color: var(--cc-btn-primary-hover-color)
}

#cc-main .cm__btn--secondary {
    background: var(--cc-btn-secondary-bg);
    border-color: var(--cc-btn-secondary-border-color);
    color: var(--cc-btn-secondary-color)
}

#cc-main .cm__btn--secondary:hover {
    background: var(--cc-btn-secondary-hover-bg);
    border-color: var(--cc-btn-secondary-hover-border-color);
    color: var(--cc-btn-secondary-hover-color)
}

#cc-main .cm__btn--close {
    border-radius: 0;
    border-bottom-left-radius: var(--cc-btn-border-radius);
    border-right: none;
    border-top: none;
    display: none;
    font-size: 1em;
    height: 42px;
    min-width: auto !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px
}

#cc-main .cm__btn--close svg {
    stroke: var(--cc-btn-primary-color);
    transform: scale(0.5);
    transition: stroke .15s ease
}

#cc-main .cm__btn--close:hover svg {
    stroke: var(--cc-btn-primary-hover-color)
}

#cc-main .cm__btn--close.cm__btn--secondary svg {
    stroke: var(--cc-btn-secondary-color)
}

#cc-main .cm__btn--close.cm__btn--secondary:hover svg {
    stroke: var(--cc-btn-secondary-hover-color)
}

#cc-main .cm__btn--close+.cm__texts .cm__title {
    padding-right: 3rem
}

#cc-main .cm--inline .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm__footer {
    background: var(--cc-footer-bg);
    border-top: 1px solid var(--cc-footer-border-color);
    color: var(--cc-footer-color);
    padding: .4em 0 .5em
}

#cc-main .cm__links {
    display: flex;
    flex-direction: row;
    padding-bottom: 0;
    padding-top: 0
}

#cc-main .cm__link-group {
    display: flex;
    flex-direction: row;
    font-size: .8em;
    width: 100%
}

#cc-main .cm__link-group>*+* {
    margin-left: 1.3rem
}

#cc-main .cm--flip .cm__btn:last-child {
    grid-row: 1
}

#cc-main .cm--inline.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--box .cm__btn--close {
    display: block
}

#cc-main .cm--box.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cm--box.cm--wide {
    max-width: 36em
}

#cc-main .cm--box.cm--wide .cm__btns {
    flex-direction: row;
    justify-content: space-between
}

#cc-main .cm--box.cm--wide .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm--box.cm--wide .cm__btn {
    min-width: 120px;
    padding-left: 1.8em;
    padding-right: 1.8em
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btns {
    flex-direction: row-reverse
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--cloud {
    max-width: 54em;
    width: unset
}

#cc-main .cm--cloud .cm__body {
    flex-direction: row
}

#cc-main .cm--cloud .cm__texts {
    flex: 1
}

#cc-main .cm--cloud .cm__desc {
    max-height: 9.4em
}

#cc-main .cm--cloud .cm__btns {
    border-left: 1px solid var(--cc-separator-border-color);
    border-top: none;
    max-width: 23em
}

#cc-main .cm--cloud .cm__btn-group {
    flex-direction: column
}

#cc-main .cm--cloud .cm__btn {
    min-width: 19em
}

#cc-main .cm--cloud.cm--flip .cm__btn-group,
#cc-main .cm--cloud.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cm--cloud.cm--inline .cm__btn-group {
    flex-direction: row
}

#cc-main .cm--cloud.cm--inline .cm__btn {
    min-width: 10em
}

#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group {
    flex-direction: row-reverse
}

#cc-main .cm--bar {
    border-radius: 0;
    left: 0;
    margin: 0;
    max-width: unset;
    opacity: 1;
    right: 0;
    transform: translateY(0);
    width: 100vw;
    --cc-modal-transition-duration: .35s
}

#cc-main .cm--bar.cm--top {
    top: 0;
    transform: translateY(-100%)
}

#cc-main .cm--bar.cm--bottom {
    bottom: 0;
    transform: translateY(100%)
}

#cc-main .cm--bar .cm__body,
#cc-main .cm--bar .cm__links {
    margin: 0 auto;
    max-width: 55em;
    width: 100%
}

#cc-main .cm--bar .cm__body {
    padding: .5em 0 .9em
}

#cc-main .cm--bar .cm__btns {
    border-top: none;
    flex-direction: row;
    justify-content: space-between
}

#cc-main .cm--bar .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--bar .cm__btn {
    min-width: 120px;
    padding-left: 2em;
    padding-right: 2em
}

#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .cm--bar.cm--flip .cm__btns {
    flex-direction: row-reverse
}

#cc-main .cm--bar.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--bar.cm--inline .cm__body,
#cc-main .cm--bar.cm--inline .cm__links {
    max-width: 74em
}

#cc-main .cm--bar.cm--inline .cm__body {
    flex-direction: row;
    padding: 0
}

#cc-main .cm--bar.cm--inline .cm__btns {
    flex-direction: column;
    justify-content: center;
    max-width: 23em
}

#cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cc--anim .cm,
#cc-main .cc--anim.cm-wrapper:before {
    transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease
}

#cc-main .cc--anim .cm__btn,
#cc-main .cc--anim .cm__close {
    transition: background-color .15s ease, border-color .15s ease, color .15s ease
}

.disable--interaction #cc-main .cm-wrapper:before {
    background: var(--cc-overlay-bg);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 0
}

.show--consent #cc-main .cc--anim .cm {
    opacity: 1;
    transform: translateY(0);
    visibility: visible !important
}

.show--consent #cc-main .cc--anim .cm--middle {
    transform: translateY(-50%)
}

.show--consent #cc-main .cc--anim .cm--bar {
    transform: translateY(0)
}

.show--consent #cc-main .cc--anim.cm-wrapper:before {
    opacity: 1;
    visibility: visible
}

#cc-main.cc--rtl .cm__btn--close {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: var(--cc-btn-border-radius);
    left: 0;
    right: unset
}

#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title {
    padding-left: 3rem !important;
    padding-right: 1.3rem
}

#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .cm__link-group>*+* {
    margin-left: 0;
    margin-right: 1.3rem
}

@media screen and (max-width: 640px) {
    #cc-main {
        --cc-modal-margin: .5em
    }

    #cc-main .cm {
        max-width: none !important;
        width: auto !important
    }

    #cc-main .cm__body {
        flex-direction: column !important;
        padding: 0 !important
    }

    #cc-main .cm__btns,
    #cc-main .cm__desc,
    #cc-main .cm__links,
    #cc-main .cm__title {
        padding-left: 1.1rem !important;
        padding-right: 1.1rem !important
    }

    #cc-main .cm__btns {
        border-left: none !important;
        border-top: 1px solid var(--cc-separator-border-color) !important;
        flex-direction: column !important;
        max-width: none !important;
        min-width: auto !important
    }

    #cc-main .cm__btn+.cm__btn,
    #cc-main .cm__btn-group+.cm__btn-group {
        margin: .375rem 0 0 !important
    }

    #cc-main .cm--flip .cm__btn+.cm__btn,
    #cc-main .cm--flip .cm__btn-group+.cm__btn-group {
        margin-bottom: .375rem !important;
        margin-top: 0 !important
    }

    #cc-main .cm__btn-group {
        display: flex !important;
        flex-direction: column !important;
        min-width: auto !important
    }

    #cc-main .cm__btn {
        flex: auto !important
    }

    #cc-main .cm__link-group {
        justify-content: center !important
    }

    #cc-main .cm--flip .cm__btn-group,
    #cc-main .cm--flip .cm__btns {
        flex-direction: column-reverse !important
    }
}

#cc-main .pm-wrapper {
    position: relative;
    z-index: 2
}

#cc-main .pm {
    background: var(--cc-bg);
    border-radius: var(--cc-modal-border-radius);
    box-shadow: 0 .625em 1.875em rgba(0, 0, 2, 0.3);
    display: flex;
    flex-direction: column;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    visibility: hidden;
    width: 100%;
    width: unset;
    z-index: 1
}

#cc-main svg {
    fill: none;
    width: 100%
}

#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
    padding: 1em 1.4em
}

#cc-main .pm__header {
    align-items: center;
    border-bottom: 1px solid var(--cc-separator-border-color);
    display: flex;
    justify-content: space-between
}

#cc-main .pm__title {
    align-items: center;
    display: flex;
    flex: 1;
    font-weight: 600;
    margin-right: 2em
}

#cc-main .pm__close-btn {
    background: var(--cc-btn-secondary-bg);
    border: 1px solid var(--cc-btn-secondary-border-color);
    border-radius: var(--cc-btn-border-radius);
    height: 40px;
    position: relative;
    transition: all .15s ease;
    width: 40px
}

#cc-main .pm__close-btn span {
    display: flex;
    height: 100%;
    width: 100%
}

#cc-main .pm__close-btn svg {
    stroke: var(--cc-btn-secondary-color);
    transform: scale(0.5);
    transition: stroke .15s ease
}

#cc-main .pm__close-btn:hover {
    background: var(--cc-btn-secondary-hover-bg);
    border-color: var(--cc-btn-secondary-hover-border-color)
}

#cc-main .pm__close-btn:hover svg {
    stroke: var(--cc-btn-secondary-hover-color)
}

#cc-main .pm__body {
    flex: 1;
    overflow-y: auto;
    overflow-y: overlay
}

#cc-main .pm__section,
#cc-main .pm__section--toggle {
    border-radius: var(--cc-btn-border-radius);
    display: flex;
    flex-direction: column;
    margin-bottom: .5em
}

#cc-main .pm__section--toggle .pm__section-desc-wrapper {
    border: 1px solid var(--cc-cookie-category-block-border);
    border-radius: var(--cc-btn-border-radius);
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: none;
    margin-top: 0 !important;
    overflow: hidden
}

#cc-main .pm__section {
    border: 1px solid var(--cc-separator-border-color);
    padding: 1em;
    transition: background-color .25s ease, border-color .25s ease
}

#cc-main .pm__section:first-child {
    border: none;
    margin-bottom: 2em;
    margin-top: 0;
    padding: 0;
    transition: none
}

#cc-main .pm__section:not(:first-child):hover {
    background: var(--cc-cookie-category-block-bg);
    border-color: var(--cc-cookie-category-block-border)
}

#cc-main .pm__section-toggles+.pm__section {
    margin-top: 2em
}

#cc-main .pm__section--toggle {
    background: var(--cc-cookie-category-block-bg);
    border-top: none;
    margin-bottom: .375rem
}

#cc-main .pm__section--toggle .pm__section-title {
    align-items: center;
    background: var(--cc-cookie-category-block-bg);
    border: 1px solid var(--cc-cookie-category-block-border);
    display: flex;
    justify-content: space-between;
    min-height: 58px;
    padding: 1.1em 5.4em 1.1em 1.2em;
    position: relative;
    transition: background-color .25s ease, border-color .25s ease;
    width: 100%
}

#cc-main .pm__section--toggle .pm__section-title:hover {
    background: var(--cc-cookie-category-block-hover-bg);
    border-color: var(--cc-cookie-category-block-hover-border)
}

#cc-main .pm__section--toggle .pm__section-desc {
    margin-top: 0;
    padding: 1em
}

#cc-main .pm__section--toggle.is-expanded {
    --cc-cookie-category-block-bg: var(--cc-cookie-category-expanded-block-bg);
    --cc-cookie-category-block-border: var(--cc-cookie-category-expanded-block-hover-bg)
}

#cc-main .pm__section--toggle.is-expanded .pm__section-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
    transform: scale(0.5) rotate(180deg)
}

#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
    display: flex
}

#cc-main .pm__section--expandable .pm__section-title {
    cursor: pointer;
    padding-left: 3.4em
}

#cc-main .pm__section--expandable .pm__section-arrow {
    background: var(--cc-toggle-readonly-bg);
    border-radius: 100%;
    display: flex;
    height: 20px;
    justify-content: center;
    left: 18px;
    pointer-events: none;
    position: absolute;
    width: 20px
}

#cc-main .pm__section--expandable .pm__section-arrow svg {
    stroke: var(--cc-btn-secondary-color);
    transform: scale(0.5)
}

#cc-main .pm__section-title-wrapper {
    align-items: center;
    display: flex;
    position: relative
}

#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper {
    margin-top: .85em
}

#cc-main .pm__section-title {
    border-radius: var(--cc-btn-border-radius);
    font-size: .95em;
    font-weight: 600
}

#cc-main .pm__badge {
    align-items: center;
    background: var(--cc-btn-secondary-bg);
    border-radius: 5em;
    color: var(--cc-secondary-color);
    display: flex;
    flex: none;
    font-size: .8em;
    font-weight: 600;
    height: 23px;
    justify-content: center;
    margin-left: 1em;
    min-width: 23px;
    overflow: hidden;
    padding: 0 .6em 1px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: auto
}

#cc-main .pm__service-counter {
    background: var(--cc-btn-primary-bg);
    color: var(--cc-btn-primary-color);
    padding: 0;
    width: 23px
}

#cc-main .pm__service-counter[data-counterlabel] {
    padding: 0 .6em 1px;
    width: auto
}

#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
    border-radius: var(--cc-pm-toggle-border-radius);
    height: 23px;
    transform: translateZ(0);
    width: 50px
}

#cc-main .section__toggle-wrapper {
    cursor: pointer;
    position: absolute;
    right: 18px;
    z-index: 1
}

#cc-main .toggle-service {
    height: 19px;
    position: relative;
    right: 0;
    width: 42px
}

#cc-main .toggle-service .section__toggle,
#cc-main .toggle-service .toggle__icon,
#cc-main .toggle-service .toggle__label {
    height: 19px;
    width: 42px
}

#cc-main .toggle-service .toggle__icon {
    position: relative
}

#cc-main .toggle-service .toggle__icon-circle {
    height: 19px;
    width: 19px
}

#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    transform: translateX(23px)
}

#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
    display: none !important
}

#cc-main .section__toggle {
    border: 0;
    cursor: pointer;
    display: block;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0
}

#cc-main .section__toggle:disabled {
    cursor: not-allowed
}

#cc-main .toggle__icon {
    background: var(--cc-toggle-off-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
    display: flex;
    flex-direction: row;
    pointer-events: none;
    position: absolute;
    transition: all .25s ease
}

#cc-main .toggle__icon-circle {
    background: var(--cc-toggle-off-knob-bg);
    border: none;
    border-radius: var(--cc-pm-toggle-border-radius);
    box-shadow: 0 1px 2px rgba(24, 32, 3, 0.36);
    display: block;
    height: 23px;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform .25s ease, background-color .25s ease;
    width: 23px
}

#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
    height: 100%;
    position: absolute;
    transition: opacity .15s ease;
    width: 100%
}

#cc-main .toggle__icon-on {
    opacity: 0;
    transform: rotate(45deg)
}

#cc-main .toggle__icon-on svg {
    stroke: var(--cc-toggle-on-bg);
    transform: scale(0.55) rotate(-45deg)
}

#cc-main .toggle__icon-off {
    opacity: 1
}

#cc-main .toggle__icon-off svg {
    stroke: var(--cc-toggle-off-bg);
    transform: scale(0.55)
}

#cc-main .section__toggle:checked~.toggle__icon {
    background: var(--cc-toggle-on-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-on-bg)
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    background-color: var(--cc-toggle-on-knob-bg);
    transform: translateX(27px)
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on {
    opacity: 1
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off {
    opacity: 0
}

#cc-main .section__toggle:checked:disabled~.toggle__icon {
    background: var(--cc-toggle-readonly-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg)
}

#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle {
    background: var(--cc-toggle-readonly-knob-bg);
    box-shadow: none
}

#cc-main .section__toggle:checked:disabled~.toggle__icon svg {
    stroke: var(--cc-toggle-readonly-knob-icon-color)
}

#cc-main .toggle__label {
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

#cc-main .pm__section-desc-wrapper {
    color: var(--cc-secondary-color);
    display: flex;
    flex-direction: column;
    font-size: .9em
}

#cc-main .pm__section-desc-wrapper>:not(:last-child) {
    border-bottom: 1px solid var(--cc-cookie-category-block-border)
}

#cc-main .pm__section-services {
    display: flex;
    flex-direction: column
}

#cc-main .pm__service {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .4em 1.2em;
    position: relative;
    transition: background-color .15s ease
}

#cc-main .pm__service:hover {
    background-color: var(--cc-cookie-category-block-hover-bg)
}

#cc-main .pm__service-header {
    align-items: center;
    display: flex;
    margin-right: 1em;
    width: 100%
}

#cc-main .pm__service-icon {
    border: 2px solid;
    border-radius: 100%;
    height: 8px;
    margin-left: 6px;
    margin-right: 20px;
    margin-top: 1px;
    min-width: 8px
}

#cc-main .pm__service-title {
    font-size: .95em;
    width: 100%;
    word-break: break-word
}

#cc-main .pm__section-desc {
    line-height: 1.5em
}

#cc-main .pm__section-table {
    border-collapse: collapse;
    font-size: .9em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%
}

#cc-main .pm__table-caption {
    text-align: left
}

#cc-main .pm__table-caption,
#cc-main .pm__table-head>tr {
    border-bottom: 1px dashed var(--cc-separator-border-color);
    color: var(--cc-primary-color);
    font-weight: 600
}

#cc-main .pm__table-tr {
    transition: background-color .15s ease
}

#cc-main .pm__table-tr:hover {
    background: var(--cc-cookie-category-block-hover-bg)
}

#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th {
    padding: .625em .625em .625em 1.2em;
    vertical-align: top
}

#cc-main .pm__footer {
    border-top: 1px solid var(--cc-separator-border-color);
    display: flex;
    justify-content: space-between
}

#cc-main .pm__btn-group {
    display: flex
}

#cc-main .pm__btn+.pm__btn,
#cc-main .pm__btn-group+.pm__btn-group {
    margin-left: .375rem
}

#cc-main .pm--flip .pm__btn+.pm__btn,
#cc-main .pm--flip .pm__btn-group+.pm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .pm__btn {
    background: var(--cc-btn-primary-bg);
    border: 1px solid var(--cc-btn-primary-border-color);
    border-radius: var(--cc-btn-border-radius);
    color: var(--cc-btn-primary-color);
    flex: auto;
    font-size: .82em;
    font-weight: 600;
    min-height: 42px;
    min-width: 110px;
    padding: .5em 1.5em;
    text-align: center;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease
}

#cc-main .pm__btn:hover {
    background: var(--cc-btn-primary-hover-bg);
    border-color: var(--cc-btn-primary-hover-border-color);
    color: var(--cc-btn-primary-hover-color)
}

#cc-main .pm__btn--secondary {
    background: var(--cc-btn-secondary-bg);
    border-color: var(--cc-btn-secondary-border-color);
    color: var(--cc-btn-secondary-color)
}

#cc-main .pm__btn--secondary:hover {
    background: var(--cc-btn-secondary-hover-bg);
    border-color: var(--cc-btn-secondary-hover-border-color);
    color: var(--cc-btn-secondary-hover-color)
}

#cc-main .pm--box {
    height: calc(100% - 2em);
    left: var(--cc-modal-margin);
    margin: 0 auto;
    max-height: 37.5em;
    max-width: 43em;
    right: var(--cc-modal-margin);
    top: 50%;
    transform: translateY(calc(-50% + 1.6em))
}

#cc-main .pm--box.pm--flip .pm__btn-group,
#cc-main .pm--box.pm--flip .pm__footer {
    flex-direction: row-reverse
}

#cc-main .pm--bar {
    border-radius: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    max-height: none;
    max-width: 29em;
    opacity: 1;
    top: 0;
    width: 100%;
    --cc-modal-transition-duration: .35s
}

#cc-main .pm--bar .pm__section-table,
#cc-main .pm--bar .pm__table-body,
#cc-main .pm--bar .pm__table-td,
#cc-main .pm--bar .pm__table-th,
#cc-main .pm--bar .pm__table-tr {
    display: block
}

#cc-main .pm--bar .pm__table-head {
    display: none
}

#cc-main .pm--bar .pm__table-caption {
    display: block
}

#cc-main .pm--bar .pm__table-tr:not(:last-child) {
    border-bottom: 1px solid var(--cc-separator-border-color)
}

#cc-main .pm--bar .pm__table-td {
    display: flex;
    justify-content: space-between
}

#cc-main .pm--bar .pm__table-td:before {
    color: var(--cc-primary-color);
    content: attr(data-column);
    flex: 1;
    font-weight: 600;
    min-width: 100px;
    overflow: hidden;
    padding-right: 2em;
    text-overflow: ellipsis
}

#cc-main .pm--bar .pm__table-td>div {
    flex: 3
}

#cc-main .pm--bar:not(.pm--wide) .pm__body,
#cc-main .pm--bar:not(.pm--wide) .pm__footer,
#cc-main .pm--bar:not(.pm--wide) .pm__header {
    padding: 1em 1.3em
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide) .pm__footer {
    flex-direction: column
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group {
    margin: .375rem 0 0
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer {
    flex-direction: column-reverse
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group {
    margin-bottom: .375rem;
    margin-top: 0
}

#cc-main .pm--bar:not(.pm--wide) .pm__badge {
    display: none
}

#cc-main .pm--bar.pm--left {
    left: 0;
    transform: translateX(-100%)
}

#cc-main .pm--bar.pm--right {
    right: 0;
    transform: translateX(100%)
}

#cc-main .pm--bar.pm--wide {
    max-width: 35em
}

#cc-main .pm--bar.pm--wide .pm__body,
#cc-main .pm--bar.pm--wide .pm__footer,
#cc-main .pm--bar.pm--wide .pm__header {
    padding: 1em 1.4em
}

#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,
#cc-main .pm--bar.pm--wide.pm--flip .pm__footer {
    flex-direction: row-reverse
}

#cc-main .pm-overlay {
    background: var(--cc-overlay-bg);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1
}

#cc-main .cc--anim .pm,
#cc-main .cc--anim .pm-overlay {
    transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease
}

.show--preferences #cc-main .cc--anim .pm {
    opacity: 1;
    visibility: visible !important
}

.show--preferences #cc-main .cc--anim .pm--box {
    transform: translateY(-50%)
}

.show--preferences #cc-main .cc--anim .pm--bar {
    transform: translateX(0)
}

.show--preferences #cc-main .cc--anim .pm-overlay {
    opacity: 1;
    visibility: visible
}

#cc-main.cc--rtl .pm__service-header {
    margin-left: 1em;
    margin-right: 0
}

#cc-main.cc--rtl .pm__section-arrow {
    left: unset;
    right: 18px
}

#cc-main.cc--rtl .section__toggle-wrapper {
    left: 18px;
    right: unset;
    transform-origin: left
}

#cc-main.cc--rtl .toggle-service {
    left: 0
}

#cc-main.cc--rtl .pm__service-icon {
    margin-left: 20px;
    margin-right: 5px
}

#cc-main.cc--rtl .pm__section--toggle .pm__section-title {
    padding-left: 5.4em;
    padding-right: 1.2em
}

#cc-main.cc--rtl .pm__section--expandable .pm__section-title {
    padding-right: 3.4em
}

#cc-main.cc--rtl .pm__badge {
    margin-left: unset;
    margin-right: 1em
}

#cc-main.cc--rtl .toggle__icon-circle {
    transform: translateX(27px)
}

#cc-main.cc--rtl .toggle-service .toggle__icon-circle {
    transform: translateX(23px)
}

#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    transform: translateX(0)
}

#cc-main.cc--rtl .pm__table-td,
#cc-main.cc--rtl .pm__table-th {
    padding-left: unset;
    padding-right: 1.2em;
    text-align: right
}

#cc-main.cc--rtl .pm__table-td {
    padding-left: unset;
    padding-right: 1.2em
}

#cc-main.cc--rtl .pm__table-td:before {
    padding-left: 2em;
    padding-right: unset
}

#cc-main.cc--rtl .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm__btn-group+.pm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group {
    margin-left: 0
}

@media screen and (max-width: 640px) {
    #cc-main .pm {
        border-radius: 0;
        bottom: 0;
        height: auto;
        left: 0;
        max-height: 100%;
        max-width: none !important;
        right: 0;
        top: 0;
        transform: translateY(1.6em)
    }

    #cc-main .pm__body,
    #cc-main .pm__footer,
    #cc-main .pm__header {
        padding: .9em !important
    }

    #cc-main .pm__badge {
        display: none
    }

    #cc-main .pm__section-table,
    #cc-main .pm__table-body,
    #cc-main .pm__table-caption,
    #cc-main .pm__table-td,
    #cc-main .pm__table-th,
    #cc-main .pm__table-tr {
        display: block
    }

    #cc-main .pm__table-head {
        display: none
    }

    #cc-main .pm__table-tr:not(:last-child) {
        border-bottom: 1px solid var(--cc-separator-border-color)
    }

    #cc-main .pm__table-td {
        display: flex;
        justify-content: space-between
    }

    #cc-main .pm__table-td:before {
        color: var(--cc-primary-color);
        content: attr(data-column);
        flex: 1;
        font-weight: 600;
        min-width: 100px;
        overflow: hidden;
        padding-right: 2em;
        text-overflow: ellipsis
    }

    #cc-main .pm__table-td>div {
        flex: 3
    }

    #cc-main .pm__btn-group,
    #cc-main .pm__footer {
        flex-direction: column !important
    }

    #cc-main .pm__btn-group {
        display: flex !important
    }

    #cc-main .pm__btn+.pm__btn,
    #cc-main .pm__btn-group+.pm__btn-group {
        margin: .375rem 0 0 !important
    }

    #cc-main .pm--flip .pm__btn+.pm__btn,
    #cc-main .pm--flip .pm__btn-group+.pm__btn-group {
        margin-bottom: .375rem !important;
        margin-top: 0 !important
    }

    #cc-main .pm--flip .pm__btn-group,
    #cc-main .pm--flip .pm__footer {
        flex-direction: column-reverse !important
    }

    .show--preferences #cc-main .cc--anim .pm {
        transform: translateY(0) !important
    }
}

html.lenis,
html.lenis body {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-smooth iframe {
    pointer-events: none
}

.c-heading {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "helvetica neue", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400
}

.c-heading.-huge {
    line-height: .95;
    font-size: var(--font-size, clamp(5rem, 9.0277777778vw, 8.125rem))
}

.c-heading.-big {
    line-height: .95;
    font-size: var(--font-size, clamp(4.25rem, 7.6388888889vw, 6.875rem))
}

.c-heading.-medium {
    line-height: 1.1;
    font-size: clamp(1.75rem, 2.7777777778vw, 2.5rem);
    letter-spacing: -0.04em
}

.c-heading.-h1 {
    line-height: 1.1;
    letter-spacing: -0.06em;
    font-size: var(--font-size, clamp(3.125rem, 5.9722222222vw, 5.375rem))
}

.c-heading.-h2 {
    line-height: 1.1;
    font-size: var(--font-size, clamp(2.5rem, 4.8611111111vw, 4.375rem))
}

.c-heading.-h3 {
    --_font-size: 3.375rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-heading.-h3 {
        --_font-size: 2.3625rem
    }
}

@media(max-width: 699px) {
    .c-heading.-h3 {
        --_font-size: 2.025rem
    }
}

.c-heading.-h4 {
    --_font-size: 2.75rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-heading.-h4 {
        --_font-size: 1.925rem
    }
}

@media(max-width: 699px) {
    .c-heading.-h4 {
        --_font-size: 1.65rem
    }
}

.c-heading.-h5 {
    --_font-size: 2.375rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-heading.-h5 {
        --_font-size: 1.6625rem
    }
}

@media(max-width: 699px) {
    .c-heading.-h5 {
        --_font-size: 1.425rem
    }
}

.c-heading.-h6 {
    --_font-size: 1.875rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-heading.-h6 {
        --_font-size: 1.3125rem
    }
}

@media(max-width: 699px) {
    .c-heading.-h6 {
        --_font-size: 1.3125rem
    }
}

.c-text {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "helvetica neue", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400
}

.c-text.-edito {
    line-height: 1.4
}

@media(min-width: 1000px) {
    .c-text.-edito {
        font-size: 1.625rem
    }
}

@media(max-width: 999px) {
    .c-text.-edito {
        font-size: 1.3rem
    }
}

.c-text.-body-large {
    line-height: 1.5
}

@media(min-width: 1000px) {
    .c-text.-body-large {
        font-size: 1.375rem
    }
}

@media(max-width: 999px) {
    .c-text.-body-large {
        font-size: 1.2375rem
    }
}

.c-text.-body-x-large {
    line-height: 1.1
}

@media(min-width: 1000px) {
    .c-text.-body-x-large {
        font-size: 2.25rem
    }
}

@media(max-width: 999px) {
    .c-text.-body-x-large {
        font-size: 1.8rem
    }
}

@media(max-width: 699px) {
    .c-text.-body-x-large {
        font-size: 1.2375rem
    }
}

.c-text.-body-medium {
    font-size: 1.125rem;
    line-height: 1.6
}

.c-text.-body-regular {
    font-size: 1rem;
    line-height: 1.3
}

.c-text.-body-small {
    font-size: .875rem;
    line-height: 1.1
}

.c-text.-body-xs {
    font-size: .75rem;
    line-height: 1.2
}

.c-text.-body-micro {
    font-size: .625rem;
    line-height: 1.4
}

.c-text-mono {
    font-family: "SuisseIntlMono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
    font-weight: 400;
    line-height: 1.5
}

.c-text-mono.-body-medium {
    font-size: 1.125rem;
    line-height: 1.6
}

.c-text-mono.-body-small {
    font-size: .875rem;
    line-height: 1.1
}

.c-text-mono.-body-micro {
    font-size: .625rem;
    line-height: 1.4
}

.c-text-number {
    font-family: "SohneSchmal", -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "helvetica neue", helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    line-height: .9;
    text-transform: uppercase
}

@media(min-width: 1000px) {
    .c-text-number.-small {
        font-size: 5.25rem
    }
}

@media(max-width: 999px) {
    .c-text-number.-small {
        font-size: 4.2rem
    }
}

.c-text-number.-medium {
    font-size: clamp(5rem, 11.6666666667vw, 10.5rem)
}

.c-text-number.-big {
    font-size: clamp(6.25rem, 16.6666666667vw, 15rem)
}

.c-button {
    --button-side-paddings: 1.375rem;
    position: relative;
    display: inline-flex;
    min-width: 7.5rem;
    border-radius: var(--border-radius);
    z-index: 0
}

.c-button::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: var(--border-radius);
    z-index: -1
}

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

.c-button.-stroke {
    --color-text-hover: var(--color-background);
    --color-background-hover: var(--color-text);
    color: currentColor
}

.c-button.-stroke::before {
    border: 1px solid currentColor
}

.c-button.-color-white {
    --color-text-hover: #FFFFFF;
    --color-background-hover: var(--color-primary);
    color: #000
}

.c-button.-color-white::before {
    background-color: #fff
}

.c-button.-color-black {
    --color-text-hover: #FFFFFF;
    --color-background-hover: var(--color-primary);
    color: #fff
}

.c-button.-color-black::before {
    background-color: #000
}

.c-button.-color-primary {
    --color-text-hover: var(--color-primary);
    --color-background-hover: #FFFFFF;
    color: #fff
}

.c-button.-color-primary::before {
    background-color: var(--color-primary)
}

.c-button.-stroke-white {
    --color-text-hover: var(--color-text);
    --color-background-hover: var(--color-white);
    color: #fff
}

.c-button.-stroke-white::before {
    border: 1px solid #fff
}

.c-button.-filter {
    --color-background-hover: var(--color-text);
    --color-text-hover: var(--color-background)
}

.c-button.-filter::before {
    background-color: var(--color-contrast)
}

.c-button.-filter.is-active {
    --color-text-hover: #FFFFFF;
    --color-background-hover: var(--color-primary);
    pointer-events: none
}

.c-button.-small {
    --button-height: 2rem;
    --button-side-paddings: 0.875rem;
    --color-text-hover: #FFFFFF;
    --color-background-hover: var(--color-primary);
    font-size: .875rem;
    line-height: 1.1;
    color: var(--color-text);
    min-width: unset
}

.c-button.-small::before {
    background-color: var(--color-contrast)
}

.c-button.-widget {
    --border-radius: 8px;
    --button-height: 34px;
    min-width: 9.375rem;
    font-size: .75rem;
    line-height: 1.2
}

.c-button.-rail {
    --color-text-hover: #FFFFFF;
    --color-background-hover: var(--color-primary);
    color: currentColor
}

.c-button.-rail::before {
    border: 1px solid currentColor
}

html.is-first-loaded .c-button.-rail::before {
    transition: opacity 350ms cubic-bezier(0.4, 0.15, 0, 1)
}

@media(pointer: fine) {
    .c-button.-rail:hover::before {
        opacity: 0
    }
}

@media(max-width: 699px) {
    .c-button.-no-stroke\@to-small::before {
        border: none
    }
}

@media(max-width: 999px) {
    .c-button.-no-stroke\@to-medium::before {
        border: none
    }
}

.c-button.-min-width {
    min-width: 9.375rem
}

.c-button_inner {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    width: 100%;
    height: 100%
}

.c-button_label {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--button-height);
    padding: 0 var(--button-side-paddings)
}

.c-button.-rail .c-button_label {
    overflow: hidden
}

.c-button_label:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: var(--color-text-hover);
    transform: translate3d(0, calc(100% + 1px), 0);
    z-index: 1
}

.c-button_label:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-background-hover);
    border-radius: calc(var(--border-radius)*4);
    z-index: -1
}

html.is-first-loaded .c-button_label:nth-child(2)::before {
    transition: border-radius 350ms cubic-bezier(0.4, 0.15, 0, 1)
}

@media(pointer: fine) {
    html.is-first-loaded .c-button_label {
        transition-duration: 350ms;
        transition-timing-function: cubic-bezier(0.4, 0.15, 0, 1)
    }

    html.is-first-loaded .c-button_label:nth-child(1) {
        transition-property: transform, opacity;
        transition-delay: 70ms
    }

    html.is-first-loaded .c-button_label:nth-child(2) {
        transition-property: transform
    }

    .c-button:hover .c-button_label:nth-child(1),
    .c-button.-filter.is-active .c-button_label:nth-child(1),
    .u-hover:hover .c-button_label:nth-child(1),
    .u-hover.focus-visible .c-button_label:nth-child(1) {
        opacity: 0;
        transform: translate3d(0, -70%, 0);
        transition-delay: 0s
    }

    .c-button:hover .c-button_label:nth-child(2),
    .c-button.-filter.is-active .c-button_label:nth-child(2),
    .u-hover:hover .c-button_label:nth-child(2),
    .u-hover.focus-visible .c-button_label:nth-child(2) {
        transform: translate3d(0, 0, 0)
    }

    .c-button:hover .c-button_label:nth-child(2)::before,
    .c-button.-filter.is-active .c-button_label:nth-child(2)::before,
    .u-hover:hover .c-button_label:nth-child(2)::before,
    .u-hover.focus-visible .c-button_label:nth-child(2)::before {
        border-radius: var(--border-radius)
    }
}

.c-button_rail {
    text-align: left
}

.c-button_rail_wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    white-space: nowrap
}

.c-button_rail_inner {
    display: flex;
    align-items: center;
    white-space: nowrap;
    height: 100%;
    animation: railHorizontal linear infinite;
    animation-duration: 8s;
    animation-play-state: paused
}

@media(pointer: fine) {

    .c-button:hover .c-button_rail_inner,
    .u-hover:hover .c-button_rail_inner {
        animation-play-state: running
    }
}

.c-button_rail_item {
    padding-right: 1em
}

@keyframes railHorizontal {
    0% {
        transform: translateZ(0)
    }

    100% {
        transform: translate3d(-100%, 0, 0)
    }
}

.c-link {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    color: var(--color-primary)
}

.c-link.-reverse {
    flex-direction: row-reverse
}

.c-link_label {
    font-family: "SuisseIntlMono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
    font-weight: 400;
    line-height: 1.5;
    font-size: .875rem;
    line-height: 1.1
}

.c-link_label::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    background-color: currentColor;
    height: 1px;
    transform: scaleX(0);
    transform-origin: right center
}

html.is-first-loaded .c-link_label::before {
    transition: transform .45s cubic-bezier(0.86, 0, 0.07, 1)
}

a:hover .c-link_label::before,
button:hover .c-link_label::before,
.c-link:hover .c-link_label::before {
    transform: scaleX(1);
    transform-origin: left center
}

.c-link_icon .o-icon {
    --svg-width: .7em
}

.c-link.-reverse .c-link_icon {
    margin-right: .7em
}

.c-link:not(.-reverse) .c-link_icon {
    margin-left: .7em
}

.c-image.-parallax,
.c-image.-lazy-load {
    overflow: hidden
}

.c-image.-cover .c-image_wrap,
.c-image.-cover .c-image_inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.c-image.-cover .c-image_wrap {
    overflow: hidden
}

.c-image.-cover .c-image_img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-image.-border-radius .c-image_wrap {
    clip-path: inset(0 round var(--border-radius))
}

.c-image.-border-radius-top .c-image_wrap {
    clip-path: inset(0 round var(--border-radius) var(--border-radius) 0 0)
}

.c-image.-parallax .c-image_inner {
    transform: scale3d(1.03, 1.03, 1)
}

.c-image.-lazy-load .c-image_inner {
    background-color: var(--image-background, #AFACA7)
}

.c-image.-overlay .c-image_inner {
    position: relative
}

.c-image.-overlay .c-image_inner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: .1
}

.c-image_img {
    width: 100%;
    transition: opacity .9s cubic-bezier(0.165, 0.84, 0.44, 1), transform .9s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-image.-lazy-load .c-image_img {
    opacity: 0;
    transform: scale3d(1.05, 1.05, 1)
}

.c-image.-lazy-loaded .c-image_img {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

@media(hover: hover) {
    .u-hover:hover .c-image_img {
        transform: scale3d(1.05, 1.05, 1)
    }
}

.c-image.-cover .c-image_parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

html.is-first-loaded .c-form {
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-form.-processing,
.c-form.-sending {
    opacity: .5;
    pointer-events: none
}

.c-form_group {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.c-form_item {
    flex: 1 1 100%;
    border-radius: var(--border-radius);
    margin-top: .75rem
}

.c-form_item.-floating {
    position: relative
}

.c-form_item.-half {
    flex: 0 0 calc(50% - 0.375rem)
}

.c-form_item.-half+.c-form_item.-half {
    margin-left: .75rem
}

.c-form_item_wrap {
    display: flex;
    align-items: stretch;
    background-color: #fff;
    border-radius: var(--border-radius);
    padding-right: 4px
}

@media(pointer: fine) {
    .c-form_item_wrap {
        transition: box-shadow .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-form_item_wrap:hover {
        box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .05)
    }
}

.c-form_item_inner {
    position: relative;
    flex: 1 1 auto;
    margin-right: .625rem
}

.c-form_item_error {
    display: block;
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1;
    color: #fa5c40;
    visibility: hidden;
    height: 0
}

.c-form_item.has-error .c-form_item_error {
    visibility: visible;
    height: auto
}

.c-form_item_error_inner {
    display: block;
    padding-top: 5px;
    opacity: 0;
    transition: opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-form_item.has-error .c-form_item_error_inner {
    opacity: 1
}

.c-form_feedback {
    display: none
}

.c-form.-completed .c-form_feedback,
.c-form.-errored .c-form_feedback {
    display: block
}

.c-form_feedback_text {
    display: block;
    padding-top: 20px;
    transform: translate3d(0, 100%, 0);
    transition: transform .45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-form.-completed .c-form_feedback_text.-success {
    transform: translate3d(0, 0, 0)
}

.c-form.-completed .c-form_feedback_text.-error {
    display: none
}

.c-form.-errored .c-form_feedback_text.-success {
    display: none
}

.c-form.-errored .c-form_feedback_text.-error {
    transform: translate3d(0, 0, 0)
}

.c-form_label,
.c-form_checkbox_label,
.c-form_radio_label {
    display: block
}

.c-form_item.-floating .c-form_label,
.c-form_item.-floating .c-form_checkbox_label,
.c-form_item.-floating .c-form_radio_label {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--button-height);
    color: #000;
    padding: .625rem;
    vertical-align: middle;
    pointer-events: none;
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform-origin: .625rem 0rem
}

.c-form_item.-floating textarea:not(:-moz-placeholder-shown)~.c-form_label,
.c-form_item.-floating textarea:not(:-moz-placeholder-shown)~.c-form_checkbox_label,
.c-form_item.-floating textarea:not(:-moz-placeholder-shown)~.c-form_radio_label,
.c-form_item.-floating input:not(:-moz-placeholder-shown)~.c-form_label,
.c-form_item.-floating input:not(:-moz-placeholder-shown)~.c-form_checkbox_label,
.c-form_item.-floating input:not(:-moz-placeholder-shown)~.c-form_radio_label {
    opacity: .5;
    transform: scale(0.75) translateY(-0.5em);
    z-index: 10
}

.c-form_item.-floating textarea:focus~.c-form_label,
.c-form_item.-floating textarea:focus~.c-form_checkbox_label,
.c-form_item.-floating textarea:focus~.c-form_radio_label,
.c-form_item.-floating textarea:not(:placeholder-shown)~.c-form_label,
.c-form_item.-floating textarea:not(:placeholder-shown)~.c-form_checkbox_label,
.c-form_item.-floating textarea:not(:placeholder-shown)~.c-form_radio_label,
.c-form_item.-floating input:focus~.c-form_label,
.c-form_item.-floating input:focus~.c-form_checkbox_label,
.c-form_item.-floating input:focus~.c-form_radio_label,
.c-form_item.-floating input:not(:placeholder-shown)~.c-form_label,
.c-form_item.-floating input:not(:placeholder-shown)~.c-form_checkbox_label,
.c-form_item.-floating input:not(:placeholder-shown)~.c-form_radio_label,
.c-form_item.-floating .c-form_select~.c-form_label,
.c-form_item.-floating .c-form_select~.c-form_checkbox_label,
.c-form_item.-floating .c-form_select~.c-form_radio_label,
.c-form_item.-floating select~.c-form_label,
.c-form_item.-floating select~.c-form_checkbox_label,
.c-form_item.-floating select~.c-form_radio_label {
    opacity: .5;
    transform: scale(0.75) translateY(-0.5em);
    z-index: 10
}

.c-form_input,
.c-form_textarea,
.c-form_select_input {
    color: #000;
    padding: .625rem;
    border: 1px solid #fff;
    background-color: #fff;
    height: var(--button-height);
    border-radius: var(--border-radius);
    transition: box-shadow .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-size: 16px
}

.c-form_input::-moz-placeholder,
.c-form_textarea::-moz-placeholder,
.c-form_select_input::-moz-placeholder {
    color: #acacac
}

.c-form_input::placeholder,
.c-form_textarea::placeholder,
.c-form_select_input::placeholder {
    color: #acacac
}

.c-form_input[disabled],
[disabled].c-form_textarea,
[disabled].c-form_select_input {
    opacity: .5
}

.c-form_item.-floating .c-form_input,
.c-form_item.-floating .c-form_textarea,
.c-form_item.-floating .c-form_select_input {
    padding-top: 1.5625rem
}

.c-form_item.-floating .c-form_input::-moz-placeholder,
.c-form_item.-floating .c-form_textarea::-moz-placeholder,
.c-form_item.-floating .c-form_select_input::-moz-placeholder {
    color: rgba(0, 0, 0, 0)
}

.c-form_item.-floating .c-form_input::placeholder,
.c-form_item.-floating .c-form_textarea::placeholder,
.c-form_item.-floating .c-form_select_input::placeholder {
    color: rgba(0, 0, 0, 0)
}

@media(pointer: fine) {

    .c-form_item:not(.-submit-included) .c-form_input,
    .c-form_item:not(.-submit-included) .c-form_textarea,
    .c-form_item:not(.-submit-included) .c-form_select_input {
        transition: box-shadow .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-form_item:not(.-submit-included) .c-form_input:hover,
    .c-form_item:not(.-submit-included) .c-form_textarea:hover,
    .c-form_item:not(.-submit-included) .c-form_select_input:hover {
        box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .05)
    }
}

.c-form_item:not(.-submit-included) .c-form_input:focus,
.c-form_item:not(.-submit-included) .c-form_textarea:focus,
.c-form_item:not(.-submit-included) .c-form_select_input:focus {
    border-color: #000
}

.c-form_input:-webkit-autofill,
.c-form_textarea:-webkit-autofill,
.c-form_select_input:-webkit-autofill,
.c-form_input:-webkit-autofill:hover,
.c-form_input:-webkit-autofill:focus {
    -webkit-text-fill-color: initial;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.c-form_input::-webkit-outer-spin-button,
.c-form_textarea::-webkit-outer-spin-button,
.c-form_select_input::-webkit-outer-spin-button,
.c-form_input::-webkit-inner-spin-button,
.c-form_textarea::-webkit-inner-spin-button,
.c-form_select_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.c-form_input[type=number],
[type=number].c-form_textarea,
[type=number].c-form_select_input {
    -moz-appearance: textfield
}

.c-form_checkbox_label,
.c-form_radio_label {
    --checkbox-label-padding: 15px;
    position: relative;
    display: block;
    padding-top: var(--checkbox-label-padding);
    padding-bottom: var(--checkbox-label-padding);
    padding-right: var(--checkbox-label-padding);
    padding-left: calc(1.75rem);
    border-radius: var(--border-radius);
    cursor: pointer
}

.c-form_checkbox_label::before,
.c-form_radio_label::before,
.c-form_checkbox_label::after,
.c-form_radio_label::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    padding: 0;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 4px;
    transform: translateY(-50%)
}

.c-form_checkbox_label::before,
.c-form_radio_label::before {
    background-color: #fff;
    border: 1px solid #d3d3d3
}

.c-form_checkbox_label::after,
.c-form_radio_label::after {
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20enable-background%3D%22new%200%200%2013%2013%22%20xml%3Aspace%3D%22preserve%22%3E%3Ccircle%20fill%3D%22%23424242%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-size: .5rem;
    background-repeat: no-repeat;
    opacity: 0
}

@media(pointer: fine) {

    .c-form_checkbox_label.-border:hover::before,
    .-border.c-form_radio_label:hover::before,
    .c-form_checkbox_label.-product:hover::before,
    .-product.c-form_radio_label:hover::before {
        border-color: #a9a9a9
    }

    .c-form_item:not(.-submit-included) .c-form_checkbox_label.-border,
    .c-form_item:not(.-submit-included) .-border.c-form_radio_label,
    .c-form_item:not(.-submit-included) .c-form_checkbox_label.-product,
    .c-form_item:not(.-submit-included) .-product.c-form_radio_label {
        transition: box-shadow .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-form_item:not(.-submit-included) .c-form_checkbox_label.-border:hover,
    .c-form_item:not(.-submit-included) .-border.c-form_radio_label:hover,
    .c-form_item:not(.-submit-included) .c-form_checkbox_label.-product:hover,
    .c-form_item:not(.-submit-included) .-product.c-form_radio_label:hover {
        box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .05)
    }
}

.c-form_checkbox:focus+.c-form_checkbox_label::before,
.c-form_checkbox:focus+.c-form_radio_label::before,
.c-form_radio:focus+.c-form_checkbox_label::before,
.c-form_radio:focus+.c-form_radio_label::before {
    border-color: dimgray
}

.c-form_checkbox:checked+.c-form_checkbox_label::after,
.c-form_checkbox:checked+.c-form_radio_label::after,
.c-form_radio:checked+.c-form_checkbox_label::after,
.c-form_radio:checked+.c-form_radio_label::after {
    opacity: 1
}

.c-form_checkbox.focus-visible+.c-form_checkbox_label,
.c-form_checkbox.focus-visible+.c-form_radio_label,
.focus-visible.c-form_radio+.c-form_checkbox_label,
.focus-visible.c-form_radio+.c-form_radio_label {
    outline-color: currentColor;
    outline-style: auto;
    outline-width: 10px;
    outline-offset: -5px
}

.c-form_checkbox_label.-border,
.-border.c-form_radio_label {
    --checkbox-label-padding: 22px;
    border: 1px solid #afaca7;
    padding-left: calc(var(--checkbox-label-padding) + 1.75rem)
}

.c-form_checkbox_label.-border::before,
.-border.c-form_radio_label::before,
.c-form_checkbox_label.-border::after,
.-border.c-form_radio_label::after {
    left: var(--checkbox-label-padding)
}

.c-form_checkbox_label.-product,
.-product.c-form_radio_label {
    --checkbox-label-padding: 18px;
    background-color: #fff;
    padding-left: calc(var(--checkbox-label-padding) + 3.625rem)
}

.c-form_checkbox_label.-product::before,
.-product.c-form_radio_label::before,
.c-form_checkbox_label.-product::after,
.-product.c-form_radio_label::after {
    top: calc(var(--checkbox-label-padding) + 0.3125rem);
    left: var(--checkbox-label-padding);
    transform: translateY(0)
}

.c-form_checkbox:checked+.c-form_checkbox_label.-product,
.c-form_checkbox:checked+.-product.c-form_radio_label,
.c-form_radio:checked+.c-form_checkbox_label.-product,
.c-form_radio:checked+.-product.c-form_radio_label {
    background-color: var(--color-primary);
    color: var(--color-white)
}

.c-form_checkbox,
.c-form_radio {
    position: absolute;
    width: 0;
    opacity: 0
}

.c-form_select {
    position: relative;
    cursor: pointer
}

.c-form_select::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 2.5rem;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2211.3%22%20viewBox%3D%220%200%2013%2011.3%22%20enable-background%3D%22new%200%200%2013%2011.3%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23424242%22%20points%3D%226.5%2011.3%203.3%205.6%200%200%206.5%200%2013%200%209.8%205.6%20%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-size: .5rem;
    background-repeat: no-repeat;
    pointer-events: none
}

.c-form_select_input {
    position: relative;
    z-index: 1;
    padding-right: 2.5rem;
    cursor: pointer
}

.c-form_textarea {
    min-height: 12.5rem
}

.c-form_item.-submit-included .c-form_submit-container {
    flex-shrink: 0;
    padding: 4px 0
}

.c-form_item.-submit-included .c-form_submit {
    --button-height: 100%;
    --border-radius: 0.625rem;
    height: 100%
}

.c-header {
    height: var(--header-height);
    pointer-events: none
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-header {
        --header-offset: 15px
    }
}

@media(min-width: 1000px) {
    .c-header {
        --header-offset: 30px
    }
}

@media(max-width: 699px) {
    .c-header {
        padding: var(--grid-gutter) var(--grid-margin)
    }
}

@media(min-width: 700px) {
    .c-header {
        padding: 20px var(--grid-margin)
    }
}

@media(max-width: 699px) {
    .c-header {
        color: #000
    }
}

@media(min-width: 700px) {
    html:not(.has-scrolled) .c-header.-color-white {
        color: #fff
    }

    html.has-scrolled .c-header {
        color: #000
    }
}

.c-header.-fixed {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 210;
    transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(max-width: 699px) {
    .c-header.-fixed {
        bottom: 0
    }
}

@media(min-width: 700px) {
    .c-header.-fixed {
        top: 0
    }

    html.is-loading .c-header.-fixed {
        color: #fff
    }
}

.c-header_inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% + 2*var(--header-offset, 0));
    margin-left: calc(-1*var(--header-offset, 0));
    height: 100%;
    padding: 0 .625rem
}

@media(max-width: 999px) {
    .c-header.-fixed .c-header_inner {
        padding: 0 .3125rem
    }
}

.c-header.-fixed .c-header_inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .4);
    border-radius: var(--border-radius);
    -webkit-backdrop-filter: blur(45px);
    backdrop-filter: blur(45px)
}

html.is-first-loaded .c-header.-fixed .c-header_inner::before {
    transition: opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1), transform .6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(min-width: 700px) {
    .c-header.-fixed .c-header_inner::before {
        opacity: 0;
        transform: scale3d(1.02, 1.2, 1)
    }

    html.has-scrolled:not(.is-loading) .c-header.-fixed .c-header_inner::before {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.c-header_menu {
    position: relative;
    pointer-events: auto
}

@media(max-width: 699px) {
    .c-menu .c-header_menu {
        display: none
    }
}

.c-header_logo {
    --svg-width: 10.25rem;
    position: absolute;
    top: 0;
    left: calc(50% - var(--svg-width)/2);
    bottom: 0;
    display: flex;
    align-items: center;
    pointer-events: auto;
    z-index: 2
}

.c-header_logo_link {
    display: inline-block
}

.c-header_logo_svg {
    width: var(--svg-width)
}

.c-header_link {
    pointer-events: auto
}

@media(min-width: 700px) {
    .c-header.-fixed .c-header_link {
        --border-radius: 0.4375rem;
        height: calc(100% - 1.25rem)
    }
}

@media(min-width: 1200px) {
    html[data-template=preorder] .c-header.-fixed .c-header_link {
        opacity: 0;
        pointer-events: none
    }

    html.is-first-loaded html[data-template=preorder] .c-header.-fixed .c-header_link {
        transition: opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1)
    }
}

.c-menu .c-header_link {
    display: none
}

.c-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overscroll-behavior: contain;
    color: #000;
    visibility: hidden
}

html.is-first-loaded .c-menu {
    transition: visibility .9s linear
}

html.has-menu-open .c-menu {
    transition: visibility 0s linear;
    visibility: visible
}

@media(max-width: 699px) {
    .c-menu {
        z-index: 250
    }
}

@media(min-width: 700px) {
    .c-menu {
        z-index: 240
    }
}

.c-menu_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    opacity: 0;
    z-index: -1
}

@media(pointer: fine), (min-width: 700px) {
    html.is-first-loaded .c-menu_overlay {
        transition: opacity .9s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    html.has-menu-open .c-menu_overlay {
        opacity: 1
    }
}

@media(max-width: 699px)and (pointer: fine) {
    html.has-menu-open .c-menu_overlay {
        cursor: pointer
    }
}

.c-menu_container {
    width: 100%
}

@media(max-width: 699px) {
    .c-menu_container {
        position: absolute;
        bottom: 0;
        left: 0;
        display: flex;
        max-height: calc(100% - 60px);
        overflow: hidden;
        border-top-left-radius: 2.375rem;
        border-top-right-radius: 2.375rem;
        transform: translate3d(0, 100%, 0);
        -webkit-mask-image: -webkit-radial-gradient(white, black)
    }
}

@media(pointer: fine)and (max-width: 699px) {
    html.is-first-loaded .c-menu_container {
        transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    html.has-menu-open .c-menu_container {
        transform: translate3d(0, 0, 0)
    }
}

@media(min-width: 700px) {
    .c-menu_container {
        position: relative;
        height: 100%
    }
}

.c-menu_scrollable {
    position: relative;
    width: 100%;
    overflow: auto
}

@media(min-width: 700px) {
    .c-menu_scrollable {
        height: 100%
    }
}

@media(max-width: 699px) {
    .c-menu_scrollable {
        max-height: 100%
    }
}

@media(min-width: 700px), (pointer: fine) {
    .c-menu_swipe-area {
        display: none
    }
}

@media(max-width: 699px)and (pointer: coarse) {
    .c-menu_swipe-area {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background: linear-gradient(0deg, rgba(232, 232, 232, 0) 0%, #e8e8e8 60%);
        backface-visibility: visible;
        transform: translateZ(0);
        z-index: 3
    }

    .c-menu_swipe-area::before {
        content: "";
        position: absolute;
        top: 20px;
        left: calc(50% - 60px);
        width: 120px;
        height: 4px;
        background-color: hsl(37.5, 4.7619047619%, 82.0588235294%);
        border-radius: 4px
    }
}

.c-menu_inner {
    position: relative;
    display: block;
    width: 100%;
    min-height: 100%;
    background-color: #e8e8e8;
    overflow: hidden;
    z-index: 1
}

@media(max-width: 699px)and (pointer: fine) {
    .c-menu_inner {
        padding: var(--grid-margin)
    }
}

@media(max-width: 699px)and (pointer: coarse) {
    .c-menu_inner {
        padding: 2.5rem var(--grid-margin) var(--grid-margin) var(--grid-margin)
    }
}

@media(min-width: 700px) {
    .c-menu_inner {
        clip-path: inset(0 0 100% 0);
        padding: 0 var(--grid-margin)
    }

    html.is-first-loaded .c-menu_inner {
        transition: clip-path .45s cubic-bezier(0.25, 0.25, 0, 1)
    }

    html.has-menu-open .c-menu_inner {
        clip-path: inset(0);
        transition: clip-path .6s cubic-bezier(0.45, 0.05, 0, 1)
    }
}

.c-menu_header {
    z-index: 1
}

@media(max-width: 699px) {
    .c-menu_header {
        width: 100%
    }
}

@media(min-width: 700px) {
    .c-menu_header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
}

.c-menu_wrap {
    width: 100%;
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(max-width: 699px) {
    .c-menu_wrap {
        padding: 3.125rem 0
    }
}

@media(min-width: 700px) {
    .c-menu_wrap {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        height: 100%
    }
}

@media(min-width: 700px) {
    .c-menu_main {
        position: relative;
        flex: 0 0 calc((100% - var(--grid-gutter))/2);
        padding-top: calc(var(--header-height) + 15vh);
        padding-bottom: var(--grid-margin)
    }
}

.c-menu_main_nav {
    pointer-events: none
}

@media(max-width: 699px) {
    .c-menu_main_nav {
        display: flex
    }
}

.c-menu_main_list-container {
    position: relative;
    z-index: 2
}

@media(max-width: 699px) {
    .c-menu_main_list-container {
        flex: 1 0 calc((100% + var(--grid-gutter))/2);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-right: var(--grid-gutter)
    }
}

@media(max-width: 699px) {
    .c-menu_main_list {
        padding-top: 2.5rem
    }
}

@media(min-width: 1000px) {
    .c-menu_main_list {
        margin-top: -2.5vh
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-menu_main_list {
        margin-top: -0.625rem
    }
}

.c-menu_main_list_item {
    position: relative
}

.c-menu_main_list_item:nth-child(1) {
    --color-rail: #FA5C40
}

.c-menu_main_list_item:nth-child(2) {
    --color-rail: #40522E
}

.c-menu_main_list_item:nth-child(3) {
    --color-rail: #C4A173
}

.c-menu_main_list_item:nth-child(4) {
    --color-rail: #29525E
}

.c-menu_main_list_item:nth-child(5) {
    --color-rail: #000000
}

.c-menu_main_list_item:nth-child(6) {
    --color-rail: #40522E
}

@media(min-width: 700px) {
    .c-menu_main_list_item {
        transform: translate3d(-2.5rem, 0, 0);
        opacity: 0
    }

    html.is-first-loaded .c-menu_main_list_item {
        transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .6s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    html.has-menu-open .c-menu_main_list_item {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    html.has-menu-open .c-menu_main_list_item:nth-child(1) {
        transition-delay: .2s
    }

    html.has-menu-open .c-menu_main_list_item:nth-child(2) {
        transition-delay: .3s
    }

    html.has-menu-open .c-menu_main_list_item:nth-child(3) {
        transition-delay: .4s
    }

    html.has-menu-open .c-menu_main_list_item:nth-child(4) {
        transition-delay: .5s
    }

    html.has-menu-open .c-menu_main_list_item:nth-child(5) {
        transition-delay: .6s
    }

    html.has-menu-open .c-menu_main_list_item:nth-child(6) {
        transition-delay: .7s
    }

    html.has-menu-open .c-menu_main_list_item:nth-child(7) {
        transition-delay: .8s
    }

    html.has-menu-open .c-menu_main_list_item:nth-child(8) {
        transition-delay: .9s
    }

    html.has-menu-open .c-menu_main_list_item:nth-child(9) {
        transition-delay: 1s
    }
}

.c-menu_main_list_link {
    position: relative;
    display: inline-block;
    --_font-size: 3.375rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1;
    line-height: 1;
    pointer-events: all
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-menu_main_list_link {
        --_font-size: 2.3625rem
    }
}

@media(max-width: 699px) {
    .c-menu_main_list_link {
        --_font-size: 2.025rem
    }
}

@media(min-width: 1000px) {
    .c-menu_main_list_link {
        padding: 2vh 0
    }
}

@media(max-width: 999px) {
    .c-menu_main_list_link {
        padding: .625rem 0
    }
}

.c-menu_main_current-symbol .o-icon {
    --svg-width: .5em;
    display: block
}

@media(max-width: 699px) {
    .c-menu_main_current-symbol {
        display: none
    }
}

@media(min-width: 700px) {
    .c-menu_main_current-symbol {
        position: absolute;
        top: calc(50% - .1em);
        left: -0.8em;
        opacity: 0;
        transition: opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-menu_main_list_link.is-current .c-menu_main_current-symbol {
        opacity: 1
    }
}

.c-menu_main_list_rail {
    position: absolute;
    top: 0;
    left: -2em;
    width: calc(calc((100vw - var(--grid-gutter) * (var(--grid-columns) - 1) - var(--grid-margin) * 2) / var(--grid-columns) * 4 + var(--grid-gutter) * (4 - 1)) + .5em);
    bottom: 0;
    overflow: hidden;
    color: #e8e8e8;
    background-color: var(--color-rail);
    border-radius: var(--border-radius);
    pointer-events: none;
    visibility: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

@media(pointer: fine) {
    .c-menu_main_list_link:hover .c-menu_main_list_rail {
        visibility: visible
    }
}

@media(pointer: coarse), (max-width: 699px) {
    .c-menu_main_list_rail {
        display: none
    }
}

.c-menu_main_list_rail_wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    white-space: nowrap
}

.c-menu_main_list_rail_inner {
    display: flex;
    align-items: center;
    white-space: nowrap;
    height: 100%;
    animation: railHorizontal linear infinite;
    animation-duration: 10s;
    animation-play-state: paused
}

@media(hover: hover) {
    .c-menu_main_list_link:hover .c-menu_main_list_rail_inner {
        animation-play-state: running
    }
}

.c-menu_main_list_rail_item {
    display: flex;
    align-items: center;
    padding-right: 1em;
    width: -moz-max-content;
    width: max-content
}

.c-menu_main_list_rail_item_icon {
    margin-left: .35em
}

.c-menu_main_product-cta {
    overflow: hidden;
    border-radius: var(--border-radius);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    pointer-events: auto
}

@media(max-width: 699px) {
    .c-menu_main_product-cta {
        flex: 1 1 50%
    }
}

@media(min-width: 700px) {
    .c-menu_main_product-cta {
        position: absolute;
        top: calc(var(--grid-margin) - 1rem);
        right: 0;
        width: calc((100% + var(--grid-gutter))/5*2 - var(--grid-gutter))
    }
}

.c-menu_secondary {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: calc(var(--header-height) + 15vh);
    padding-right: var(--grid-gutter);
    padding-bottom: var(--grid-margin)
}

@media(max-width: 699px) {
    .c-menu_secondary {
        display: none
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-menu_secondary {
        flex-grow: 1
    }
}

@media(min-width: 1000px) {
    .c-menu_secondary {
        flex: 0 0 calc((100% + var(--grid-gutter))/10*4)
    }
}

.c-menu_secondary_nav {
    display: grid;
    gap: var(--grid-gutter)
}

@media(min-width: 1000px) {
    .c-menu_secondary_nav {
        width: calc((100% + var(--grid-gutter))/4*3 - var(--grid-gutter))
    }
}

@media(min-width: 1000px) {
    .c-menu_secondary_nav {
        grid-template-columns: repeat(3, 1fr)
    }
}

.c-menu_secondary_list:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3
}

@media(min-width: 700px) {
    .c-menu_secondary_list_item {
        transform: translate3d(-2.5rem, 0, 0);
        opacity: 0
    }

    html.is-first-loaded .c-menu_secondary_list_item {
        transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .6s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    html.has-menu-open .c-menu_secondary_list_item {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    html.has-menu-open .c-menu_secondary_list_item:nth-child(1) {
        transition-delay: .05s
    }

    html.has-menu-open .c-menu_secondary_list_item:nth-child(2) {
        transition-delay: .1s
    }

    html.has-menu-open .c-menu_secondary_list_item:nth-child(3) {
        transition-delay: .15s
    }

    html.has-menu-open .c-menu_secondary_list_item:nth-child(4) {
        transition-delay: .2s
    }

    html.has-menu-open .c-menu_secondary_list_item:nth-child(5) {
        transition-delay: .25s
    }

    html.has-menu-open .c-menu_secondary_list_item:nth-child(6) {
        transition-delay: .3s
    }

    html.has-menu-open .c-menu_secondary_list_item:nth-child(7) {
        transition-delay: .35s
    }

    html.has-menu-open .c-menu_secondary_list_item:nth-child(8) {
        transition-delay: .4s
    }

    html.has-menu-open .c-menu_secondary_list_item:nth-child(9) {
        transition-delay: .45s
    }
}

.c-menu_video {
    max-width: 23.75rem;
    margin-top: 2.5rem
}

@media(min-width: 700px) {
    .c-menu_anim {
        clip-path: inset(0 0 100% 0 round var(--border-radius))
    }

    html.is-first-loaded .c-menu_anim {
        transition: clip-path .9s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    html.has-menu-open .c-menu_anim {
        clip-path: inset(0 round var(--border-radius));
        transition-delay: var(--delay, 0s)
    }
}

@keyframes railHorizontal {
    0% {
        transform: translateZ(0)
    }

    100% {
        transform: translate3d(-100%, 0, 0)
    }
}

.c-menu-toggler {
    display: flex;
    align-items: center
}

.c-menu-toggler_label {
    display: flex;
    flex-direction: column;
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    height: 1.5em;
    overflow: hidden
}

html.is-first-loaded .c-menu-toggler_label {
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(min-width: 1000px) {
    .c-menu-toggler_label {
        margin-left: 2.5rem
    }
}

@media(max-width: 999px) {
    .c-menu-toggler_label {
        margin-left: .625rem
    }
}

@media(hover: hover)and (min-width: 1000px) {
    .c-menu-toggler:hover .c-menu-toggler_label {
        transform: translateX(-20px)
    }
}

.c-menu-toggler_label_item {
    padding: .2em 0
}

@media(min-width: 700px) {
    html.is-first-loaded .c-menu-toggler_label_item {
        transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    html.has-menu-open .c-menu-toggler_label_item {
        transform: translate3d(0, -100%, 0)
    }
}

.c-menu-toggler_icon {
    position: relative;
    display: flex;
    overflow: hidden
}

@media(min-width: 700px) {
    .c-menu-toggler_icon {
        width: 3.125rem;
        height: 3.125rem
    }
}

@media(max-width: 699px) {
    .c-menu-toggler_icon {
        width: 3.75rem;
        height: 3.75rem
    }
}

.c-menu-toggler_icon::before,
.c-menu-toggler_icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.c-menu-toggler_icon::before {
    background-color: currentColor;
    transform: scale3d(0, 0, 1)
}

html.is-first-loaded .c-menu-toggler_icon::before {
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(hover: hover) {
    .c-menu-toggler:hover .c-menu-toggler_icon::before {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.c-menu-toggler_icon::after {
    border: 1px solid currentColor
}

html.is-first-loaded .c-menu-toggler_icon::after {
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(hover: hover) {
    .c-menu-toggler:hover .c-menu-toggler_icon::after {
        opacity: 0;
        transform: scale3d(0.9, 0.9, 0.9)
    }
}

@media(max-width: 999px) {
    .c-menu-toggler_icon::after {
        display: none
    }
}

.c-menu-toggler_icon_item {
    position: absolute;
    top: 50%;
    left: 50%
}

.c-menu-toggler_icon_item.-open {
    width: 27px;
    transform: translate(-50%, -50%)
}

.c-menu-toggler_icon_item.-close {
    width: 22px;
    height: 22px;
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.c-menu-toggler_icon_line {
    --item-delay: 0s;
    display: block;
    width: 100%;
    height: 1px
}

@media(hover: hover) {
    .c-menu-toggler:hover .c-menu-toggler_icon_line {
        color: var(--color-background)
    }

    .c-menu .c-menu-toggler:hover .c-menu-toggler_icon_line {
        color: #fff
    }

    html:not(.has-scrolled) .c-header.-color-white .c-menu-toggler:hover .c-menu-toggler_icon_line {
        color: #000
    }
}

.c-menu-toggler_icon_line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: currentColor;
    transform-origin: top left;
    transition: transform .45s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: calc(var(--item-delay, 0s) + var(--extra-delay, 0s))
}

.c-menu-toggler_icon_item.-open .c-menu-toggler_icon_line {
    --extra-delay: 0.25s;
    position: relative
}

.c-menu-toggler_icon_item.-open .c-menu-toggler_icon_line:first-child {
    --item-delay: 0.1s;
    margin-bottom: 5px
}

@media(min-width: 700px) {
    html.has-menu-open .c-menu-toggler_icon_item.-open .c-menu-toggler_icon_line::before {
        --extra-delay: 0s;
        transform-origin: top right;
        transform: scale3d(0, 1, 1)
    }
}

.c-menu-toggler_icon_item.-close .c-menu-toggler_icon_line {
    --extra-delay: 0.25s;
    position: absolute;
    top: 50%
}

.c-menu-toggler_icon_item.-close .c-menu-toggler_icon_line:first-child {
    --item-delay: 0.1s;
    transform-origin: 50% 50%;
    transform: rotate(90deg)
}

@media(min-width: 700px) {
    html:not(.has-menu-open) .c-menu-toggler_icon_item.-close .c-menu-toggler_icon_line::before {
        --extra-delay: 0s;
        transform-origin: top right;
        transform: scale3d(0, 1, 1)
    }
}

@media(max-width: 699px) {
    .c-menu-toggler_icon_item.-close .c-menu-toggler_icon_line::before {
        display: none
    }
}

.c-animated-logo {
    position: relative;
    clip-path: inset(0, 0, 0, 0)
}

@media(min-width: 700px) {
    html.is-first-loaded .c-animated-logo_svg .letter {
        transition: transform .6s cubic-bezier(0.1, 0.05, 0, 1)
    }

    html.is-first-loaded .c-animated-logo_svg .letter.-letter-0 {
        transition-delay: calc(3*.02s + .02s)
    }

    html.is-first-loaded .c-animated-logo_svg .letter.-letter-1 {
        transition-delay: calc(4*.02s + .02s)
    }

    html.is-first-loaded .c-animated-logo_svg .letter.-letter-2 {
        transition-delay: calc(7*.02s + .02s)
    }

    html.is-first-loaded .c-animated-logo_svg .letter.-letter-3 {
        transition-delay: calc(1*.02s + .02s)
    }

    html.is-first-loaded .c-animated-logo_svg .letter.-letter-4 {
        transition-delay: calc(2*.02s + .02s)
    }

    html.is-first-loaded .c-animated-logo_svg .letter.-letter-5 {
        transition-delay: calc(6*.02s + .02s)
    }

    html.is-first-loaded .c-animated-logo_svg .letter.-letter-6 {
        transition-delay: calc(1*.02s + .02s)
    }

    html.is-first-loaded .c-animated-logo_svg .letter.-letter-7 {
        transition-delay: calc(4*.02s + .02s)
    }

    html.is-first-loaded .c-animated-logo_svg .letter.-letter-8 {
        transition-delay: calc(5*.02s + .02s)
    }

    html.has-scrolled .c-animated-logo_svg .letter {
        transform: translate3d(0, 100%, 0)
    }

    html.has-menu-open .c-animated-logo_svg .letter {
        transform: translate3d(0, 0, 0)
    }
}

@media(max-width: 699px) {
    .c-header.-fixed .c-animated-logo_svg .letter {
        transform: translate3d(0, 100%, 0)
    }
}

.c-animated-logo_svg .symbol {
    transform-origin: 50% 50%
}

@media(min-width: 700px) {
    html.is-first-loaded .c-animated-logo_svg .symbol {
        transition: transform 1.2s cubic-bezier(0.4, 0.2, 0, 1)
    }

    html.has-scrolled .c-animated-logo_svg .symbol.-left {
        transform: scale(2) translate3d(260px, 76px, 0)
    }

    html.has-scrolled .c-animated-logo_svg .symbol.-right {
        transform: scale(2) translate3d(-248px, 76px, 0)
    }

    html.has-menu-open .c-animated-logo_svg .symbol.-right,
    html.has-menu-open .c-animated-logo_svg .symbol.-left {
        transform: translate3d(0, 0, 0)
    }
}

@media(max-width: 699px) {
    .c-header.-fixed .c-animated-logo_svg .symbol.-left {
        transform: scale(2) translate3d(260px, 76px, 0)
    }

    .c-header.-fixed .c-animated-logo_svg .symbol.-right {
        transform: scale(2) translate3d(-248px, 76px, 0)
    }
}

.c-hero-product {
    color: #fff
}

.c-hero-product .c-hero-logo {
    --padding: calc(4.6875rem - var(--grid-margin)) 0 4.0625rem
}

.c-hero-product_inner {
    min-height: calc(100*var(--svh, 1svh));
    padding: var(--grid-margin);
    display: grid;
    align-content: end;
    overflow: hidden;
    width: 100%;
    opacity: 0;
    transition: opacity .5s
}

@media(min-width: 700px) {
    .c-hero-product_inner {
        row-gap: 3.75rem;
        grid-auto-rows: min-content
    }
}

@media(max-width: 699px) {
    .c-hero-product_inner {
        row-gap: 1.25rem;
        padding-bottom: var(--header-height);
        grid-template-rows: 1fr auto 1fr
    }
}

.c-scroll-hero-products_keyframe.is-active .c-hero-product_inner {
    opacity: 1
}

.c-hero-product_top {
    display: grid;
    align-content: center
}

@media(min-width: 700px) {
    .c-hero-product_top {
        row-gap: 3.75rem
    }
}

@media(max-width: 699px) {
    .c-hero-product_top {
        row-gap: 1.25rem
    }
}

.c-hero-product_heading {
    font-size: calc((100vw - var(--grid-margin)*2)/5.35);
    font-weight: normal;
    letter-spacing: -0.05em;
    white-space: nowrap;
    line-height: .75;
    color: #f9f9f9;
    max-width: 100%;
    text-align: left
}

@media(max-width: 699px) {
    .c-hero-product_heading {
        font-size: calc((100vw - var(--grid-margin)*2)/6.35);
        text-align: left
    }
}

.c-hero-product_subheading {
    color: #f9f9f9
}

.c-hero-product_bottom {
    display: grid
}

@media(min-width: 700px) {
    .c-hero-product_bottom {
        grid-template-columns: 1fr auto 1fr;
        align-items: end
    }
}

@media(max-width: 699px) {
    .c-hero-product_bottom {
        row-gap: 1.25rem;
        text-align: center;
        align-content: end
    }
}

.c-hero-product_hint {
    opacity: .4
}

.c-hero-product_actions {
    display: grid;
    grid-auto-flow: column;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    justify-content: center
}

@media(max-width: 699px) {
    .c-hero-product_actions {
        order: -1
    }
}

.c-hero-product_mobile {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media(min-width: 1000px) {
    .c-hero-product_mobile {
        display: none;
        visibility: hidden
    }
}

.c-product-cta {
    position: relative;
    display: flex;
    color: #fff;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.c-product-cta.-ratio::before {
    content: "";
    float: left
}

@media(max-width: 699px) {
    .c-product-cta.-ratio::before {
        padding-top: 171.4285714286%
    }
}

@media(min-width: 700px) {
    .c-product-cta.-ratio::before {
        padding-top: 156%
    }
}

.c-product-cta.-ratio::after {
    display: table;
    clear: both
}

.c-menu .c-product-cta {
    border-radius: var(--border-radius)
}

@media(min-width: 1000px) {
    .c-product-cta.-footer {
        border-top-right-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
        margin-right: -30px;
        height: 100%
    }
}

@media(max-width: 999px) {
    .c-product-cta.-footer {
        border-bottom-right-radius: var(--border-radius);
        border-bottom-left-radius: var(--border-radius);
        min-height: 25rem
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-product-cta.-footer {
        margin-left: -10px;
        margin-right: -10px
    }
}

.c-product-cta_background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0
}

.c-product-cta_inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: .9375rem .9375rem 2.1875rem .9375rem;
    z-index: 1
}

.c-product-cta_head {
    display: flex;
    justify-content: space-between;
    width: 100%;
    transform: translateZ(0)
}

.c-product-cta_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.c-product-cta_link.focus-visible,
.c-product-cta_link:focus-visible {
    outline: none
}

.c-product-cta_link.focus-visible::after,
.c-product-cta_link:focus-visible::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

html.js-focus-visible .c-product-cta_link.focus-visible::after,
html.js-focus-visible .c-product-cta_link:focus-visible::after {
    outline: 2px dashed currentColor;
    outline-offset: 2px;
    border-radius: 2px
}

@media(max-width: 699px) {
    .c-product-cta_button {
        background-color: #000
    }
}

.c-words-slideshow {
    --item-height: 150;
    position: relative
}

.c-words-slideshow_list {
    margin-top: -100vh
}

.c-words-slideshow_item {
    width: 100%
}

.c-words-slideshow_item:first-child {
    height: calc(var(--vh-initial, 1vh)*var(--item-height) + 100vh)
}

.c-words-slideshow_item:not(:first-child) {
    height: calc(var(--vh-initial, 1vh)*var(--item-height))
}

.c-words-slideshow_item_inner {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.c-words-slideshow_item_sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-words-slideshow_title {
    text-align: center;
    opacity: 0;
    filter: blur(0.6rem);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 20%, 0);
    transform-origin: 50% 100%
}

html.is-first-loaded .c-words-slideshow_title {
    transition: filter .2s cubic-bezier(0.165, 0.84, 0.44, 1) .2s, opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1), transform .2s cubic-bezier(0.165, 0.84, 0.44, 1) .2s
}

.c-words-slideshow_item.is-inview .c-words-slideshow_title {
    opacity: 1;
    filter: blur(0rem);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transition: filter 1.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1.4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-anchors-list {
    position: relative;
    display: flex
}

@media(max-width: 999px) {
    .c-anchors-list {
        flex-direction: column
    }
}

@media(min-width: 1000px) {
    .c-anchors-list::before {
        content: "";
        position: absolute;
        top: 0;
        height: 1px;
        background-color: currentColor
    }
}

@media(min-width: 1000px)and (max-width: 999px) {
    .c-anchors-list::before {
        left: 0;
        right: 0
    }
}

@media(min-width: 1000px)and (min-width: 1000px) {
    .c-anchors-list::before {
        left: -10px;
        right: calc(-1*var(--grid-margin))
    }
}

@media(max-width: 999px) {
    .c-anchors-list_sidebar {
        display: none
    }
}

@media(min-width: 1000px) {
    .c-anchors-list_sidebar {
        flex: 0 0 calc((100% + var(--grid-gutter))/10*3);
        padding-right: var(--grid-gutter)
    }
}

.c-anchors-list_main {
    position: relative
}

@media(min-width: 1000px) {
    .c-anchors-list_main {
        flex: 1 1 auto
    }
}

.c-anchors-list_section {
    position: relative;
    padding-top: var(--header-height)
}

.c-anchors-list_section:not(:last-of-type) {
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
}

@media(max-width: 999px) {
    .c-anchors-list_section {
        border-top: 1px solid currentColor
    }
}

.c-anchors-list_boundary {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden
}

.c-anchors-list_boundary.-list {
    top: calc(-1*var(--header-height))
}

.c-anchors-list_boundary.-section {
    top: 0
}

.c-anchors-list_area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden
}

.c-scaling-visual {
    display: grid;
    row-gap: 3.75rem
}

.c-scaling-visual_media {
    position: relative;
    height: 100%;
    color: #fff;
    z-index: 0;
    aspect-ratio: 932/455
}

@media(max-width: 999px) {
    .c-scaling-visual_media {
        clip-path: inset(0 0 0 0 round var(--border-radius))
    }
}

@media(min-width: 1000px) {
    .c-scaling-visual_media {
        clip-path: inset(0 calc((1 - var(--smooth-progress, 1)) * 60%) 0 0 round var(--border-radius))
    }
}

.c-scaling-visual_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media(min-width: 1000px) {
    .c-scaling-visual_background {
        transform: scale3d(calc(1 + (1 - var(--smooth-progress, 1)) * 0.3), calc(1 + (1 - var(--smooth-progress, 1)) * 0.3), 1) translate3d(calc(-1 * (1 - var(--smooth-progress, 1)) * 30%), 0, 0)
    }
}

.c-scaling-visual_image {
    width: 100%;
    height: 100%;
    position: relative
}

.c-scaling-visual_image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%)
}

.c-scaling-visual_inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.875rem;
    row-gap: 1.875rem
}

@media(min-width: 700px) {
    .c-scaling-visual_inner {
        justify-content: space-between
    }
}

.c-sidebar {
    height: 100%
}

.c-sidebar_inner {
    position: sticky;
    top: var(--header-height)
}

.c-sidebar_inner_area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100*var(--vh, 1vh) - var(--header-height))
}

.c-sidebar_list {
    position: relative;
    width: 100%;
    padding-top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

.c-sidebar_list.-dummy {
    position: absolute;
    top: calc(100*var(--vh, 1vh) - var(--header-height));
    transform: translateY(-100%);
    visibility: hidden
}

.c-sidebar_list:not(.-dummy) .c-sidebar_item:not(:first-of-type) {
    transform: translate3d(0, calc(1px * var(--delta, 0) * (var(--inview-progress, 0) - var(--section-progress, 0))), 0)
}

.c-sidebar_link {
    display: inline-block;
    padding: .25em 0
}

.c-sidebar_item:last-child .c-sidebar_link {
    margin-bottom: -0.25em
}

.c-sidebar.is-active .c-sidebar_link.is-active {
    color: var(--color-primary)
}

.c-sidebar_area {
    position: absolute;
    top: calc(-1*var(--header-height));
    left: 0;
    right: 0;
    height: calc(var(--list-height, 0px) + var(--header-height));
    visibility: hidden
}

.c-accordions_item {
    position: relative
}

.c-accordions_item::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: currentColor;
    opacity: .3
}

.c-accordions_item_toggler {
    position: relative;
    align-items: center;
    width: 100%;
    text-align: left;
    padding: 1.625rem 0;
    z-index: 1
}

.c-accordions_item_toggler::before {
    content: "";
    position: absolute;
    top: -1px;
    height: calc(100% + 2px);
    background-color: var(--color-primary);
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: var(--border-radius)
}

@media(max-width: 999px) {
    .c-accordions_item_toggler::before {
        left: calc(-1*var(--grid-margin));
        width: calc(100% + 2*var(--grid-margin))
    }
}

@media(min-width: 1000px) {
    .c-accordions_item_toggler::before {
        left: calc(-1*var(--grid-gutter));
        width: calc(100% + 2*var(--grid-gutter))
    }
}

.c-accordions.-default .c-accordions_item_toggler {
    display: flex
}

@media(max-width: 699px) {
    .c-accordions.-has-indexes .c-accordions_item_toggler {
        display: flex
    }
}

@media(min-width: 700px) {
    .c-accordions.-has-indexes .c-accordions_item_toggler {
        display: grid;
        grid-template-columns: 5.625rem auto 5.625rem
    }
}

@media(pointer: fine) {
    .c-accordions_item_toggler:hover {
        color: #fff
    }

    .c-accordions_item_toggler:hover::before {
        opacity: 1
    }
}

.c-accordions_item_toggler.focus-visible,
.c-accordions_item_toggler:focus-visible {
    outline: none !important
}

.c-accordions_item_toggler.focus-visible::after,
.c-accordions_item_toggler:focus-visible::after {
    content: "";
    position: absolute;
    top: -3px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 6px)
}

html.js-focus-visible .c-accordions_item_toggler.focus-visible::after,
html.js-focus-visible .c-accordions_item_toggler:focus-visible::after {
    outline: 2px dashed currentColor;
    outline-offset: 2px;
    border-radius: 2px
}

.c-accordions_item_icon {
    display: flex;
    justify-content: flex-end
}

.c-accordions_item_icon_plus {
    position: relative;
    width: 20px;
    height: 20px;
    transition: transform .45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-accordions_item.is-active .c-accordions_item_icon_plus {
    transform: rotate(90deg)
}

.c-accordions_item_icon_plus::before,
.c-accordions_item_icon_plus::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: currentColor
}

.c-accordions_item_icon_plus::before {
    transform: rotate(90deg)
}

.c-accordions_item_icon_plus::before {
    clip-path: inset(0 0 0 0);
    transition: clip-path .45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-accordions_item.is-active .c-accordions_item_icon_plus::before {
    clip-path: inset(100% 0 0 0)
}

@media(max-width: 699px) {
    .c-accordions_item_icon_arrow .o-icon {
        --svg-width: 1.125rem
    }
}

html.is-first-loaded .c-accordions_item_icon_arrow {
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-accordions_item.is-active .c-accordions_item_icon_arrow {
    transform: scaleY(-1)
}

@media(max-width: 699px) {
    .c-accordions_item_index {
        display: none
    }
}

.c-accordions.-default .c-accordions_item_title {
    flex-grow: 1
}

@media(max-width: 699px) {
    .c-accordions.-has-indexes .c-accordions_item_title {
        padding-right: 1.25rem;
        flex-grow: 1
    }
}

@media(min-width: 700px) {
    .c-accordions.-has-indexes .c-accordions_item_title {
        text-align: center;
        padding: 0 1.25rem
    }
}

.c-accordions_item_inner {
    height: 0;
    overflow: hidden;
    visibility: hidden
}

html.is-first-loaded .c-accordions_item_inner {
    transition: height .15s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-accordions_item.is-active .c-accordions_item_inner {
    visibility: visible
}

.c-accordions_item_content {
    padding-top: 2.5rem;
    padding-bottom: 3.75rem;
    opacity: 0
}

html.is-first-loaded .c-accordions_item_content {
    transition: opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1) .2s
}

.c-accordions_item.is-active .c-accordions_item_content {
    opacity: 1
}

@media(min-width: 1400px) {
    .c-accordions.-default .c-accordions_item_content {
        display: flex
    }
}

.c-accordions.-has-indexes .c-accordions_item_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

@media(max-width: 1399px) {
    .c-accordions.-default .c-accordions_item_text {
        max-width: 31.25rem
    }
}

@media(min-width: 1400px) {
    .c-accordions.-default .c-accordions_item_text {
        flex: 0 0 calc((100% + var(--grid-gutter))/7*3);
        padding-right: var(--grid-gutter)
    }
}

.c-accordions.-has-indexes .c-accordions_item_text {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    max-width: 37.5rem
}

@media(min-width: 1000px) {
    .c-accordions.-has-indexes .c-accordions_item_text {
        font-size: 1.375rem
    }
}

@media(max-width: 999px) {
    .c-accordions.-has-indexes .c-accordions_item_text {
        font-size: 1.2375rem
    }
}

@media(max-width: 1399px) {
    .c-accordions_item_image {
        margin-top: 2.5rem
    }
}

@media(min-width: 1400px) {
    .c-accordions_item_image {
        flex-grow: 1
    }
}

.c-accordions.-has-indexes .c-accordions_item_image {
    margin-top: 2.5rem
}

.c-stats-grid {
    display: grid;
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    row-gap: var(--grid-gutter)
}

@media(min-width: 500px) {
    .c-stats-grid {
        grid-template-columns: 1fr 1fr
    }
}

.c-stats-grid_item {
    position: relative;
    height: 100%;
    color: var(--item-text);
    border-radius: var(--border-radius);
    background-color: var(--item-background);
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    z-index: 0
}

.c-stats-grid_item::before {
    content: "";
    float: left;
    padding-top: 120%
}

.c-stats-grid_item::after {
    content: "";
    display: table;
    clear: both
}

.c-stats-grid_item:nth-child(4n+1) {
    --item-background: #FA5C40;
    --item-text: #FFFFFF
}

.c-stats-grid_item:nth-child(4n+2) {
    --item-background: #29525E;
    --item-text: #FFFFFF
}

.c-stats-grid_item:nth-child(4n+3) {
    --item-background: #C4A173;
    --item-text: #000000
}

.c-stats-grid_item:nth-child(4n+4) {
    --item-background: #40522E;
    --item-text: #FFFFFF
}

.c-stats-grid_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.c-stats-grid_item_inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 1.875rem
}

.c-stats-grid_item_text {
    margin-top: 7.5rem
}

.c-table-container {
    width: 100%;
    overflow: auto;
    padding: 20px 0
}

.c-table {
    width: 100%;
    min-width: 400px
}

.c-table_title {
    display: none
}

.c-table_row.-grey {
    background-color: rgb(238.9, 238.9, 238.9)
}

.c-table_column {
    padding: 3px 8px
}

.c-table_column.-section-title {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 700;
    padding: 40px 0 20px 0
}

.c-splash-image {
    position: relative;
    color: var(--color-white);
    text-align: center;
    --color-text: var(--color-white);
    --color-background: $color-black
}

.c-splash-image_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-splash-image_inner {
    min-height: 100vh;
    display: flex;
    align-items: center
}

.c-splash-image_container {
    position: relative;
    z-index: 2
}

.c-hero-home {
    position: relative;
    color: #fff;
    overflow: hidden;
    z-index: 1
}

@media(max-width: 699px) {
    .c-hero-home {
        display: flex;
        flex-direction: column;
        padding-bottom: var(--header-height)
    }

    html.is-touch-device .c-hero-home {
        min-height: calc(var(--vh-initial, 1vh)*100)
    }

    html:not(.is-touch-device) .c-hero-home {
        min-height: calc(var(--vh, 1vh)*100)
    }
}

.c-hero-home_inner {
    width: 100%
}

@media(max-width: 699px) {
    .c-hero-home_inner {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start
    }
}

.c-hero-home_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media(min-width: 700px) {
    .c-hero-home_background {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }
}

.c-hero-home_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale3d(1.2, 1.2, 1)
}

html.is-first-loaded .c-hero-home_image {
    transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

html.is-first-loaded .c-hero-home_image {
    transform: scale3d(1, 1, 1)
}

@media(orientation: portrait) {
    .c-hero-home_image.-landscape {
        display: none
    }
}

@media(orientation: landscape) {
    .c-hero-home_image.-portrait {
        display: none
    }
}

.c-hero-home_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale3d(1.2, 1.2, 1)
}

.c-hero-home_video .c-video {
    width: 100%;
    height: 100%
}

.c-hero-home_video video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

html.is-first-loaded .c-hero-home_video {
    transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

html.is-first-loaded .c-hero-home_video {
    transform: scale3d(1, 1, 1)
}

.c-hero-home_bottom {
    width: 100%;
    padding: 0 var(--grid-margin)
}

html.is-ready .c-hero-home_bottom {
    --extra-delay: 1000ms
}

@media(max-width: 699px) {
    .c-hero-home_bottom {
        display: none
    }
}

.c-hero-home_bottom_inner {
    position: relative;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto 1fr;
    height: 5.75rem
}

.c-hero-home_bottom_inner::before {
    content: "";
    position: absolute;
    top: 0;
    right: calc(-0.5*var(--grid-margin));
    left: calc(-0.5*var(--grid-margin));
    width: auto;
    height: 1px;
    background-color: currentColor;
    transform: scale3d(0, 1, 1);
    transform-origin: top left
}

html.is-first-loaded .c-hero-home_bottom_inner::before {
    transition: transform 1.6s cubic-bezier(0.65, 0.1, 0, 1), opacity 1.6s cubic-bezier(0.65, 0.1, 0, 1);
    transition-delay: calc(var(--extra-delay) - 600ms)
}

html.is-ready .c-hero-home_bottom_inner::before {
    opacity: .3;
    transform: scale3d(1, 1, 1)
}

.c-hero-home_bottom_icon {
    display: inline-block;
    clip-path: inset(0);
    margin-left: -5px;
    line-height: 0
}

.c-hero-home_bottom_icon_inner {
    padding: 5px;
    transform: translate3d(0, -100%, 0)
}

html.is-first-loaded .c-hero-home_bottom_icon_inner {
    transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: var(--extra-delay)
}

html.is-ready .c-hero-home_bottom_icon_inner {
    transform: translate3d(0, 0, 0)
}

.c-hero-home_content {
    pointer-events: none
}

@media(min-width: 700px) {
    .c-hero-home_content {
        display: grid;
        grid-template-rows: var(--header-height) auto 7.5rem;
        row-gap: var(--grid-gutter)
    }

    html.is-touch-device .c-hero-home_content {
        min-height: calc(var(--vh-initial, 1vh)*100)
    }

    html:not(.is-touch-device) .c-hero-home_content {
        min-height: calc(var(--vh, 1vh)*100)
    }
}

.c-hero-home_heading {
    text-align: center;
    pointer-events: all
}

@media(max-width: 699px) {
    .c-hero-home_heading {
        padding: 1.875rem 0
    }
}

@media(min-width: 700px) {
    .c-hero-home_heading {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        grid-row: 2/3
    }
}

.c-hero-home_title {
    --font-size: 19vw;
    white-space: nowrap
}

.c-video {
    position: relative;
    color: #fff;
    overflow: hidden;
    line-height: 1
}

.c-video.-border-radius {
    clip-path: inset(0 round var(--border-radius))
}

.c-video.-overlay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: .3;
    z-index: 3
}

.c-video.-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-video_title {
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    padding: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    --_font-size: 2.75rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-video_title {
        --_font-size: 1.925rem
    }
}

@media(max-width: 699px) {
    .c-video_title {
        --_font-size: 1.65rem
    }
}

.c-video.-splash .c-video_title {
    top: 0;
    display: flex;
    width: 50%;
    height: 100%;
    font-size: 1rem;
    line-height: 1.3;
    font-family: "SuisseIntlMono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
    font-weight: 400;
    line-height: 1.5
}

@media(max-width: 699px) {
    .c-video.-splash .c-video_title {
        padding: var(--grid-margin);
        align-items: flex-end
    }
}

@media(min-width: 700px) {
    .c-video.-splash .c-video_title {
        align-items: center
    }
}

.c-video_duration {
    z-index: 4;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    padding: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
    font-size: 1rem;
    line-height: 1.3;
    font-family: "SuisseIntlMono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
    font-weight: 400;
    line-height: 1.5
}

.c-video.-splash .c-video_duration {
    display: flex;
    justify-content: flex-end;
    height: 100%
}

@media(max-width: 699px) {
    .c-video.-splash .c-video_duration {
        align-items: flex-end
    }
}

@media(min-width: 700px) {
    .c-video.-splash .c-video_duration {
        align-items: center
    }
}

.c-video_media {
    overflow: hidden
}

.c-video_video,
.c-video_image,
.c-video_media {
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background-color: #000;
    -o-object-fit: cover;
    object-fit: cover
}

.c-video.-zoomed-in .c-video_video,
.c-video.-zoomed-in .c-video_image,
.c-video.-zoomed-in .c-video_media {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px)
}

.c-video.-icon .c-video_video,
.c-video.-icon .c-video_image,
.c-video.-icon .c-video_media {
    transition: transform .9s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-video.-icon:hover .c-video_video,
.c-video.-icon:hover .c-video_image,
.c-video.-icon:hover .c-video_media {
    transform: scale3d(1.02, 1.02, 1)
}

.c-video_video {
    z-index: 2
}

.c-video_image {
    z-index: 1
}

.c-video_toggler {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-video.-icon .c-video_toggler {
    align-items: flex-end;
    justify-content: flex-end;
    padding: 5%
}

.c-video.-icon-left .c-video_toggler {
    justify-content: flex-start
}

.c-video_toggler_button {
    z-index: 4
}

.c-video_toggler_button::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-hero-product .c-video_toggler_button {
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.c-hero-product .c-video_toggler_button::before {
    border-radius: 50%
}

.c-video_toggler_label {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: clamp(160px, 280/14.4*1vw, 280px);
    height: clamp(160px, 280/14.4*1vw, 280px)
}

.c-menu .c-video_toggler_label {
    width: clamp(80px, 180/14.4*1vw, 180px);
    height: clamp(80px, 180/14.4*1vw, 180px)
}

@media(max-width: 699px) {
    .c-video.-splash .c-video_toggler_label {
        width: clamp(120px, 180/14.4*1vw, 180px);
        height: clamp(120px, 180/14.4*1vw, 180px)
    }
}

.c-video_toggler_label_inner {
    position: relative;
    clip-path: inset(0)
}

.c-video_toggler_label_item {
    display: block
}

.c-video_toggler_label_item:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 100%, 0)
}

@media(pointer: fine) {
    html.is-first-loaded .c-video_toggler_label_item {
        transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: var(--extra-delay)
    }

    .c-video_toggler_label_item:nth-child(1) {
        --extra-delay: 80ms
    }

    .c-video_toggler_label_item:nth-child(2) {
        --extra-delay: 0s
    }

    html.is-first-loaded .c-video_toggler:hover .c-video_toggler_label_item {
        transition-delay: var(--extra-delay)
    }

    .c-video_toggler:hover .c-video_toggler_label_item:nth-child(1) {
        --extra-delay: 0s;
        transform: translate3d(0, -100%, 0)
    }

    .c-video_toggler:hover .c-video_toggler_label_item:nth-child(2) {
        --extra-delay: 80ms;
        transform: translate3d(0, 0, 0)
    }
}

.c-video_toggler_svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

@media(max-width: 1199px) {
    .c-menu .c-video_toggler_svg {
        display: none
    }
}

@media(hover: hover) {
    .c-video_toggler_circle {
        transform-origin: 50% 50%;
        stroke-dasharray: 616;
        stroke-dashoffset: 616;
        animation: mouseoutVideoToggler 1.2s cubic-bezier(0.6, 0.5, 0, 1) forwards;
        animation-delay: .2s
    }

    .c-video_toggler:hover .c-video_toggler_circle {
        animation: mouseoverVideoToggler 1.2s cubic-bezier(0.2, 0.1, 0, 1) forwards
    }
}

@keyframes mouseoverVideoToggler {
    0% {
        stroke-dasharray: 0;
        transform: rotate(0) scale(1)
    }

    15% {
        stroke-dasharray: 2, 10
    }

    100% {
        stroke-dasharray: 2, 10;
        transform: rotate(35deg) scale(0.9)
    }
}

@keyframes mouseoutVideoToggler {
    from {
        transform: rotate(-45deg);
        stroke-dashoffset: 616
    }

    to {
        transform: rotate(85deg);
        stroke-dashoffset: 0
    }
}

.c-button-icon {
    --border-radius: 100%;
    width: 3.125rem;
    height: 3.125rem;
    position: relative;
    color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
    overflow: hidden;
    transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.c-button-icon::before,
.c-button-icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius)
}

.c-button-icon::before {
    z-index: 0;
    background-color: #fff
}

.c-button-icon::after {
    z-index: 1;
    background-color: var(--color-primary);
    transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translate3d(-100%, -100%, 0) scale3d(0, 0, 0)
}

@media(pointer: fine) {

    .c-button-icon:hover,
    a:hover .c-button-icon,
    button:hover .c-button-icon,
    .u-hover:hover .c-button-icon {
        color: #fff
    }

    .c-button-icon:hover::after,
    a:hover .c-button-icon::after,
    button:hover .c-button-icon::after,
    .u-hover:hover .c-button-icon::after {
        transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }
}

.c-button-icon_svg {
    position: relative;
    z-index: 2
}

.c-button-icon.-close {
    --border-radius: 10px
}

.c-button-icon.-close::after {
    background-color: #E8E8E8
}

@media(pointer: fine) {

    .c-button-icon.-close:hover,
    a:hover .c-button-icon.-close,
    button:hover .c-button-icon.-close,
    .u-hover:hover .c-button-icon.-close {
        color: #000
    }
}

.c-button-icon.-switch {
    width: 2.1875rem;
    height: 2.1875rem
}

.c-button-icon.-switch::after {
    opacity: 0;
    transform: scale3d(0, 0, 0);
    transition: opacity .6s cubic-bezier(0.165, 0.84, 0.44, 1), transform .6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(pointer: fine) {

    .c-button-icon.-switch:hover::after,
    a:hover .c-button-icon.-switch::after,
    button:hover .c-button-icon.-switch::after,
    .u-hover:hover .c-button-icon.-switch::after {
        opacity: 1;
        transform: scale3d(1, 1, 1);
        transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }
}

.c-push-image_inner {
    padding: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny))) 0;
    background-color: var(--color-contrast);
    border-radius: var(--border-radius)
}

@media(max-width: 699px) {
    .c-push-image_inner {
        display: flex;
        flex-direction: column;
        padding: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
    }
}

@media(min-width: 700px) {
    .c-push-image_inner {
        display: grid;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        -moz-column-gap: 20px;
        column-gap: 20px;
        align-items: center
    }
}

.c-push-image_label-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media(max-width: 699px) {
    .c-push-image_label-container {
        flex-direction: column
    }
}

.c-push-image_label {
    margin-bottom: .625rem
}

@media(min-width: 700px) {
    .c-push-image_label:not(:last-child) {
        margin-right: 3.75rem
    }
}

.c-push-image_content {
    display: flex;
    flex-direction: column
}

@media(min-width: 700px) {
    .c-push-image_content {
        grid-column-start: 1
    }
}

@media(min-width: 700px)and (max-width: 1599px) {
    .c-push-image_content {
        grid-column-end: 5
    }
}

@media(min-width: 1600px) {
    .c-push-image_content {
        grid-column-end: 4
    }
}

@media(max-width: 699px) {
    .c-push-image_content {
        padding: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny))) 0 clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
    }
}

@media(min-width: 700px) {
    .c-push-image_content {
        padding: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large))) 0 clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large))) clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
    }
}

.c-push-image_content_item:not(:first-child) {
    margin-top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

.c-push-image_visual {
    position: relative
}

.c-push-image_visual::before {
    content: "";
    padding-top: 100%
}

.c-push-image.-visual-small .c-push-image_visual::before {
    padding-top: 70%
}

@media(max-width: 699px) {
    .c-push-image_visual::before {
        display: block
    }
}

@media(min-width: 700px) {
    .c-push-image_visual::before {
        float: left
    }
}

@media(min-width: 700px) {
    .c-push-image_visual {
        grid-column-end: -1;
        padding-right: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)));
        height: 100%
    }

    .c-push-image_visual::after {
        content: "";
        display: table;
        clear: both
    }
}

@media(max-width: 699px) {
    .c-push-image_visual {
        margin-top: 1.25rem
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-push-image_visual {
        grid-column-start: 6
    }
}

@media(min-width: 1000px) {
    .c-push-image_visual {
        grid-column-start: 6
    }
}

.c-push-image_image {
    width: 100%;
    height: 100%
}

@media(max-width: 699px) {
    .c-push-image_image {
        position: absolute;
        top: 0;
        left: 0
    }
}

@media(min-width: 700px) {
    .c-push-image_image {
        position: relative
    }
}

.c-scaling-video {
    --scaling-duration: 300vh;
    width: 100%;
    height: calc(200vh + var(--scaling-duration));
    margin-bottom: -100vh
}

.c-scaling-video_sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden
}

.c-scaling-video_visual {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url(../images/logos/symbol.svg);
    mask-image: url(../images/logos/symbol.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    z-index: 2
}

.c-scaling-video_visual::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, var(--overlay-opacity, 0));
    z-index: 2
}

@media(orientation: landscape) {
    .c-scaling-video_visual {
        -webkit-mask-size: auto calc(100%*var(--scaling-value));
        mask-size: auto calc(100%*var(--scaling-value))
    }
}

@media(orientation: portrait) {
    .c-scaling-video_visual {
        -webkit-mask-size: calc(100%*var(--scaling-value)) auto;
        mask-size: calc(100%*var(--scaling-value)) auto
    }
}

.c-scaling-video_visual_inner {
    width: 100%;
    height: 100%
}

.c-scaling-video_video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-scaling-video_shapes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.c-scaling-video_shapes_item {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.c-scaling-video_shapes_item:nth-child(1) {
    color: #fa5c40;
    z-index: 4
}

.c-scaling-video_shapes_item:nth-child(2) {
    color: #c4a173;
    z-index: 3
}

.c-scaling-video_shapes_item:nth-child(3) {
    color: #faf6ef;
    z-index: 2
}

.c-scaling-video_shapes_item:nth-child(4) {
    color: #e0dbd4;
    z-index: 1
}

.c-scaling-video.is-inview .c-scaling-video_shapes_item {
    will-change: transform
}

@media(orientation: landscape) {
    .c-scaling-video_shapes_item_inner {
        width: 100%;
        height: 60%
    }
}

@media(orientation: portrait) {
    .c-scaling-video_shapes_item_inner {
        width: 60%;
        height: 100%
    }
}

.c-scaling-video_shapes_svg {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.c-carousel {
    overflow: hidden
}

.c-carousel_swiper {
    overflow: visible
}

.c-carousel_pagination.swiper-pagination {
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    height: 2px
}

.c-carousel_pagination.swiper-pagination::before {
    position: absolute;
    top: 50%;
    height: 1px;
    left: 0;
    right: 0;
    content: "";
    background-color: #000;
    opacity: .5
}

.c-carousel_pagination.swiper-pagination .swiper-pagination-progressbar-fill {
    background-color: #000
}

.c-carousel_thumbnail {
    overflow: hidden;
    margin: var(--grid-margin) auto 0 auto
}

@media(min-width: 1000px) {
    .c-carousel_thumbnail {
        width: calc((100vw - var(--grid-gutter) * (var(--grid-columns) - 1) - var(--grid-margin) * 2) / var(--grid-columns) * 6 + var(--grid-gutter) * (6 - 1))
    }
}

.c-carousel_thumbnail_swiper.-center .swiper-wrapper {
    justify-content: center
}

.c-carousel_thumbnail_item {
    opacity: .5;
    cursor: pointer
}

.c-carousel_thumbnail_item:hover {
    opacity: 1
}

.c-carousel_thumbnail_item.swiper-slide-thumb-active {
    opacity: 1
}

html.is-first-loaded .c-carousel_thumbnail_item {
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-carousel_navigation {
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 2
}

@media(min-width: 1000px) {
    .c-carousel_navigation {
        width: 6.875rem;
        padding: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(max-width: 999px) {
    .c-carousel_navigation {
        width: 6.25rem;
        padding: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)));
        display: none
    }
}

.c-carousel_navigation.-prev {
    left: 0
}

.c-carousel_navigation.-next {
    right: 0
}

.c-tile {
    position: relative;
    display: grid;
    gap: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)));
    grid-template-columns: repeat(1, 1fr);
    line-height: 1
}

@media(min-width: 1000px) {

    .c-article-listing_item:nth-child(1) .c-tile,
    .c-article-listing_item:nth-child(5) .c-tile {
        margin-left: -30px
    }

    .c-article-listing_item:nth-child(2) .c-tile,
    .c-article-listing_item:nth-child(4) .c-tile {
        margin-right: -30px
    }
}

/* .c-tile_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
} */

.c-tile_date {
    font-family: "SuisseIntlMono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
    font-weight: 400;
    line-height: 1.5;
    font-size: .875rem;
    line-height: 1.1
}

@media(min-width: 1200px) {
    .c-tile.-default .c-tile_date {
        padding-left: 30px;
        padding-top: .5rem
    }
}

@media(min-width: 1000px) {
    .c-article-listing_item:nth-child(3) .c-tile.-default .c-tile_date {
        grid-column-start: 1;
        grid-column-end: 3
    }
}

.c-tile_title {
    line-height: 1.5;
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400
}

@media(min-width: 1000px) {
    .c-tile_title {
        font-size: 1.375rem
    }
}

@media(max-width: 999px) {
    .c-tile_title {
        font-size: 1.2375rem
    }
}

.c-tile.-compact .c-tile_title {
    padding-right: 20%
}

@media(min-width: 1000px) {
    .c-tile.-default .c-tile_title {
        min-height: 5.625rem
    }

    .c-article-listing_item:nth-child(2) .c-tile.-default .c-tile_title,
    .c-article-listing_item:nth-child(5) .c-tile.-default .c-tile_title {
        grid-column-start: 2;
        grid-column-end: 4
    }

    .c-article-listing_item:nth-child(3) .c-tile.-default .c-tile_title {
        grid-column-start: 3;
        grid-column-end: 6
    }
}

@media(hover: hover) {
    .c-tile:hover .c-tile_title {
        color: var(--color-primary)
    }
}

@media(min-width: 1000px) {

    .c-article-listing_item:nth-child(2) .c-tile.-default .c-tile_img::before,
    .c-article-listing_item:nth-child(5) .c-tile.-default .c-tile_img::before {
        padding-bottom: 66.6666666667%
    }

    .c-article-listing_item:nth-child(3) .c-tile.-default .c-tile_img::before {
        padding-bottom: 57.1428571429%
    }
}

.c-tile_info {
    display: grid;
    row-gap: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
}

@media(min-width: 1000px) {

    .c-article-listing_item:nth-child(1) .c-tile.-default .c-tile_info,
    .c-article-listing_item:nth-child(4) .c-tile.-default .c-tile_info {
        grid-template-columns: repeat(2, 1fr)
    }

    .c-article-listing_item:nth-child(3) .c-tile.-default .c-tile_info {
        grid-template-columns: repeat(5, 1fr)
    }

    .c-article-listing_item:nth-child(2) .c-tile.-default .c-tile_info,
    .c-article-listing_item:nth-child(5) .c-tile.-default .c-tile_info {
        grid-template-columns: repeat(3, 1fr)
    }
}

.c-footer {
    margin-top: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)));
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
}

@media(max-width: 699px) {
    .c-footer {
        padding-bottom: var(--header-height)
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-footer {
        padding-bottom: var(--grid-margin)
    }
}

.c-footer_logo {
    text-align: center;
    position: relative
}

@media(min-width: 1000px) {
    .c-footer_logo {
        transform: translate3d(0, calc((1 - var(--smooth-progress, 0)) * 20vw), 0)
    }
}

.c-footer_logo_svg {
    width: 55.5555555556vw;
    height: 22.2222222222vw;
    margin-bottom: -1.3888888889vw
}

@media(min-width: 700px) {
    html:not(.is-touch-device) .c-footer_logo_symbol.-left {
        transform: translateX(calc(11.25vw * (1 - var(--smooth-progress))))
    }

    html:not(.is-touch-device) .c-footer_logo_symbol.-right {
        transform: translateX(calc(-11.25vw * (1 - var(--smooth-progress))))
    }
}

@media(min-width: 700px) {
    html:not(.is-touch-device) .c-footer_logo_letter.-letter-0 {
        transform: translateY(calc(180 * (1 - var(--smooth-progress)) * 1%))
    }

    html:not(.is-touch-device) .c-footer_logo_letter.-letter-1 {
        transform: translateY(calc(230 * (1 - var(--smooth-progress)) * 1%))
    }

    html:not(.is-touch-device) .c-footer_logo_letter.-letter-2 {
        transform: translateY(calc(160 * (1 - var(--smooth-progress)) * 1%))
    }

    html:not(.is-touch-device) .c-footer_logo_letter.-letter-3 {
        transform: translateY(calc(250 * (1 - var(--smooth-progress)) * 1%))
    }

    html:not(.is-touch-device) .c-footer_logo_letter.-letter-4 {
        transform: translateY(calc(210 * (1 - var(--smooth-progress)) * 1%))
    }

    html:not(.is-touch-device) .c-footer_logo_letter.-letter-5 {
        transform: translateY(calc(170 * (1 - var(--smooth-progress)) * 1%))
    }

    html:not(.is-touch-device) .c-footer_logo_letter.-letter-6 {
        transform: translateY(calc(160 * (1 - var(--smooth-progress)) * 1%))
    }

    html:not(.is-touch-device) .c-footer_logo_letter.-letter-7 {
        transform: translateY(calc(240 * (1 - var(--smooth-progress)) * 1%))
    }

    html:not(.is-touch-device) .c-footer_logo_letter.-letter-8 {
        transform: translateY(calc(230 * (1 - var(--smooth-progress)) * 1%))
    }
}

.c-footer_nav {
    position: relative;
    z-index: 2
}

@media(min-width: 1000px) {
    .c-footer_nav {
        font-size: 1rem;
        line-height: 1.3
    }
}

@media(max-width: 999px) {
    .c-footer_nav {
        font-size: 1.125rem;
        line-height: 1.6
    }
}

.c-footer_nav::before {
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    background-color: var(--color-footer);
    border-radius: var(--border-radius);
    z-index: -1
}

@media(min-width: 1000px) {
    .c-footer_nav::before {
        left: -30px;
        right: -30px
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-footer_nav::before {
        left: -10px;
        right: -10px
    }
}

@media(max-width: 699px) {
    .c-footer_nav::before {
        left: 0;
        right: 0
    }
}

.c-footer_nav_label {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

@media(min-width: 1000px) {
    .c-footer_nav_label {
        font-size: 1rem;
        line-height: 1.3
    }
}

@media(max-width: 999px) {
    .c-footer_nav_label {
        font-size: 1.125rem;
        line-height: 1.6
    }
}

.c-footer_nav_link {
    display: inline-block;
    padding: 2px 0;
    text-align: left
}

@media(min-width: 1000px) {
    .c-footer_grid {
        row-gap: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large))) !important;
        padding: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium))) 0
    }
}

@media(max-width: 999px) {
    .c-footer_grid {
        padding: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium))) clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small))) clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small))) clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
        row-gap: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium))) !important
    }
}

.c-footer_credit {
    align-items: end;
    height: 100%;
    padding-bottom: 1.25rem
}

@media(max-width: 999px) {
    .c-footer_social {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
    }
}

.c-newsletter_title {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
}

@media(min-width: 1000px) {
    .c-newsletter_title {
        font-size: 1rem;
        line-height: 1.3
    }
}

@media(max-width: 999px) {
    .c-newsletter_title {
        font-size: 1.125rem;
        line-height: 1.6
    }
}

.c-dual-cta {
    display: flex;
    pointer-events: none
}

@media(max-width: 999px) {
    .c-dual-cta {
        flex-direction: column
    }
}

@media(min-width: 1000px) {
    .c-dual-cta {
        justify-content: space-between
    }
}

.c-dual-cta_item {
    position: relative;
    z-index: 0
}

@media(max-width: 999px) {
    .c-dual-cta_item {
        width: 100%
    }

    .c-dual-cta_item+.c-dual-cta_item {
        margin-top: var(--grid-margin)
    }
}

@media(min-width: 1000px)and (pointer: coarse) {
    .c-dual-cta_item {
        width: calc((100% - var(--grid-gutter))/2)
    }
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-dual-cta_item {
        width: calc((100% + var(--grid-gutter))/10*6 - var(--grid-gutter));
        overflow: hidden;
        -webkit-mask-image: -webkit-radial-gradient(white, black);
        border-radius: var(--border-radius)
    }

    html.is-first-loaded .c-dual-cta_item {
        transition: clip-path .45s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-dual-cta_item:nth-child(2) {
        margin-left: calc(-1*(100% + var(--grid-gutter))/10*2)
    }

    .c-dual-cta_item::before {
        content: "";
        float: left;
        padding-top: 64.824120603%
    }

    .c-dual-cta_item::after {
        display: table;
        clear: both
    }
}

.c-dual-cta_item_wrap {
    pointer-events: all
}

@media(min-width: 1000px)and (pointer: coarse) {
    .c-dual-cta_item_wrap {
        display: flex;
        flex-direction: column;
        height: 100%
    }
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-dual-cta_item_wrap {
        width: 100%;
        height: 100%;
        overflow: hidden;
        -webkit-mask-image: -webkit-radial-gradient(white, black);
        border-radius: var(--border-radius)
    }

    html.is-first-loaded .c-dual-cta_item_wrap {
        transition: transform .45s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-dual-cta_item:nth-child(1) .c-dual-cta_item_wrap {
        transform: translate3d(calc(-1 * (100% + var(--grid-gutter)) / 6), 0, 0)
    }

    .c-dual-cta_item:nth-child(2) .c-dual-cta_item_wrap {
        transform: translate3d(calc((100% + var(--grid-gutter)) / 6), 0, 0)
    }

    .c-dual-cta:hover .c-dual-cta_item:hover .c-dual-cta_item_wrap {
        transform: translate3d(0, 0, 0)
    }

    .c-dual-cta:hover .c-dual-cta_item:nth-child(1):not(:hover) .c-dual-cta_item_wrap {
        transform: translate3d(calc(-2 * (100% + var(--grid-gutter)) / 6), 0, 0)
    }

    .c-dual-cta:hover .c-dual-cta_item:nth-child(2):not(:hover) .c-dual-cta_item_wrap {
        transform: translate3d(calc(2 * (100% + var(--grid-gutter)) / 6), 0, 0)
    }
}

@media(max-width: 999px), (pointer: coarse) {
    .c-dual-cta_background {
        position: relative;
        padding-top: 60.773480663%;
        overflow: hidden;
        border-radius: var(--border-radius);
        -webkit-mask-image: -webkit-radial-gradient(white, black);
        z-index: 1
    }
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-dual-cta_background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1
    }

    .c-dual-cta_item:nth-child(1) .c-dual-cta_background {
        transform: translate3d(calc(0.5 * (100% + var(--grid-gutter)) / 6), 0, 0)
    }

    .c-dual-cta_item:nth-child(2) .c-dual-cta_background {
        transform: translate3d(calc(-0.5 * (100% + var(--grid-gutter)) / 6), 0, 0)
    }

    html.is-first-loaded .c-dual-cta_background {
        transition: transform .45s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-dual-cta:hover .c-dual-cta_item:hover .c-dual-cta_background {
        transform: translate3d(0, 0, 0)
    }

    .c-dual-cta:hover .c-dual-cta_item:nth-child(1):not(:hover) .c-dual-cta_background {
        transform: translate3d(calc((100% + var(--grid-gutter)) / 6), 0, 0)
    }

    .c-dual-cta:hover .c-dual-cta_item:nth-child(2):not(:hover) .c-dual-cta_background {
        transform: translate3d(calc(-1 * (100% + var(--grid-gutter)) / 6), 0, 0)
    }
}

.c-dual-cta_image {
    width: 100%;
    height: 100%
}

.c-dual-cta_content {
    width: 100%;
    height: 100%;
    color: #fff
}

.c-dual-cta_content::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.c-dual-cta_item:nth-child(1) .c-dual-cta_content::before {
    background-color: var(--color-secondary)
}

.c-dual-cta_item:nth-child(2) .c-dual-cta_content::before {
    background-color: var(--color-primary)
}

@media(max-width: 999px), (pointer: coarse) {
    .c-dual-cta_content::before {
        top: calc(-1*var(--border-radius))
    }
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-dual-cta_content::before {
        top: 0
    }
}

@media(min-width: 1000px)and (pointer: coarse) {
    .c-dual-cta_content {
        display: flex;
        flex-direction: column
    }
}

@media(max-width: 999px), (pointer: coarse) {
    .c-dual-cta_content {
        position: relative
    }

    .c-dual-cta_content::before {
        border-bottom-left-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius)
    }
}

@media(min-width: 1000px)and (pointer: fine) {
    html.is-first-loaded .c-dual-cta_content {
        transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-dual-cta:hover .c-dual-cta_item:not(:hover) .c-dual-cta_content {
        opacity: 0
    }

    .c-dual-cta_content::before {
        opacity: 0
    }

    html.is-first-loaded .c-dual-cta_content::before {
        transition: opacity .15s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-dual-cta:hover .c-dual-cta_item:hover .c-dual-cta_content::before {
        opacity: 1
    }
}

.c-dual-cta_content_wrap {
    width: 100%
}

@media(max-width: 999px), (pointer: coarse) {
    .c-dual-cta_content_wrap {
        padding: 0 1.5625rem;
        height: 100%
    }
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-dual-cta_content_wrap {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: calc((100% + var(--grid-gutter))/6*5 - var(--grid-gutter));
        height: 100%;
        padding: 2.5rem 2.5rem 0 2.5rem;
        border-radius: var(--border-radius);
        overflow: hidden;
        -webkit-mask-image: -webkit-radial-gradient(white, black)
    }

    html.is-first-loaded .c-dual-cta_content_wrap {
        transition: transform .45s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-dual-cta_item:nth-child(1) .c-dual-cta_content_wrap {
        transform: translate3d(calc((100% + var(--grid-gutter)) / 5), 0, 0)
    }

    .c-dual-cta:hover .c-dual-cta_item:nth-child(1):hover .c-dual-cta_content_wrap {
        transform: translate3d(0, 0, 0)
    }

    .c-dual-cta:hover .c-dual-cta_item:nth-child(1):not(:hover) .c-dual-cta_content_wrap {
        transform: translate3d(calc(2 * (100% + var(--grid-gutter)) / 5), 0, 0)
    }
}

@media(max-width: 999px), (pointer: coarse) {
    .c-dual-cta_content_inner {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding: 1.875rem 0
    }
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-dual-cta_content_inner {
        padding-bottom: 2.5rem;
        transform: translate3d(0, 100%, 0)
    }

    html.is-first-loaded .c-dual-cta_content_inner {
        transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-dual-cta:hover .c-dual-cta_item:hover .c-dual-cta_content_inner {
        transform: translate3d(0, 0, 0)
    }
}

.c-dual-cta_content_title {
    padding-bottom: 1.875rem
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-dual-cta_content_title {
        transform: translate3d(0, -100%, 0)
    }

    html.is-first-loaded .c-dual-cta_content_title {
        transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-dual-cta:hover .c-dual-cta_item:hover .c-dual-cta_content_title {
        transform: translate3d(0, 0, 0)
    }
}

.c-dual-cta_content_text {
    padding-bottom: 1.25rem
}

.c-dual-cta_link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.c-horizontal-panel {
    position: relative
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-horizontal-panel_list {
        width: auto;
        height: calc(100vh - 20px);
        padding-top: calc(var(--header-height) - 1.25rem);
        display: inline-flex;
        padding-left: calc(var(--grid-margin) + calc((100vw - var(--grid-gutter) * (var(--grid-columns) - 1) - var(--grid-margin) * 2) / var(--grid-columns) * 5 + var(--grid-gutter) * (5 - 1)) + 20px);
        padding-right: 10px
    }
}

@media(max-width: 999px), (pointer: coarse) {
    .c-horizontal-panel_list {
        display: flex;
        flex-direction: column
    }
}

.c-horizontal-panel.is-inview .c-horizontal-panel_list {
    will-change: transform
}

.c-horizontal-panel_item {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    position: relative;
    border-radius: var(--border-radius);
    overflow: hidden;
    color: #fff
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-horizontal-panel_item.-small {
        width: 43.75rem
    }

    .c-horizontal-panel_item.-medium {
        width: calc((100vw - var(--grid-gutter) * (var(--grid-columns) - 1) - var(--grid-margin) * 2) / var(--grid-columns) * 5 + var(--grid-gutter) * (5 - 1))
    }

    .c-horizontal-panel_item.-large {
        width: calc((100vw - var(--grid-gutter) * (var(--grid-columns) - 1) - var(--grid-margin) * 2) / var(--grid-columns) * 7 + var(--grid-gutter) * (7 - 1))
    }

    .c-horizontal-panel_item.-huge {
        width: 87.5rem
    }

    .c-horizontal-panel_item.-fullwidth {
        width: calc(100vw - 20px)
    }
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-horizontal-panel_item+.c-horizontal-panel_item {
        margin-left: 10px
    }
}

@media(min-width: 700px)and (pointer: coarse) {
    .c-horizontal-panel_item+.c-horizontal-panel_item {
        margin-top: 20px
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-horizontal-panel_item+.c-horizontal-panel_item {
        margin-top: 20px
    }
}

@media(max-width: 699px) {
    .c-horizontal-panel_item+.c-horizontal-panel_item {
        margin-top: 10px
    }
}

.c-horizontal-panel_sticky {
    overflow: hidden
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-horizontal-panel_sticky {
        position: sticky;
        top: var(--sticky-top)
    }
}

@media(min-width: 700px)and (pointer: coarse) {
    .c-horizontal-panel_sticky {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-horizontal-panel_sticky {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media(max-width: 699px) {
    .c-horizontal-panel_sticky {
        padding-left: 10px;
        padding-right: 10px
    }
}

.c-horizontal-panel_title.-center {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    --_font-size: 3.375rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-horizontal-panel_title.-center {
        --_font-size: 2.3625rem
    }
}

@media(max-width: 699px) {
    .c-horizontal-panel_title.-center {
        --_font-size: 2.025rem
    }
}

.c-horizontal-panel_quote {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-horizontal-panel_quote {
        padding: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small))) 8.125rem clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small))) clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(max-width: 999px), (pointer: coarse) {
    .c-horizontal-panel_quote {
        padding: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

.c-horizontal-panel_quote_content {
    margin: 0;
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400
}

@media(min-width: 1000px) {
    .c-horizontal-panel_quote_content {
        --_font-size: 3.375rem;
        font-size: var(--font-size, var(--_font-size));
        line-height: 1.1
    }
}

@media(min-width: 1000px)and (min-width: 700px)and (max-width: 999px) {
    .c-horizontal-panel_quote_content {
        --_font-size: 2.3625rem
    }
}

@media(min-width: 1000px)and (max-width: 699px) {
    .c-horizontal-panel_quote_content {
        --_font-size: 2.025rem
    }
}

@media(max-width: 999px) {
    .c-horizontal-panel_quote_content {
        line-height: 1.1;
        font-size: var(--font-size, clamp(2.5rem, 4.8611111111vw, 4.375rem));
        max-width: 37.5rem
    }
}

.c-horizontal-panel_quote_content .word:first-child {
    text-indent: 1.5em
}

.c-horizontal-panel_quote_icon {
    position: absolute;
    top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
    left: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
    display: flex;
    align-items: center;
    height: 1em
}

.c-horizontal-panel_quote_icon .o-icon {
    --svg-width: 1em
}

.c-horizontal-panel_quote_caption {
    font-size: 1.125rem;
    line-height: 1.6;
    font-family: "SuisseIntlMono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
    font-weight: 400;
    line-height: 1.5;
    line-height: 1.4
}

@media(max-width: 999px), (pointer: coarse) {
    .c-horizontal-panel_quote_caption {
        padding-top: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
    }
}

.c-horizontal-panel_quote_caption_name {
    display: block
}

.c-horizontal-panel_text {
    display: grid;
    gap: 20px;
    padding: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-horizontal-panel_text {
        grid-template-columns: repeat(9, 1fr);
        height: 100%
    }
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-horizontal-panel_text_content {
        grid-column-start: 1;
        grid-column-end: 6
    }
}

.c-horizontal-panel_text_content {
    --extra-delay: 0ms;
    line-height: 1.15
}

@media(min-width: 1000px) {
    .c-horizontal-panel_text_content {
        font-size: clamp(1.875rem, 5.25vh, 2.625rem)
    }
}

@media(max-width: 999px) {
    .c-horizontal-panel_text_content {
        --_font-size: 3.375rem;
        font-size: var(--font-size, var(--_font-size));
        line-height: 1.1
    }
}

@media(max-width: 999px)and (min-width: 700px)and (max-width: 999px) {
    .c-horizontal-panel_text_content {
        --_font-size: 2.3625rem
    }
}

@media(max-width: 999px)and (max-width: 699px) {
    .c-horizontal-panel_text_content {
        --_font-size: 2.025rem
    }
}

.c-horizontal-panel_text_content p+p {
    margin-top: .8em
}

.c-horizontal-panel_text_content .char {
    opacity: .5
}

html.is-first-loaded .c-horizontal-panel_text_content .char {
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: calc(var(--char-index)*10ms + var(--extra-delay))
}

.c-horizontal-panel_text_content.is-inview .char {
    opacity: 1
}

.c-horizontal-panel_stats {
    display: flex;
    align-items: center
}

@media(max-width: 699px), (min-width: 1000px) {
    .c-horizontal-panel_stats {
        flex-direction: column;
        justify-content: space-between
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-horizontal-panel_stats {
        flex-wrap: wrap
    }
}

@media(min-width: 1000px) {
    .c-horizontal-panel_stats {
        grid-column-start: 6;
        grid-column-end: 10;
        padding: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny))) 0
    }
}

@media(max-width: 999px) {
    .c-horizontal-panel_stats {
        padding: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small))) 0
    }
}

@media(max-width: 699px), (min-width: 1000px) {
    .c-horizontal-panel_stats_item+.c-horizontal-panel_stats_item {
        margin-top: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-horizontal-panel_stats_item+.c-horizontal-panel_stats_item {
        margin-left: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
    }
}

.c-horizontal-panel_stats_info {
    display: flex;
    flex-direction: column;
    align-items: center
}

.c-horizontal-panel_stats_number {
    font-family: "SohneSchmal", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    line-height: .9;
    text-transform: uppercase;
    position: relative
}

@media(min-width: 1000px) {
    .c-horizontal-panel_stats_number {
        font-size: 30vh
    }
}

@media(max-width: 999px) {
    .c-horizontal-panel_stats_number {
        font-size: 12.5rem
    }
}

.c-horizontal-panel_stats_number sup {
    position: absolute;
    top: .85em;
    font-size: .15em;
    left: 105%
}

.c-horizontal-panel_stats_label {
    font-size: 1.125rem;
    line-height: 1.6;
    font-family: "SuisseIntlMono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
    font-weight: 400;
    line-height: 1.5;
    line-height: 1.4;
    opacity: .4
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-horizontal-panel_video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media(max-width: 999px), (pointer: coarse) {
    .c-horizontal-panel_video {
        position: relative
    }

    .c-horizontal-panel_video:before {
        content: "";
        display: block;
        padding-bottom: 100%;
        width: 100%
    }
}

@media(min-width: 1000px)and (pointer: fine) {
    .c-horizontal-panel_background {
        width: 100%;
        height: 100%
    }
}

@media(max-width: 999px), (pointer: coarse) {
    .c-horizontal-panel_background {
        position: relative
    }

    .c-horizontal-panel_background:before {
        content: "";
        display: block;
        padding-bottom: 100%;
        width: 100%
    }
}

.c-fadein-paragraph {
    display: flex;
    justify-content: center;
    padding-top: 50vh
}

.c-fadein-paragraph_inner {
    position: relative
}

.c-fadein-paragraph_text {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    --_font-size: 2.75rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1;
    transform: translateY(-0.55em);
    max-width: 40.625rem;
    text-align: center
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-fadein-paragraph_text {
        --_font-size: 1.925rem
    }
}

@media(max-width: 699px) {
    .c-fadein-paragraph_text {
        --_font-size: 1.65rem
    }
}

.c-fadein-paragraph_text .u-anim-text_line.blank {
    display: block;
    height: 1em
}

.c-fadein-paragraph_line {
    display: block;
    opacity: .1;
    filter: blur(0.1rem)
}

html.is-first-loaded .c-fadein-paragraph_line {
    transition: opacity .6s cubic-bezier(0.165, 0.84, 0.44, 1), filter 1.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-fadein-paragraph_line.is-active {
    opacity: 1;
    filter: blur(0rem)
}

.c-fadein-paragraph_line.-empty {
    min-height: 1.1em
}

.c-fadein-paragraph_line_inner {
    display: block;
    opacity: 0;
    transform: translate3d(0, 150%, 0)
}

html.is-first-loaded .c-fadein-paragraph_line_inner {
    transition: transform .9s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .9s cubic-bezier(0.165, 0.84, 0.44, 1)
}

html.is-ready .c-fadein-paragraph_line_inner {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-delay: calc(var(--line-index)*.06s + 200ms)
}

@media(min-width: 700px) {
    .c-article-listing {
        padding-top: var(--header-height)
    }

    html.is-touch-device .c-article-listing {
        min-height: calc(var(--vh-initial, 1vh)*100)
    }

    html:not(.is-touch-device) .c-article-listing {
        min-height: calc(var(--vh, 1vh)*100)
    }
}

.c-article-listing_header {
    position: relative
}

.c-article-listing_header_title {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    line-height: .95;
    font-size: var(--font-size, clamp(5rem, 9.0277777778vw, 8.125rem))
}

.c-article-listing_header_counter {
    font-size: 34.7222222222vw;
    font-family: "SohneSchmal", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    line-height: .9;
    text-transform: uppercase
}

@media(min-width: 1000px) {
    .c-article-listing_header_counter {
        top: calc(var(--vh-initial, 1vh)*100 - var(--header-height));
        transform: translateY(-100%)
    }
}

@media(min-width: 1000px) {
    .c-article-listing_header_counter {
        position: absolute;
        right: 0
    }
}

@media(max-width: 999px) {
    .c-article-listing_header_counter {
        text-align: right;
        padding-top: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
    }
}

.c-article-listing_header_title {
    margin-bottom: 20vh
}

@media(min-width: 1000px) {
    .c-article-listing_header_text {
        max-width: 25rem
    }
}

.c-article-listing_list {
    display: grid;
    gap: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)));
    -moz-column-gap: 20px;
    column-gap: 20px
}

@media(min-width: 1000px) {
    .c-article-listing_list {
        grid-template-columns: repeat(10, 1fr);
        padding-top: 15vh;
        align-items: end
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-article-listing_list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width: 999px) {
    .c-article-listing_list {
        padding-top: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
    }
}

@media(min-width: 1000px) {
    .c-article-listing_item:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 7;
        order: 1
    }

    .c-article-listing_item:nth-child(2) {
        grid-column-start: 8;
        grid-column-end: 11;
        order: 2
    }

    .c-article-listing_item:nth-child(3) {
        grid-column-start: 2;
        grid-column-end: 7;
        order: 3
    }

    .c-article-listing_item:nth-child(4) {
        grid-column-start: 5;
        grid-column-end: 11;
        order: 5
    }

    .c-article-listing_item:nth-child(5) {
        grid-column-start: 1;
        grid-column-end: 4;
        order: 4
    }
}

.c-pagination {
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
}

.c-pagination_list {
    display: flex;
    margin-left: -10px;
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

.c-pagination_number {
    display: inline-flex;
    padding: 10px;
    align-items: center;
    justify-content: center;
    line-height: 1.5
}

@media(min-width: 1000px) {
    .c-pagination_number {
        font-size: 1.375rem
    }
}

@media(max-width: 999px) {
    .c-pagination_number {
        font-size: 1.2375rem
    }
}

html.is-first-loaded .c-pagination_number {
    transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-pagination_number:hover {
    color: var(--color-primary)
}

.c-pagination_number.-active {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    pointer-events: none
}

.c-pagination_navigation {
    display: flex;
    justify-content: space-between
}

.c-pagination_navigation_link {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    line-height: .95;
    font-size: var(--font-size, clamp(4.25rem, 7.6388888889vw, 6.875rem));
    line-height: 1
}

.c-pagination_navigation_link.-disabled {
    opacity: .3;
    pointer-events: none
}

.c-about-heading {
    position: relative
}

.c-about-heading_introduction {
    position: relative;
    z-index: 0
}

.c-about-heading_visuals {
    position: relative;
    z-index: 2
}

@media(max-width: 699px) {
    .c-about-heading_visuals {
        display: flex;
        flex-direction: column;
        padding-top: 80vh;
        margin-top: -10vh
    }
}

@media(min-width: 700px) {
    .c-about-heading_visuals {
        display: grid;
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter);
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        padding-top: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
    }
}

@media(max-width: 699px) {
    .c-about-heading_image+.c-about-heading_image {
        margin-top: 5.625rem
    }
}

@media(min-width: 1000px) {
    .c-about-heading_image:nth-child(1) {
        grid-column: 8/10
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-about-heading_image:nth-child(1) {
        grid-column: 7/10
    }
}

@media(max-width: 699px) {
    .c-about-heading_image:nth-child(1) {
        width: calc((100% + var(--grid-gutter))/5*4 - var(--grid-gutter))
    }
}

@media(min-width: 1000px) {
    .c-about-heading_image:nth-child(2) {
        grid-column: 1/4
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-about-heading_image:nth-child(2) {
        grid-column: 1/5
    }
}

@media(max-width: 699px) {
    .c-about-heading_image:nth-child(2) {
        width: calc((100% + var(--grid-gutter))/5*2 - var(--grid-gutter));
        align-self: flex-end
    }
}

.c-about-heading_emphasis {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(100% + 2*var(--grid-margin));
    min-height: 100vh;
    margin-left: calc(-1*var(--grid-margin));
    z-index: 2
}

@media(min-width: 700px) {
    .c-about-heading_emphasis {
        clip-path: inset(0 calc((1 - var(--smooth-progress)) * 30%) 0 calc((1 - var(--smooth-progress)) * 30%) round calc(2 * (1 - var(--smooth-progress)) * var(--border-radius)))
    }
}

@media(max-width: 699px) {
    .c-about-heading_emphasis {
        clip-path: inset(0 calc((1 - var(--smooth-progress)) * 20%) 0 calc((1 - var(--smooth-progress)) * 20%) round calc(2 * (1 - var(--smooth-progress)) * var(--border-radius)))
    }
}

.c-about-heading_emphasis_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-about-heading_emphasis_inner {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    padding: 3.75rem var(--grid-margin)
}

.c-about-heading_symbols {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transform: translate3d(0, 200px, 0)
}

html.is-first-loaded .c-about-heading_symbols {
    transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1), opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

html.is-ready .c-about-heading_symbols {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0deg);
    transition-delay: 400ms
}

.c-about-heading_symbols_inner {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% + 2*var(--grid-margin));
    margin-left: calc(-1*var(--grid-margin));
    height: 100vh;
    overflow: hidden
}

.c-about-heading_symbols_inner::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: var(--color-background);
    -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 80%);
    z-index: 1;
    pointer-events: none
}

.c-about-heading_symbols_item {
    position: relative
}

@media(max-width: 699px) {
    .c-about-heading_symbols_item {
        width: 80px;
        height: 80px
    }
}

@media(min-width: 700px) {
    .c-about-heading_symbols_item {
        width: 150px;
        height: 150px
    }
}

.c-about-heading_symbols_item.-left {
    transform-origin: 100% 50%;
    margin-right: calc(.5*var(--grid-gutter))
}

.c-about-heading_symbols_item.-right {
    transform-origin: 0% 50%;
    margin-left: calc(.5*var(--grid-gutter))
}

.c-about-heading_symbols_item_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-about-heading_symbols_item.-left .c-about-heading_symbols_item_inner {
    transform-origin: 100% 50%
}

.c-about-heading_symbols_item.-right .c-about-heading_symbols_item_inner {
    transform-origin: 0% 50%
}

.c-about-heading_symbols_item_inner:nth-child(1) {
    color: var(--color-text);
    z-index: 5
}

.c-about-heading_symbols_item_inner:nth-child(2) {
    color: #fa5c40;
    z-index: 4
}

.c-about-heading_symbols_item_inner:nth-child(3) {
    color: #c4a173;
    z-index: 3
}

.c-about-heading_symbols_item_inner:nth-child(4) {
    color: var(--color-contrast);
    z-index: 2
}

.c-about-heading_symbols_item_inner:nth-child(5) {
    color: #e0dbd4;
    z-index: 1
}

.c-about-heading_symbols_item_inner svg {
    transform: rotate(var(--rotation))
}

.c-about-heading_symbols_item.-left .c-about-heading_symbols_item_inner svg {
    --rotation: -40deg;
    transform-origin: 100% 50%
}

.c-about-heading_symbols_item.-right .c-about-heading_symbols_item_inner svg {
    --rotation: 40deg;
    transform-origin: 0% 50%
}

html.is-first-loaded .c-about-heading_symbols_item_inner svg {
    transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
    transition-delay: 400ms
}

html.is-ready .c-about-heading_symbols_item_inner svg {
    transform: rotate(0deg)
}

.c-editorial-hero_inner {
    display: grid
}

@media(min-width: 700px) {
    .c-editorial-hero_inner {
        padding: calc(var(--header-height) + clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large)))) 0 clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium))) 0
    }
}

@media(max-width: 699px) {
    .c-editorial-hero_inner {
        padding: 1.875rem 0
    }
}

@media(min-width: 1000px) {
    .c-editorial-hero_inner {
        grid-template-columns: repeat(10, 1fr);
        grid-template-areas: "a a a b b b b c c c" "d d d d d d d d d d" "e e e f f f f g g g";
        gap: 20px
    }
}

@media(max-width: 999px) {
    .c-editorial-hero_inner {
        grid-template-columns: repeat(3, 1fr);
        grid-template-areas: "a b c" "d d d" "e e e" "f f f" "g g g";
        gap: .25rem
    }
}

.c-editorial-hero_label:nth-child(1) {
    grid-area: a
}

.c-editorial-hero_label:nth-child(2) {
    text-align: center;
    grid-area: b
}

.c-editorial-hero_label:nth-child(3) {
    text-align: right;
    grid-area: c
}

.c-editorial-hero_title {
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-area: d;
    text-align: center
}

.c-editorial-hero_image {
    display: inline-block;
    width: 1.6em;
    height: 1em;
    clip-path: inset(50% 0 50% 0 round var(--border-radius));
    line-height: 0
}

html.is-first-loaded .c-editorial-hero_image {
    transition: clip-path .9s cubic-bezier(0.23, 1, 0.32, 1)
}

html.is-ready .c-editorial-hero_image {
    transition-delay: 1s;
    clip-path: inset(0 round var(--border-radius))
}

.c-editorial-hero_image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-editorial-hero_date {
    grid-area: e
}

@media(max-width: 999px) {
    .c-editorial-hero_date {
        text-align: center
    }
}

.c-editorial-hero_author {
    grid-area: f;
    text-align: center
}

.c-editorial-hero_time {
    grid-area: g
}

@media(min-width: 1000px) {
    .c-editorial-hero_time {
        text-align: right
    }
}

@media(max-width: 999px) {
    .c-editorial-hero_time {
        text-align: center
    }
}

.c-wysiwyg p,
.c-wysiwyg ul,
.c-wysiwyg ol,
.c-wysiwyg table {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400
}

.c-wysiwyg>:first-child {
    margin-top: 0
}

.c-wysiwyg>:last-child {
    margin-bottom: 0
}

.c-wysiwyg strong,
.c-wysiwyg b {
    font-weight: 700
}

.c-wysiwyg a:not(.c-button) {
    color: var(--color-primary)
}

.c-wysiwyg a:not(.c-button):hover {
    text-decoration: underline
}

.c-wysiwyg.-edito p,
.c-wysiwyg.-edito ul,
.c-wysiwyg.-edito ol,
.c-wysiwyg.-edito table {
    line-height: 1.4
}

@media(min-width: 1000px) {

    .c-wysiwyg.-edito p,
    .c-wysiwyg.-edito ul,
    .c-wysiwyg.-edito ol,
    .c-wysiwyg.-edito table {
        font-size: 1.625rem
    }
}

@media(max-width: 999px) {

    .c-wysiwyg.-edito p,
    .c-wysiwyg.-edito ul,
    .c-wysiwyg.-edito ol,
    .c-wysiwyg.-edito table {
        font-size: 1.3rem
    }
}

.c-wysiwyg.-edito p:not(:last-of-type) {
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
}

.c-wysiwyg:not(.-edito) p,
.c-wysiwyg:not(.-edito) ul,
.c-wysiwyg:not(.-edito) ol,
.c-wysiwyg:not(.-edito) table {
    font-size: 1.125rem;
    line-height: 1.6
}

.c-wysiwyg:not(.-edito) p {
    margin-bottom: 1.4em
}

.c-wysiwyg h1,
.c-wysiwyg h2,
.c-wysiwyg h3,
.c-wysiwyg h4,
.c-wysiwyg h5,
.c-wysiwyg h6 {
    margin: 2.5em 0 1.5em 0;
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400
}

.c-wysiwyg h1,
.c-wysiwyg h2 {
    --_font-size: 3.375rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1
}

@media(min-width: 700px)and (max-width: 999px) {

    .c-wysiwyg h1,
    .c-wysiwyg h2 {
        --_font-size: 2.3625rem
    }
}

@media(max-width: 699px) {

    .c-wysiwyg h1,
    .c-wysiwyg h2 {
        --_font-size: 2.025rem
    }
}

.c-wysiwyg h3 {
    --_font-size: 2.75rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-wysiwyg h3 {
        --_font-size: 1.925rem
    }
}

@media(max-width: 699px) {
    .c-wysiwyg h3 {
        --_font-size: 1.65rem
    }
}

.c-wysiwyg h4 {
    --_font-size: 2.375rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-wysiwyg h4 {
        --_font-size: 1.6625rem
    }
}

@media(max-width: 699px) {
    .c-wysiwyg h4 {
        --_font-size: 1.425rem
    }
}

.c-wysiwyg h5 {
    --_font-size: 1.875rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-wysiwyg h5 {
        --_font-size: 1.3125rem
    }
}

@media(max-width: 699px) {
    .c-wysiwyg h5 {
        --_font-size: 1.3125rem
    }
}

.c-wysiwyg h6 {
    --_font-size: 1.875rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-wysiwyg h6 {
        --_font-size: 1.3125rem
    }
}

@media(max-width: 699px) {
    .c-wysiwyg h6 {
        --_font-size: 1.3125rem
    }
}

.c-wysiwyg table {
    width: 100%;
    margin: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large))) 0
}

.c-wysiwyg table td {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    padding: .625rem .9375rem
}

.c-wysiwyg table tr:nth-child(2n) td {
    background-color: rgb(238.9, 238.9, 238.9)
}

.c-wysiwyg ol,
.c-wysiwyg ul {
    list-style: none;
    margin-left: 0;
    margin-top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

.c-wysiwyg ol li:not(:last-child),
.c-wysiwyg ul li:not(:last-child) {
    margin-bottom: .8em
}

.c-wysiwyg ol ol,
.c-wysiwyg ol ul,
.c-wysiwyg ul ol,
.c-wysiwyg ul ul {
    padding-left: 2.5rem
}

.c-wysiwyg ul li {
    position: relative;
    padding-left: 1.5em
}

.c-wysiwyg ul li::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0
}

.c-wysiwyg ol {
    counter-reset: counter
}

.c-wysiwyg ol li {
    counter-increment: counter
}

.c-wysiwyg ol li::before {
    display: inline-block;
    content: counters(counter, ".") ". ";
    padding-right: 1em
}

.c-wysiwyg blockquote {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)));
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)));
    quotes: "“" "”" "’" "’"
}

.c-wysiwyg blockquote * {
    width: 100%;
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    --_font-size: 3.375rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-wysiwyg blockquote * {
        --_font-size: 2.3625rem
    }
}

@media(max-width: 699px) {
    .c-wysiwyg blockquote * {
        --_font-size: 2.025rem
    }
}

.c-wysiwyg blockquote p {
    padding: 0;
    max-width: 100%;
    text-indent: 0px
}

.c-wysiwyg blockquote p::before,
.c-wysiwyg blockquote p::after {
    display: inline-block
}

.c-wysiwyg blockquote p::before {
    padding-right: 5px;
    content: "“"
}

.c-wysiwyg blockquote p::after {
    padding-left: 5px;
    content: "”"
}

.c-masked-visual.-offset-1 {
    --offset: calc((100% - 2 * var(--grid-margin) + var(--grid-gutter)) / 10 + var(--grid-margin))
}

.c-masked-visual.-offset-2 {
    --offset: calc((100% - 2 * var(--grid-margin) + var(--grid-gutter)) / 10 * 2 + var(--grid-margin))
}

@media(min-width: 1000px) {
    .c-masked-visual.-outer-width {
        clip-path: inset(0 calc((1 - var(--smooth-progress)) * var(--offset) + var(--smooth-progress) * 20px) round var(--border-radius))
    }

    .c-masked-visual.-full-width {
        clip-path: inset(0 calc((1 - var(--smooth-progress)) * var(--offset)) round calc((1 - var(--smooth-progress)) * var(--border-radius)))
    }
}

.c-modal-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--vh, 1vh)*100);
    z-index: 260;
    visibility: hidden
}

html.is-first-loaded .c-modal-video {
    transition: visibility .6s linear
}

html.has-modal-video-open .c-modal-video {
    transition-duration: 0;
    visibility: visible
}

.c-modal-video::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    z-index: -1
}

html.is-first-loaded .c-modal-video::before {
    transition: opacity .6s cubic-bezier(0.77, 0, 0.175, 1)
}

html.is-first-loaded.has-video-open .c-modal-video::before {
    transition: opacity 1.2s cubic-bezier(0.77, 0, 0.175, 1)
}

html.has-modal-video-open .c-modal-video::before {
    opacity: 1
}

.c-modal-video_inner {
    width: 100%;
    height: 100%;
    clip-path: inset(50% var(--grid-margin) 50% var(--grid-margin) round var(--border-radius))
}

html.has-modal-video-open .c-modal-video_inner {
    clip-path: inset(0 0 0 0)
}

html.is-first-loaded .c-modal-video_inner {
    transition: clip-path .6s cubic-bezier(0.77, 0, 0.175, 1)
}

html.is-first-loaded.has-video-open .c-modal-video_inner {
    transition: clip-path .9s cubic-bezier(0.77, 0, 0.175, 1)
}

.c-modal-video_inner image {
    width: 100%;
    height: 100%
}

.c-modal-video_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 30px;
    z-index: 1;
    background-color: hsl(0, 0%, 10%)
}

@media(max-width: 999px) {
    .c-modal-video_close {
        top: 10px;
        right: 10px;
        padding: 10px;
        border-radius: 8px
    }
}

.c-modal-video_close_inner {
    position: relative;
    display: block;
    width: 24px;
    height: 24px
}

.c-modal-video_close_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

html.is-first-loaded .c-modal-video_close_icon {
    transition: transform .45s cubic-bezier(0.23, 1, 0.32, 1) var(--extra-delay, 0s)
}

.c-modal-video_close_icon:nth-child(1) {
    --extra-delay: 0.2s;
    transform: rotate(-45deg)
}

.c-modal-video_close_icon:nth-child(2) {
    --extra-delay: 0s;
    transform: rotate(-135deg)
}

@media(hover: hover) {
    .c-modal-video_close:hover .c-modal-video_close_icon:nth-child(1) {
        --extra-delay: 0s;
        transform: rotate(45deg)
    }

    .c-modal-video_close:hover .c-modal-video_close_icon:nth-child(2) {
        --extra-delay: 0.2s;
        transform: rotate(-45deg)
    }
}

.c-modal-video_close_line {
    position: absolute
}

html.is-first-loaded .c-modal-video_close_line {
    transition: transform .45s cubic-bezier(0.23, 1, 0.32, 1) calc(var(--line-delay, 0s) + var(--extra-delay, 0s))
}

.c-modal-video_close_line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    transform-origin: top left;
    transition: transform .45s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: calc(var(--item-delay, 0s) + var(--extra-delay, 0s))
}

.c-modal-video_close_line:nth-child(1) {
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px
}

.c-modal-video_close_line:nth-child(2) {
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%
}

@media(hover: hover) {
    .c-modal-video_close_icon:nth-child(1) .c-modal-video_close_line:nth-child(1) {
        --line-delay: 0.1s;
        transform-origin: top right
    }

    .c-modal-video_close_icon:nth-child(1) .c-modal-video_close_line:nth-child(2) {
        transform-origin: bottom left
    }

    .c-modal-video_close:hover .c-modal-video_close_icon:nth-child(1) .c-modal-video_close_line:nth-child(1) {
        transform: scale3d(0, 1, 1)
    }

    .c-modal-video_close:hover .c-modal-video_close_icon:nth-child(1) .c-modal-video_close_line:nth-child(2) {
        transform: scale3d(1, 0, 1)
    }

    .c-modal-video_close_icon:nth-child(2) .c-modal-video_close_line:nth-child(1) {
        --line-delay: 0.1s;
        transform-origin: top right;
        transform: scale3d(0, 1, 1)
    }

    .c-modal-video_close_icon:nth-child(2) .c-modal-video_close_line:nth-child(2) {
        transform-origin: top left;
        transform: scale3d(1, 0, 1)
    }

    .c-modal-video_close:hover .c-modal-video_close_icon:nth-child(2) .c-modal-video_close_line {
        transform: scale3d(1, 1, 1)
    }
}

.c-modal-video_video {
    width: 100%;
    height: 100%
}

.c-video-player {
    position: relative;
    color: #fff
}

.c-video-player:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-video-player.-hide-ui:after {
    opacity: 0
}

.c-video-player_toolbar {
    position: absolute;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    padding: 0 var(--grid-margin);
    z-index: 10
}

html.is-first-loaded .c-video-player_toolbar {
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-video-player.-hide-ui .c-video-player_toolbar {
    opacity: 0
}

.c-video-window .c-video-player_toolbar {
    justify-content: center;
    opacity: 0
}

.c-video-window.is-expanded .c-video-player_toolbar {
    opacity: 1;
    transition-delay: .8s
}

@media(max-width: 699px) {
    .c-video-player_toolbar {
        padding: 1.25rem
    }
}

.c-video-player_toolbar-play {
    position: relative;
    width: 90px;
    height: 90px;
    margin-right: calc(-0.5*var(--grid-margin))
}

html.is-first-loaded .c-video-player_toolbar-play {
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-video-player_toolbar-play:hover {
    color: var(--color-primary)
}

.c-video-player_toolbar-play::before {
    content: "";
    position: absolute;
    display: block;
    top: -15px;
    left: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    border-radius: 4px
}

html.js-focus-visible .c-video-player_toolbar-play.focus-visible::before,
html.js-focus-visible .c-video-player_toolbar-play:focus-visible::before {
    outline: 2px dashed currentColor;
    outline-offset: 2px;
    border-radius: 2px
}

.c-video-player_toolbar-play_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: revealVideoPlayerSwitch .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-video-player:not(.is-playing) .c-video-player_toolbar-play_icon.-enabled {
    display: none
}

.c-video-player.is-playing .c-video-player_toolbar-play_icon.-default {
    display: none
}

@keyframes revealVideoPlayerSwitch {
    0% {
        transform: scale(0.5);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.c-video-player_progress {
    --progress: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.c-video-player_progress:before,
.c-video-player_progress:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    pointer-events: none
}

.c-video-player_progress:before {
    top: 0;
    background-color: currentColor;
    height: 1px
}

.c-video-player_progress:after {
    top: 0;
    background-color: var(--color-primary);
    width: calc(100%*var(--progress));
    height: 2px
}

.c-video-player_progress-input {
    opacity: 0;
    cursor: pointer
}

.c-video-player_cta {
    --size: 9.375rem;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    height: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(max-width: 699px) {
    .c-video-player_cta {
        display: none
    }
}

.c-video-player_cta:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--size);
    height: var(--size);
    transform: translate(-50%, -50%);
    border: 2px solid;
    border-radius: 50%;
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-video-player_cta svg {
    width: calc(var(--size)*.18);
    height: calc(var(--size)*.18);
    transform: translateX(10%);
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-video-player:not(.is-playing) .c-video-player_cta:hover:before {
    transform: translate(-50%, -50%) scale(0.9)
}

.c-video-player.-hide-ui .c-video-player_cta,
.c-video-player.is-playing .c-video-player_cta {
    opacity: 0
}

.c-video-player_video {
    cursor: pointer;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media(hover: none) {
    .c-video-player_video {
        pointer-events: all
    }
}

.c-video-player_current-time {
    letter-spacing: .3em
}

.c-text-big {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: var(--font-size, clamp(2.5rem, 4.8611111111vw, 4.375rem));
    text-indent: calc(calc((100vw - var(--grid-gutter) * (var(--grid-columns) - 1) - var(--grid-margin) * 2) / var(--grid-columns) * 3 + var(--grid-gutter) * (3 - 1)) + 20px)
}

.c-stats_item {
    position: relative;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(7, 1fr);
    align-items: end;
    padding: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny))) 0
}

.c-stats_item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    content: "";
    background-color: currentColor;
    transform: scale3d(0, 1, 1);
    transform-origin: left center
}

html.is-first-loaded .c-stats_item::after {
    transition: transform .6s .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-stats_item.is-inview::after {
    transform: scale3d(1, 1, 1)
}

.c-stats_number {
    font-family: "SohneSchmal", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    line-height: .9;
    text-transform: uppercase;
    grid-column-start: 1;
    grid-column-end: 6;
    text-transform: none;
    font-size: clamp(5rem, 11.6666666667vw, 10.5rem)
}

.c-stats_label {
    grid-column-start: 6;
    grid-column-end: 8;
    padding: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny))) 0
}

.c-preorder {
    --preorder-padding: var(--grid-gutter);
    width: 100%;
    overflow: hidden
}

@media(min-width: 700px) {
    .c-preorder {
        height: calc(var(--vh)*100)
    }
}

@media(max-width: 699px) {
    .c-preorder {
        padding-top: 10rem
    }
}

.c-preorder_visual {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.c-preorder_container {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    pointer-events: none
}

@media(max-width: 699px) {
    .c-preorder_container {
        padding: var(--grid-margin) var(--grid-margin) var(--header-height) var(--grid-margin)
    }
}

@media(min-width: 700px)and (max-width: 1199px) {
    .c-preorder_container {
        padding: var(--header-height) 20px 20px 20px
    }
}

@media(min-width: 1200px) {
    .c-preorder_container {
        padding: 20px
    }
}

.c-preorder_panel {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--color-background);
    border-radius: var(--border-radius);
    overflow: hidden;
    pointer-events: all;
    z-index: 200
}

@media(max-width: 699px) {
    .c-preorder_panel {
        width: 100%;
        opacity: 0;
        transform: translate3d(0, 12.5rem, 0)
    }
}

@media(min-width: 700px) {
    .c-preorder_panel {
        width: 28.125rem;
        transform: translate3d(calc(100% + var(--grid-margin)), 0, 0)
    }
}

html.is-first-loaded .c-preorder_panel {
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), transform .9s cubic-bezier(0.165, 0.84, 0.44, 1)
}

html.is-ready .c-preorder_panel {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-delay: .6s
}

.c-preorder_header {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 2.5rem var(--preorder-padding)
}

.c-preorder_header:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: var(--preorder-padding);
    right: var(--preorder-padding);
    border-bottom: 1px solid;
    opacity: .5
}

.c-preorder_notice {
    margin-bottom: .6em;
    opacity: .4
}

.c-preorder_inner {
    flex-grow: 1;
    overflow: auto;
    padding: var(--preorder-padding);
    padding-bottom: 5rem
}

.c-preorder_inner.-center {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

@media(max-width: 699px) {
    .c-preorder_inner.-center {
        align-items: center;
        text-align: center;
        padding: var(--preorder-padding) calc(var(--preorder-padding)*3)
    }
}

.c-preorder_footer {
    position: relative
}

.c-preorder_footer:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: var(--preorder-padding);
    right: var(--preorder-padding);
    border-top: 1px solid;
    opacity: .5
}

.c-preorder_footer-content {
    padding: .625rem var(--preorder-padding) var(--preorder-padding) var(--preorder-padding)
}

.c-preorder_intro {
    margin-bottom: 1.25rem
}

.c-preorder_total {
    display: flex;
    justify-content: space-between
}

.c-preorder_fieldset {
    margin: 0;
    padding: 0;
    border: none
}

.c-preorder_fieldset legend {
    margin-bottom: 10px
}

.c-preorder_fieldset+.c-preorder_fieldset:not(.c-preorder_form-step) {
    margin-top: 1.25rem
}

.c-preorder_form,
.c-preorder_form-step {
    animation: preorderStepAppear .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-preorder_form:not(.is-active),
.c-preorder_form-step:not(.is-active) {
    display: none
}

.c-preorder_form[disabled],
.c-preorder_form-step[disabled] {
    opacity: .5
}

@keyframes preorderStepAppear {
    0% {
        opacity: 0;
        transform: translate3d(0, 0.625rem, 0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.c-preorder_back-btn {
    margin-left: 1.25rem;
    color: var(--color-primary);
    animation: preorderBackAppear .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-preorder_back-btn.is-hidden {
    display: none
}

@keyframes preorderBackAppear {
    0% {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(0.9)
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1)
    }
}

.c-preorder_next-btn {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 6.25rem;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    background-color: var(--color-text);
    color: var(--color-background);
    padding: calc(var(--preorder-padding)*1.5);
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.c-preorder_next-btn[disabled] {
    opacity: .8;
    pointer-events: none
}

.c-preorder_next-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 100%, 0);
    background-color: var(--color-primary);
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    z-index: 0
}

.c-preorder_next-btn.focus-visible:before,
.c-preorder_next-btn:hover:before {
    transform: translate3d(0, 0, 0)
}

.c-preorder_next-btn.focus-visible {
    outline-offset: -5px
}

.c-preorder_next-btn_label {
    z-index: 1;
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform-origin: center right
}

.c-preorder_next-btn:active .c-preorder_next-btn_label {
    transform: scale(0.9)
}

.c-preorder_next-btn_label.-animate {
    animation: preorderNextLabelAppear .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-preorder_next-btn_icon {
    position: relative;
    display: flex;
    padding: 10px;
    background-color: #fff;
    border-radius: 50%;
    color: #000;
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-preorder_next-btn_icon:before {
    content: "";
    position: absolute;
    inset: -5px;
    border: 2px solid rgba(0, 0, 0, 0);
    border-top-color: #fa5c40;
    border-left-color: #fa5c40;
    border-radius: 50%;
    animation: preorderSpinner .3s linear infinite;
    opacity: 1;
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-preorder:not(.is-loading) .c-preorder_next-btn_icon:before {
    opacity: 0
}

.c-preorder_next-btn.focus-visible .c-preorder_next-btn_icon,
.c-preorder_next-btn:hover .c-preorder_next-btn_icon {
    transform: scale(0.9)
}

.c-preorder_next-btn:active .c-preorder_next-btn_icon {
    transform: scale(0.75)
}

@keyframes preorderSpinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.c-preorder:not(.is-loading) .c-preorder_loading {
    display: none
}

.c-preorder_feedback {
    padding: 5px 10px;
    color: #fff;
    background-color: #fa5c40;
    margin-top: 1em;
    border-radius: 6px
}

.c-preorder_feedback:empty {
    display: none
}

.c-preorder_legal {
    opacity: .7;
    margin-top: 1.25rem;
    text-transform: none
}

.c-preorder_legal a {
    text-decoration: underline
}

.c-preorder_choice-highlight {
    position: relative;
    display: block
}

.c-form_item:not(.-inactive) .c-preorder_choice-highlight {
    padding: 15px;
    border-radius: var(--border-radius);
    background-color: #fff
}

.c-form_item.-inactive .c-preorder_choice-highlight {
    padding: 15px 0
}

.c-form_item.-inactive .c-preorder_choice-highlight::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    opacity: .15
}

@keyframes preorderNextLabelAppear {
    0% {
        opacity: 0;
        transform: translateX(-10px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.c-scroll-video {
    margin-bottom: var(--grid-gutter)
}

@media(max-width: 999px) {
    .c-scroll-video {
        margin-bottom: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
    }
}

@media(min-width: 1000px) {
    .c-scroll-video {
        position: relative;
        height: calc(200vh + var(--video-height, 100vh))
    }
}

.c-scroll-video:not(.has-scroll-video) .c-scroll-video_inner {
    display: none;
    visibility: hidden
}

@media(min-width: 1000px) {
    .c-scroll-video_inner {
        position: sticky;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden
    }
}

.c-scroll-video_mobile {
    color: #fff;
    background-color: #000;
    border-radius: var(--border-radius);
    overflow: hidden
}

.c-scroll-video_mobile .c-video {
    padding-top: 56.25%
}

.c-scroll-video.has-scroll-video .c-scroll-video_mobile {
    display: none;
    visibility: hidden
}

.c-scroll-video_title {
    padding: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big))) var(--grid-margin);
    text-align: center
}

@media(min-width: 1000px) {
    .c-scroll-video_image {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
}

@media(max-width: 999px) {
    .c-scroll-video_image {
        display: none
    }
}

@media(min-width: 1000px) {
    .c-scroll-video_container {
        position: relative;
        width: 100%;
        height: 100%
    }
}

@media(max-width: 999px) {
    .c-scroll-video_container {
        display: none
    }
}

.c-scroll-video_content {
    color: #fff
}

@media(min-width: 1000px) {
    .c-scroll-video_content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media(min-width: 1000px) {
    .c-scroll-video_content {
        padding: var(--grid-margin)
    }
}

@media(max-width: 999px) {
    .c-scroll-video_content {
        position: relative;
        display: flex;
        flex-direction: column;
        z-index: 1
    }

    .c-scroll-video_content::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        border-radius: var(--border-radius);
        z-index: -1
    }
}

.c-scroll-video_keyframe {
    display: flex;
    flex-direction: column;
    z-index: 0
}

@media(min-width: 1000px) {
    .c-scroll-video_keyframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        justify-content: center;
        pointer-events: none
    }

    .c-scroll-video_keyframe::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .05);
        z-index: -1;
        opacity: 0;
        transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-scroll-video_keyframe.is-active {
        pointer-events: all
    }

    .c-scroll-video_keyframe.is-active::before {
        opacity: 1
    }
}

@media(max-width: 999px) {
    .c-scroll-video_keyframe {
        position: relative;
        z-index: 1
    }

    .c-scroll-video_keyframe+.c-scroll-video_keyframe {
        margin-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
    }

    .c-scroll-video_keyframe:last-child {
        padding-bottom: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
    }
}

.c-scroll-video_keyframe_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 3.125rem;
    padding: 0 var(--grid-margin)
}

@media(min-width: 1000px) {
    .c-scroll-video_keyframe_inner {
        opacity: 0;
        transition: opacity .6s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-scroll-video_keyframe.is-active .c-scroll-video_keyframe_inner {
        opacity: 1
    }
}

.c-scroll-video_keyframe_label {
    overflow: hidden
}

@media(min-width: 1000px) {
    .c-scroll-video_keyframe_label_inner {
        display: block;
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    html.is-first-loaded .c-scroll-video_keyframe_label_inner {
        transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .15s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-scroll-video_keyframe.is-active .c-scroll-video_keyframe_label_inner {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition: transform .9s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0s linear
    }
}

.c-scroll-video_keyframe_title {
    margin-top: 1.875rem;
    max-width: 56.25rem
}

@media(min-width: 1000px) {
    .c-scroll-video_keyframe_title .word {
        display: inline-block;
        opacity: 0;
        filter: blur(0.6rem);
        transform: scale3d(1, 0.8, 1) translate3d(0, 25%, 0);
        transform-origin: 50% 100%
    }

    html.is-first-loaded .c-scroll-video_keyframe_title .word {
        transition: filter .2s cubic-bezier(0.165, 0.84, 0.44, 1) .2s, opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1), transform .2s cubic-bezier(0.165, 0.84, 0.44, 1) .2s
    }

    .c-scroll-video_keyframe.is-active .c-scroll-video_keyframe_title .word {
        opacity: 1;
        filter: blur(0rem);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transition: filter 1.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: calc(var(--word-index)*40ms)
    }
}

.c-modal-embed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--vh, 1vh)*100);
    z-index: 260;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: inset(50% var(--grid-margin) 50% var(--grid-margin) round var(--border-radius))
}

html.is-first-loaded .c-modal-embed {
    transition: visibility .6s linear, clip-path .6s cubic-bezier(0.77, 0, 0.175, 1)
}

html.has-modal-embed-open .c-modal-embed {
    clip-path: inset(0 0 0 0);
    transition: clip-path .9s cubic-bezier(0.77, 0, 0.175, 1), visibility 0s 0s linear;
    visibility: visible
}

.c-modal-embed::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 1;
    z-index: -1
}

.c-modal-embed_content {
    width: 75%
}

@media(max-width: 1199px) {
    .c-modal-embed_content {
        width: 90%
    }
}

.c-modal-embed_inner {
    position: relative;
    padding-bottom: 56%
}

.c-modal-embed_inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-modal-embed_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 30px;
    z-index: 1
}

.c-modal-embed_close_inner {
    position: relative;
    display: block;
    width: 24px;
    height: 24px
}

.c-modal-embed_close_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

html.is-first-loaded .c-modal-embed_close_icon {
    transition: transform .45s cubic-bezier(0.23, 1, 0.32, 1) var(--extra-delay, 0s)
}

.c-modal-embed_close_icon:nth-child(1) {
    --extra-delay: 0.2s;
    transform: rotate(-45deg)
}

.c-modal-embed_close_icon:nth-child(2) {
    --extra-delay: 0s;
    transform: rotate(-135deg)
}

.c-modal-embed_close:hover .c-modal-embed_close_icon:nth-child(1) {
    --extra-delay: 0s;
    transform: rotate(45deg)
}

.c-modal-embed_close:hover .c-modal-embed_close_icon:nth-child(2) {
    --extra-delay: 0.2s;
    transform: rotate(-45deg)
}

.c-modal-embed_close_line {
    position: absolute
}

html.is-first-loaded .c-modal-embed_close_line {
    transition: transform .45s cubic-bezier(0.23, 1, 0.32, 1) calc(var(--line-delay, 0s) + var(--extra-delay, 0s))
}

.c-modal-embed_close_line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    transform-origin: top left;
    transition: transform .45s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: calc(var(--item-delay, 0s) + var(--extra-delay, 0s))
}

.c-modal-embed_close_line:nth-child(1) {
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px
}

.c-modal-embed_close_line:nth-child(2) {
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%
}

.c-modal-embed_close_icon:nth-child(1) .c-modal-embed_close_line:nth-child(1) {
    --line-delay: 0.1s;
    transform-origin: top right
}

.c-modal-embed_close_icon:nth-child(1) .c-modal-embed_close_line:nth-child(2) {
    transform-origin: bottom left
}

.c-modal-embed_close:hover .c-modal-embed_close_icon:nth-child(1) .c-modal-embed_close_line:nth-child(1) {
    transform: scale3d(0, 1, 1)
}

.c-modal-embed_close:hover .c-modal-embed_close_icon:nth-child(1) .c-modal-embed_close_line:nth-child(2) {
    transform: scale3d(1, 0, 1)
}

.c-modal-embed_close_icon:nth-child(2) .c-modal-embed_close_line:nth-child(1) {
    --line-delay: 0.1s;
    transform-origin: top right;
    transform: scale3d(0, 1, 1)
}

.c-modal-embed_close_icon:nth-child(2) .c-modal-embed_close_line:nth-child(2) {
    transform-origin: top left;
    transform: scale3d(1, 0, 1)
}

.c-modal-embed_close:hover .c-modal-embed_close_icon:nth-child(2) .c-modal-embed_close_line {
    transform: scale3d(1, 1, 1)
}

.c-hero-logo {
    --svg-width: 8.5rem;
    --padding: 4.6875rem 0 4.0625rem;
    position: relative;
    display: flex;
    justify-content: center;
    padding: var(--padding);
    z-index: 210
}

html[data-template=preorder] .c-hero-logo {
    z-index: 199
}

.c-hero-logo.-color-white {
    color: #fff
}

.c-hero-logo.-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.c-hero-logo.-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

@media(min-width: 700px) {
    .c-hero-logo {
        display: none
    }
}

.c-hero-logo_link {
    position: relative
}

.c-hero-logo_link::before {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    display: block
}

.c-area-availability {
    position: relative;
    color: #fff;
    background-color: var(--color-secondary);
    border-radius: var(--border-radius);
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

@media(min-width: 700px) {
    .c-area-availability {
        display: flex
    }
}

.c-area-availability_visual {
    position: relative
}

.c-area-availability_visual::before {
    content: "";
    padding-top: 62.5%
}

@media(max-width: 699px) {
    .c-area-availability_visual::before {
        display: block
    }
}

@media(min-width: 700px) {
    .c-area-availability_visual::before {
        float: left
    }
}

@media(min-width: 700px) {
    .c-area-availability_visual::after {
        content: "";
        display: table;
        clear: both
    }
}

@media(min-width: 700px) {
    .c-area-availability_visual {
        flex: 0 0 calc((100% + var(--grid-gutter))/2 - var(--grid-gutter))
    }
}

.c-area-availability_image {
    height: 100%
}

@media(max-width: 699px) {
    .c-area-availability_image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
}

.c-area-availability_content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--grid-gutter)
}

@media(max-width: 699px) {
    .c-area-availability_content {
        padding: var(--grid-margin)
    }
}

@media(min-width: 700px) {
    .c-area-availability_content {
        flex: 1 1 auto;
        padding: var(--grid-gutter)
    }
}

.c-area-availability_text {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    line-height: 1.5
}

@media(min-width: 1000px) {
    .c-area-availability_text {
        font-size: 1.375rem
    }
}

@media(max-width: 999px) {
    .c-area-availability_text {
        font-size: 1.2375rem
    }
}

.c-area-availability_text.-title {
    max-width: 8em
}

@media(min-width: 500px)and (max-width: 699px), (min-width: 1200px) {
    .c-area-availability_text:not(.-title) {
        width: 50%
    }
}

.c-area-availability_form {
    margin-top: auto;
    padding-top: 5rem
}

@media(max-width: 699px) {
    .c-area-availability_form {
        padding-top: var(--grid-gutter)
    }
}

@media(min-width: 700px) {
    .c-area-availability_form {
        padding-top: 5rem
    }
}

.c-error {
    position: relative
}

.c-error_visual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-error_inner {
    position: relative;
    display: flex;
    color: #fff;
    justify-content: space-between;
    min-height: calc(var(--vh, 1vh)*100)
}

@media(max-width: 699px) {
    .c-error_inner {
        flex-direction: column;
        padding-bottom: var(--header-height);
        padding-top: 10rem
    }
}

@media(min-width: 700px) {
    .c-error_inner {
        padding-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
    }
}

@media(max-width: 699px) {
    .c-error_code {
        margin-top: 3.125rem
    }
}

@media(min-width: 700px) {
    .c-error_code {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        flex-shrink: 0
    }
}

.c-error_code_text {
    font-size: clamp(12.5rem, 34.7222222222vw, 31.25rem);
    font-family: "SohneSchmal", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    line-height: .9;
    text-transform: uppercase;
    line-height: .9
}

.c-loadable-section {
    position: relative
}

.c-loadable-section_inner {
    position: absolute;
    top: 0;
    left: calc(-1*var(--grid-margin));
    width: calc(100% + 2*var(--grid-margin));
    height: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 100;
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-loadable-section.is-loading .c-loadable-section_inner {
    pointer-events: auto;
    opacity: 1
}

.c-loadable-section.-alt .c-loadable-section_inner {
    transition: opacity .9s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-loadable-section_spinner {
    position: sticky;
    top: 0;
    width: 100%;
    height: calc(var(--vh, 1vh)*100);
    display: flex;
    align-items: center;
    justify-content: center
}

.c-loadable-section.-alt .c-loadable-section_spinner {
    height: 100%
}

.c-loadable-section_spinner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-background);
    opacity: .9
}

.c-loadable-section.-alt .c-loadable-section_spinner::before {
    opacity: .2
}

.c-loadable-section_spinner::after {
    content: "";
    display: block;
    width: var(--spinner-size, 2.5rem);
    height: var(--spinner-size, 2.5rem);
    margin-top: -10px;
    margin-left: -10px;
    border: var(--spinner-border, 2px) solid rgba(0, 0, 0, 0);
    border-top-color: var(--spinner-color, currentColor);
    border-left-color: var(--spinner-color, currentColor);
    border-radius: 50%;
    animation: loadableSectionSpinner linear .3s infinite
}

.c-loadable-section.-alt .c-loadable-section_spinner::after {
    animation: loadableSectionSpinner linear .6s infinite
}

@keyframes loadableSectionSpinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media(max-width: 699px) {
    .c-events.-hero {
        margin-top: 2.5rem
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-events.-hero {
        margin-top: 15rem
    }
}

@media(min-width: 1000px) {
    .c-events.-hero {
        margin-top: 18.75rem
    }
}

.c-events_heading {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1
}

@media(max-width: 999px) {
    .c-events_heading {
        padding: 1.375rem
    }
}

@media(min-width: 1000px) {
    .c-events_heading {
        padding: 1.75rem 0
    }
}

.c-events_heading::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: var(--border-radius);
    z-index: -1;
    background-color: var(--color-contrast)
}

@media(max-width: 999px) {
    .c-events_heading::before {
        left: 0;
        right: 0
    }
}

@media(min-width: 1000px) {
    .c-events_heading::before {
        left: -2rem;
        right: -2rem
    }
}

@media(min-width: 700px) {
    .c-events_listing {
        margin-top: 3.75rem
    }
}

.c-events_listing_head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    padding: 1.25rem 0
}

@media(max-width: 699px) {
    .c-events_listing_head {
        display: none
    }
}

.c-events_fallback {
    text-align: center;
    padding: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge))) 0
}

.c-tile-event {
    position: relative;
    display: grid;
    align-items: flex-start;
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    row-gap: var(--grid-gutter);
    padding: 2rem 0;
    z-index: 0;
    border-top: 1px solid var(--color-border);
    transition: border-color .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(max-width: 699px) {
    .c-tile-event:first-child {
        border-color: rgba(0, 0, 0, 0)
    }
}

@media(min-width: 700px) {
    .c-tile-event {
        grid-template-columns: 1fr 1fr
    }
}

@media(hover: hover) {
    .c-tile-event::before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: -1px;
        opacity: 0;
        background-color: var(--color-contrast);
        pointer-events: none;
        z-index: -1
    }

    html.is-first-loaded .c-tile-event::before {
        transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), clip-path .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }
}

@media(hover: hover)and (max-width: 999px) {
    .c-tile-event::before {
        right: calc(-1*var(--grid-margin));
        left: calc(-1*var(--grid-margin));
        clip-path: inset(0 round var(--border-radius))
    }
}

@media(hover: hover)and (min-width: 1000px) {
    .c-tile-event::before {
        clip-path: inset(0 0 round var(--border-radius));
        right: calc(-1*var(--grid-margin)/2 - 1.25rem);
        left: calc(-1*var(--grid-margin)/2 - 1.25rem)
    }
}

@media(hover: hover) {
    .c-tile-event:hover {
        z-index: 1
    }

    .c-tile-event:hover::before {
        opacity: 1
    }
}

@media(hover: hover)and (min-width: 1000px) {
    .c-tile-event:hover::before {
        clip-path: inset(0 1.25rem round var(--border-radius))
    }
}

.c-tile-event_head {
    display: flex
}

@media(max-width: 699px) {
    .c-tile-event_head {
        flex-direction: column-reverse
    }
}

@media(max-width: 699px) {
    .c-tile-event_date {
        margin-top: 1rem
    }
}

@media(min-width: 700px) {
    .c-tile-event_date {
        flex-grow: 1;
        margin-right: var(--grid-gutter)
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-tile-event_img {
        width: calc((100vw - var(--grid-gutter)*(var(--grid-columns) - 1) - var(--grid-margin)*2)/var(--grid-columns)*3 + var(--grid-gutter)*(3 - 1))
    }
}

@media(min-width: 1000px) {
    .c-tile-event_img {
        width: calc((100vw - var(--grid-gutter)*(var(--grid-columns) - 1) - var(--grid-margin)*2)/var(--grid-columns)*2 + var(--grid-gutter)*(2 - 1))
    }
}

.c-tile-event_content {
    display: flex
}

@media(min-width: 700px) {
    .c-tile-event_heading {
        flex-grow: 1;
        margin-right: var(--grid-gutter)
    }
}

.c-tile-event_location {
    margin-top: .5rem
}

.c-tile-event_cta {
    color: var(--color-primary);
    text-align: right
}

.c-tile-event_cta::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: -1.5rem;
    bottom: 0;
    left: -1.5rem;
    z-index: 1
}

.c-tile-event_cta.focus-visible,
.c-tile-event_cta:focus-visible {
    outline: none !important
}

html.js-focus-visible .c-tile-event_cta.focus-visible::before,
html.js-focus-visible .c-tile-event_cta:focus-visible::before {
    outline: 2px dashed currentColor;
    outline-offset: 2px;
    border-radius: 2px
}

.c-event-infos_item {
    position: relative;
    display: grid;
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    row-gap: 1.5rem;
    padding: 1rem 0
}

@media(max-width: 699px) {
    .c-event-infos_item {
        grid-template-columns: repeat(2, 1fr)
    }

    .c-event-infos_item.-col-1\@to-small {
        grid-template-columns: 1fr
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-event-infos_item {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media(min-width: 1000px) {
    .c-event-infos_item {
        grid-template-columns: repeat(6, 1fr)
    }
}

.c-event-infos_item+.c-event-infos_item {
    margin-top: 1rem
}

.c-event-infos_item+.c-event-infos_item::before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    background-color: #e8e8e8
}

@media(max-width: 699px) {
    .c-event-infos_item+.c-event-infos_item::before {
        left: 0;
        right: 0
    }
}

@media(min-width: 700px) {
    .c-event-infos_item+.c-event-infos_item::before {
        left: calc(-1*var(--grid-gutter));
        right: calc(-1*var(--grid-gutter))
    }
}

@media(max-width: 699px) {
    .c-event-infos_title {
        grid-column: 1/2
    }

    .c-event-infos_item.-col-1\@to-small .c-event-infos_title {
        grid-column: 1/-1
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-event-infos_title {
        grid-column: 1/4
    }
}

@media(min-width: 1000px) {
    .c-event-infos_title {
        grid-column: 1/3
    }
}

@media(max-width: 699px) {
    .c-event-infos_content {
        grid-column: 2/-1
    }

    .c-event-infos_item.-col-1\@to-small .c-event-infos_content {
        grid-column: 1/-1
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-event-infos_content {
        grid-column: 4/-1
    }
}

@media(min-width: 1000px) {
    .c-event-infos_content {
        grid-column: 3/-1
    }
}

.c-section-heading {
    display: flex;
    align-items: flex-end
}

.c-section-heading_title {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    --_font-size: 2.375rem;
    font-size: var(--font-size, var(--_font-size));
    line-height: 1.1;
    line-height: 1;
    margin-right: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-section-heading_title {
        --_font-size: 1.6625rem
    }
}

@media(max-width: 699px) {
    .c-section-heading_title {
        --_font-size: 1.425rem
    }
}

.c-careers-introduction {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

.c-careers-introduction_visual:nth-child(1) {
    grid-column: 3/9;
    z-index: 2
}

.c-careers-introduction_visual:nth-child(2) {
    grid-column: 1/4;
    margin-top: -35%;
    z-index: 1
}

.c-careers-introduction_visual:nth-child(3) {
    grid-column: 7/11;
    margin-top: -30%;
    z-index: 3
}

.c-careers-introduction_content {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

@media(max-width: 699px) {
    .c-careers-introduction_content {
        row-gap: 2.5rem;
        margin-top: 3.75rem
    }
}

@media(max-width: 699px) {
    .c-careers-introduction_content_text {
        grid-column: 1/-1
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-careers-introduction_content_text {
        grid-column: 1/6
    }
}

@media(min-width: 1000px) {
    .c-careers-introduction_content_text {
        grid-column: 2/6
    }
}

.c-careers-introduction_content_icon {
    display: block;
    margin-top: 2.25rem
}

.c-careers-introduction_content_icon .o-icon {
    --svg-width: 10.625rem
}

@media(max-width: 699px) {
    .c-careers-introduction_content_icon {
        text-align: center
    }
}

.c-careers-introduction_content_visual {
    grid-row-start: 2
}

@media(max-width: 699px) {
    .c-careers-introduction_content_visual {
        grid-column: 2/10
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-careers-introduction_content_visual {
        grid-column: 6/10
    }
}

@media(min-width: 1000px) {
    .c-careers-introduction_content_visual {
        grid-column: 6/9
    }
}

@media(max-width: 999px) {
    .c-jobs-listing_filters-container {
        margin-left: calc(-1*var(--grid-margin));
        margin-right: calc(-1*var(--grid-margin));
        width: calc(100% + 2*var(--grid-margin));
        overflow: auto
    }
}

.c-jobs-listing_filters {
    display: flex;
    margin-top: 1.25rem
}

@media(max-width: 999px) {
    .c-jobs-listing_filters {
        padding: 0 var(--grid-margin)
    }
}

@media(min-width: 1000px) {
    .c-jobs-listing_filters {
        flex-wrap: wrap;
        max-width: 1200px
    }
}

.c-jobs-listing_filters_item {
    margin-bottom: .75rem;
    flex-shrink: 0
}

.c-jobs-listing_filters_item:not(:last-child) {
    padding-right: .75rem
}

.c-jobs-listing_filters_item:last-of-type {
    padding-right: var(--grid-margin)
}

.c-jobs-listing_inner {
    margin-top: 5.625rem
}

.c-jobs-listing_head {
    display: grid;
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    padding-bottom: 1.875rem
}

@media(max-width: 699px) {
    .c-jobs-listing_head {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-jobs-listing_head {
        grid-template-columns: calc((100% + var(--grid-gutter))/10*3 - var(--grid-gutter)) calc((100% + var(--grid-gutter))/10*3 - var(--grid-gutter)) calc((100% + var(--grid-gutter))/10*4 - var(--grid-gutter))
    }
}

@media(min-width: 1000px) {
    .c-jobs-listing_head {
        grid-template-columns: calc((100% + var(--grid-gutter))/10*2 - var(--grid-gutter)) calc((100% + var(--grid-gutter))/10*5 - var(--grid-gutter)) calc((100% + var(--grid-gutter))/10*3 - var(--grid-gutter))
    }
}

.c-jobs-listing_head_item.-sort {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

@media(max-width: 699px) {
    .c-jobs-listing_head_item:last-child {
        text-align: right
    }
}

.c-jobs-listing_sort_icon {
    margin-left: .5em
}

.c-jobs-listing_item.is-hidden {
    display: none
}

.c-tile-job {
    position: relative;
    z-index: 0;
    border-top: 1px solid var(--color-border);
    transition: border-color .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(hover: hover) {
    .c-tile-job::before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: -1px;
        opacity: 0;
        background-color: var(--color-contrast);
        pointer-events: none;
        z-index: -1
    }

    html.is-first-loaded .c-tile-job::before {
        transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), clip-path .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }
}

@media(hover: hover)and (max-width: 999px) {
    .c-tile-job::before {
        right: calc(-1*var(--grid-margin));
        left: calc(-1*var(--grid-margin));
        clip-path: inset(0 round var(--border-radius))
    }
}

@media(hover: hover)and (min-width: 1000px) {
    .c-tile-job::before {
        clip-path: inset(0 0 round var(--border-radius));
        right: calc(-1*var(--grid-margin)/2 - 1.25rem);
        left: calc(-1*var(--grid-margin)/2 - 1.25rem)
    }
}

@media(hover: hover) {
    .c-tile-job:hover {
        z-index: 1
    }

    .c-tile-job:hover::before {
        opacity: 1
    }
}

@media(hover: hover)and (min-width: 1000px) {
    .c-tile-job:hover::before {
        clip-path: inset(0 1.25rem round var(--border-radius))
    }
}

.c-tile-job_inner {
    position: relative
}

.c-tile-job_inner::before {
    content: "";
    float: left
}

@media(max-width: 699px) {
    .c-tile-job_inner::before {
        height: 10rem
    }
}

@media(min-width: 700px) {
    .c-tile-job_inner::before {
        height: 13.75rem
    }
}

.c-tile-job_inner::after {
    content: "";
    display: table;
    clear: both
}

.c-tile-job_grid {
    display: grid;
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    row-gap: 1rem
}

@media(max-width: 699px) {
    .c-tile-job_grid {
        grid-template-columns: repeat(3, 1fr);
        padding: 1.875rem 0
    }
}

@media(min-width: 700px) {
    .c-tile-job_grid {
        grid-template-columns: repeat(10, 1fr);
        padding: .625rem 0
    }
}

.c-tile-job_detail {
    color: #afaca7
}

@media(max-width: 699px) {
    .c-tile-job_detail:nth-child(3) {
        text-align: right
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-tile-job_detail:nth-child(1) {
        grid-column: 1/4
    }

    .c-tile-job_detail:nth-child(2) {
        grid-column: 4/7
    }

    .c-tile-job_detail:nth-child(3) {
        grid-column: 7/9
    }
}

@media(min-width: 1000px) {
    .c-tile-job_detail:nth-child(1) {
        grid-column: 1/3
    }

    .c-tile-job_detail:nth-child(2) {
        grid-column: 3/8
    }

    .c-tile-job_detail:nth-child(3) {
        grid-column: 8/10
    }
}

.c-tile-job_title {
    margin-top: 1.25rem
}

@media(max-width: 699px) {
    .c-tile-job_title {
        grid-column: 1/-1;
        padding-bottom: 1.25rem
    }
}

@media(min-width: 700px) {
    .c-tile-job_title {
        grid-row-start: 2
    }
}

@media(max-width: 999px) {
    .c-tile-job_title {
        max-width: 18.75rem
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-tile-job_title {
        grid-column: 4/-1
    }
}

@media(min-width: 1000px) {
    .c-tile-job_title {
        grid-column: 3/-1;
        max-width: 37.5rem
    }
}

.c-tile-job_cta {
    line-height: 1;
    color: var(--color-primary);
    width: -moz-max-content;
    width: max-content
}

.c-tile-job_cta::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: calc(-1*var(--grid-margin)/2);
    bottom: 0;
    left: calc(-1*var(--grid-margin)/2);
    z-index: 1
}

@media(min-width: 700px) {
    .c-tile-job_cta {
        grid-column-end: -1;
        grid-row-start: 1;
        text-align: right
    }
}

.c-tile-job_cta .o-icon {
    --svg-width: .8em
}

.c-tile-job_cta.focus-visible,
.c-tile-job_cta:focus-visible {
    outline: none !important
}

html.js-focus-visible .c-tile-job_cta.focus-visible::before,
html.js-focus-visible .c-tile-job_cta:focus-visible::before {
    outline: 2px dashed currentColor;
    outline-offset: 2px;
    border-radius: 2px
}

.c-job-offer {
    position: relative
}

@media(min-width: 1000px) {
    .c-job-offer_hero {
        min-height: calc(var(--vh, 1vh)*100)
    }
}

@media(min-width: 700px) {
    .c-job-offer_hero {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)));
        padding-bottom: var(--grid-margin)
    }
}

.c-job-offer_hero_top {
    position: relative
}

@media(min-width: 1000px) {
    .c-job-offer_subtitle {
        position: absolute;
        top: 1em;
        left: calc(50% - 50vw + var(--grid-margin))
    }
}

@media(max-width: 999px) {
    .c-job-offer_title {
        margin-top: 1.25rem
    }
}

.c-job-offer_hero_bottom {
    display: flex
}

@media(max-width: 999px) {
    .c-job-offer_hero_bottom {
        flex-direction: column-reverse
    }
}

@media(min-width: 1000px) {
    .c-job-offer_hero_bottom {
        margin-top: 3.75rem
    }
}

@media(min-width: 1000px)and (max-width: 1199px) {
    .c-job-offer_hero_bottom {
        flex-direction: column
    }
}

@media(max-width: 999px) {
    .c-job-offer_hero_image {
        margin-top: 3.75rem;
        margin-left: calc(-1*var(--grid-margin));
        margin-right: calc(-1*var(--grid-margin))
    }
}

@media(min-width: 1000px) {
    .c-job-offer_hero_image {
        clip-path: inset(0 round var(--border-radius))
    }
}

@media(min-width: 1000px)and (max-width: 1199px) {
    .c-job-offer_hero_image {
        width: calc((100% + var(--grid-gutter))/6*3 - var(--grid-gutter))
    }
}

@media(min-width: 1200px) {
    .c-job-offer_hero_image {
        width: calc((100% + var(--grid-gutter))/6*2 - var(--grid-gutter))
    }
}

@media(max-width: 999px) {
    .c-job-offer_details {
        margin-top: 3.75rem
    }
}

@media(min-width: 1000px)and (max-width: 1199px) {
    .c-job-offer_details {
        margin-top: var(--grid-gutter)
    }
}

@media(min-width: 1200px) {
    .c-job-offer_details {
        flex: 1 0 auto;
        padding-left: var(--grid-gutter)
    }
}

.c-job-offer_details_item {
    position: relative;
    clip-path: inset(0)
}

.c-job-offer_details_item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-border);
    transform: scale3d(0, 1, 1);
    transform-origin: top left
}

html.is-first-loaded .c-job-offer_details_item::before {
    transition-property: transform;
    transition-duration: .9s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: calc(var(--index, 0)*.1s)
}

.c-job-offer_details.is-inview .c-job-offer_details_item::before {
    transform: scale3d(1, 1, 1)
}

.c-job-offer_details_item_inner {
    font-family: "SuisseIntlMono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
    font-weight: 400;
    line-height: 1.5;
    font-size: .875rem;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    transform: translate3d(0, 100%, 0);
    padding: .625rem 0
}

html.is-first-loaded .c-job-offer_details_item_inner {
    transition-property: transform;
    transition-duration: .9s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: calc(var(--index, 0)*.1s + .1s)
}

.c-job-offer_details.is-inview .c-job-offer_details_item_inner {
    transform: translate3d(0, 0, 0)
}

@media(max-width: 999px) {
    .c-job-offer_sticky-area {
        margin-top: 3.75rem
    }
}

@media(min-width: 1000px) {
    .c-job-offer_sticky-area {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none
    }
}

.c-job-offer_sticky {
    display: flex;
    justify-content: space-between
}

@media(max-width: 999px) {
    .c-job-offer_sticky {
        align-items: center
    }
}

@media(min-width: 1000px) {
    .c-job-offer_sticky {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(var(--vh, 1vh)*100);
        padding-bottom: var(--grid-margin);
        align-items: flex-end
    }
}

@media(min-width: 1000px) {
    .c-job-offer_sticky_item {
        pointer-events: auto
    }
}

.c-job-offer_content span,
.c-job-offer_content div {
    font-size: 1.125rem !important
}

.c-job-offer_content b {
    display: block;
    font-weight: inherit;
    margin-top: 2em;
    margin-bottom: .8em
}

@media(min-width: 1000px) {
    .c-job-offer_content b {
        font-size: 1.875rem !important
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-job-offer_content b {
        font-size: 1.3125rem !important
    }
}

@media(max-width: 699px) {
    .c-job-offer_content b {
        font-size: 1.3125rem !important
    }
}

.c-colors-viewers {
    --thumbnail-size: clamp(114px, 350 / 14.4 * 1vw, 400px);
    --thumbnail-radius: clamp(5px, 10 / 14.4 * 1vw, 10px);
    --spinner-color: #FA5C40;
    --spinner-size: 1.875rem;
    --spinner-border: 0.25rem;
    position: relative;
    aspect-ratio: 1440/810;
    overflow: hidden
}

.c-colors-viewers_selection {
    position: absolute;
    bottom: 3.125rem;
    left: 3.125rem;
    border-radius: .9375rem;
    background: hsla(0, 0%, 100%, .4);
    -webkit-backdrop-filter: blur(45px);
    backdrop-filter: blur(45px);
    padding: .3125rem;
    display: flex;
    align-items: center;
    gap: .625rem;
    z-index: 2
}

@media(max-width: 700px) {
    .c-colors-viewers_selection {
        bottom: var(--grid-margin);
        left: var(--grid-margin);
        width: calc(100% - var(--grid-margin)*2)
    }
}

.c-selection-item_background {
    position: absolute;
    top: .3125rem;
    height: calc(100% - 10px);
    border-radius: .75rem;
    background: #fff;
    transition: transform .3s cubic-bezier(0.38, 0.005, 0.215, 1)
}

.c-selection-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .75rem 1.25rem .75rem .75rem;
    border-radius: .75rem;
    z-index: 2
}

@media(max-width: 700px) {
    .c-selection-item {
        width: 50%
    }
}

.c-selection-item.-is-hover .c-selection-color_picker+.c-selection-color_picker,
.c-selection-item.-is-selected .c-selection-color_picker+.c-selection-color_picker {
    box-shadow: 0 0 0 .0625rem #fff
}

.c-selection-colors {
    display: flex;
    align-items: center;
    pointer-events: none
}

.c-selection-color_picker {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    transition: box-shadow .3s cubic-bezier(0.38, 0.005, 0.215, 1)
}

.c-selection-color_picker:first-child {
    background: linear-gradient(145deg, #91827b -4.44%, #e0e0e0 100.28%)
}

.c-selection-color_picker+.c-selection-color_picker {
    margin-left: -0.375rem
}

.c-selection-color_picker.-color-green {
    background: linear-gradient(147deg, #2C5545 3.94%, #2C5545 90.15%)
}

.c-selection-color_picker.-color-grey-silver {
    background: linear-gradient(149deg, #8585a5 5.62%, #404659 90.62%)
}

.c-selection-color_picker.-color-slate-gray {
    background: linear-gradient(147deg, #8a9691 3.94%, #8a9691 90.15%)
}

.c-selection-color_picker.-color-spectra-yellow {
    background: linear-gradient(149deg, #ffc428 5.62%, #ffc428 90.62%)
}

.c-selection-color_picker.-color-glacier-grey {
    background: linear-gradient(147deg, #c5c6c7 3.94%, #c5c6c7 90.15%)
}

.c-selection-color_picker.-color-tangerine {
    background: linear-gradient(149deg, #dd4124 5.62%, #dd4124 90.62%)
}

.c-selection-name {
    display: flex;
    align-items: center;
    gap: .5rem;
    pointer-events: none
}

.c-selection-name_item {
    color: #000
}

.c-colors-viewers_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.c-colors-viewers_full,
.c-colors-viewers_thumbnail {
    position: absolute;
    overflow: hidden
}

.c-colors-viewers_full {
    --even-clip: inset(0 100% 0 0 round var(--thumbnail-radius));
    --even-clip-active: inset(0);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-colors-viewers_thumbnail {
    --even-clip: inset(0 100% 0 0 round var(--thumbnail-radius));
    --even-clip-active: inset(0 round var(--thumbnail-radius));
    --odd-clip: inset(0 0 0 100% round var(--thumbnail-radius));
    top: var(--grid-margin);
    right: var(--grid-margin);
    width: var(--thumbnail-size);
    height: var(--thumbnail-size);
    clip-path: inset(0 round var(--thumbnail-radius));
    z-index: 1
}

.c-colors-viewers_switch {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2
}

.c-colors-viewers_switch svg {
    z-index: 2
}

.c-colors-viewers_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center
}

.c-colors-viewers_image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 1;
    pointer-events: none
}

.c-colors-viewers_image.-even {
    clip-path: var(--even-clip)
}

.c-colors-viewers_image.-even::before {
    opacity: 1
}

html.is-first-loaded .c-colors-viewers_image.-even {
    transition: clip-path 1.2s cubic-bezier(0.38, 0.005, 0.215, 1), transform 1.2s cubic-bezier(0.38, 0.005, 0.215, 1)
}

html.is-first-loaded .c-colors-viewers_image.-even::before {
    opacity: 1;
    transition: opacity 1.2s cubic-bezier(0.38, 0.005, 0.215, 1)
}

.c-colors-viewers.-is-even-active .c-colors-viewers_image.-even {
    clip-path: var(--even-clip-active);
    transform: translate3d(0, 0, 0);
    transition: transform .3s cubic-bezier(0.38, 0.005, 0.215, 1), clip-path 1.2s cubic-bezier(0.38, 0.005, 0.215, 1)
}

.c-colors-viewers.-is-even-active .c-colors-viewers_image.-even::before {
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.38, 0.005, 0.215, 1)
}

.c-colors-viewers_full .c-colors-viewers_image.-even {
    transform: scale3d(1.1, 1.1, 1.1)
}

html.is-first-loaded .c-colors-viewers_image.-odd {
    transition: transform .3s cubic-bezier(0.38, 0.005, 0.215, 1), clip-path 1.2s cubic-bezier(0.38, 0.005, 0.215, 1)
}

.c-colors-viewers_image.-odd::before {
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.38, 0.005, 0.215, 1)
}

.c-colors-viewers.-is-even-active .c-colors-viewers_image.-odd {
    transition: clip-path 1.2s cubic-bezier(0.38, 0.005, 0.215, 1), transform 1.2s cubic-bezier(0.38, 0.005, 0.215, 1)
}

.c-colors-viewers.-is-even-active .c-colors-viewers_image.-odd::before {
    opacity: 1;
    transition: opacity 1.2s cubic-bezier(0.38, 0.005, 0.215, 1)
}

.c-colors-viewers.-is-even-active .c-colors-viewers_full .c-colors-viewers_image.-odd {
    transform: scale3d(1.1, 1.1, 1.1)
}

.c-colors-viewers_thumbnail .c-colors-viewers_image.-odd {
    clip-path: var(--even-clip-active);
    transition: clip-path 1.2s cubic-bezier(0.38, 0.005, 0.215, 1), transform 1.2s cubic-bezier(0.38, 0.005, 0.215, 1)
}

.c-colors-viewers.-is-even-active .c-colors-viewers_thumbnail .c-colors-viewers_image.-odd {
    clip-path: var(--odd-clip)
}

html.is-first-loaded .c-colors-viewers.-is-even-active .c-colors-viewers_thumbnail .c-colors-viewers_image.-odd {
    transition: transform .3s cubic-bezier(0.38, 0.005, 0.215, 1), clip-path 1.2s cubic-bezier(0.38, 0.005, 0.215, 1)
}

.c-colors-viewers_thumbnail .c-image,
.c-colors-viewers_thumbnail .c-image_wrap,
.c-colors-viewers_thumbnail .c-image_inner,
.c-colors-viewers_thumbnail .c-image_parallax,
.c-colors-viewers_full .c-image,
.c-colors-viewers_full .c-image_wrap,
.c-colors-viewers_full .c-image_inner,
.c-colors-viewers_full .c-image_parallax {
    width: 100%;
    height: 100%
}

.c-colors-viewers_thumbnail img,
.c-colors-viewers_full img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-hero-l1 {
    position: relative;
    z-index: 1
}

@media(min-width: 700px) {
    .c-hero-l1::before {
        content: "";
        position: absolute;
        top: 50vh;
        left: 0;
        right: 0;
        height: calc(var(--vh, 1vh)*50);
        background-color: var(--color-background);
        transform-origin: top center;
        z-index: 1
    }

    html.is-first-loaded .c-hero-l1::before {
        transition: transform 1.2s cubic-bezier(0.86, 0, 0.07, 1);
        transition-delay: 600ms
    }

    html.is-ready .c-hero-l1::before {
        transform: scale3d(1, 0, 1)
    }
}

.c-hero-l1_heading {
    position: relative;
    display: flex;
    justify-content: center;
    font-size: clamp(15.625rem, 50vw, 50vh);
    pointer-events: none;
    z-index: 1
}

@media(max-width: 699px) {
    .c-hero-l1_heading {
        padding-top: 3.75rem
    }
}

@media(min-width: 700px) {
    .c-hero-l1_heading {
        flex-direction: column;
        align-items: center;
        height: calc(var(--vh, 1vh)*100)
    }
}

.c-hero-l1_heading_svg-container {
    line-height: 0
}

.c-hero-l1_heading_svg {
    --extra-delay: 0s;
    display: inline-block;
    font-size: inherit;
    height: 1em
}

.c-hero-l1_heading_svg path {
    display: inline-block;
    transform: translateY(100%)
}

html.is-first-loaded .c-hero-l1_heading_svg path {
    transition-property: transform;
    transition-duration: 1.4s;
    transition-timing-function: cubic-bezier(0.45, 0.12, 0, 1)
}

html.is-ready .c-hero-l1_heading_svg path {
    transform: translateY(0%)
}

html.is-ready .c-hero-l1_heading_svg path:nth-child(1) {
    transition-delay: calc(0.15s + var(--extra-delay))
}

html.is-ready .c-hero-l1_heading_svg path:nth-child(2) {
    transition-delay: calc(0.3s + var(--extra-delay))
}

html.is-ready .c-hero-l1_heading_svg path:nth-child(3) {
    transition-delay: calc(0.45s + var(--extra-delay))
}

html.is-ready .c-hero-l1_heading_svg path:nth-child(4) {
    transition-delay: calc(0.6s + var(--extra-delay))
}

html.is-ready .c-hero-l1_heading_svg path:nth-child(5) {
    transition-delay: calc(0.75s + var(--extra-delay))
}

html.is-ready .c-hero-l1_heading_svg path:nth-child(6) {
    transition-delay: calc(0.9s + var(--extra-delay))
}

html.is-ready .c-hero-l1_heading_svg path:nth-child(7) {
    transition-delay: calc(1.05s + var(--extra-delay))
}

html.is-ready .c-hero-l1_heading_svg path:nth-child(8) {
    transition-delay: calc(1.2s + var(--extra-delay))
}

html.is-ready .c-hero-l1_heading_svg path:nth-child(9) {
    transition-delay: calc(1.35s + var(--extra-delay))
}

.c-hero-l1_video {
    position: relative;
    color: #fff;
    clip-path: inset(0 calc(1.5 * var(--grid-margin) * var(--progress)) 0 calc(2 * var(--grid-margin) * var(--progress)) round calc(2 * var(--border-radius) * var(--progress)))
}

@media(max-width: 699px) {
    .c-hero-l1_video {
        margin-top: -7em
    }
}

@media(min-width: 700px) {
    .c-hero-l1_video {
        margin-top: calc(var(--vh, 1vh)*-50)
    }
}

.c-hero-l1_video_inner::before {
    content: "";
    display: block;
    width: 100%
}

@media(max-width: 699px) {
    .c-hero-l1_video_inner::before {
        padding-top: 140%
    }
}

@media(min-width: 700px) {
    .c-hero-l1_video_inner::before {
        padding-top: 65%
    }
}

.c-hero-l1_video_infos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 3.75rem var(--grid-margin);
    z-index: 2;
    pointer-events: none
}

@media(max-width: 699px) {
    .c-hero-l1_video_infos {
        flex-direction: column;
        justify-content: flex-end
    }
}

@media(min-width: 700px) {
    .c-hero-l1_video_infos {
        justify-content: space-between
    }
}

.c-hero-l1_video_infos_item+.c-hero-l1_video_infos_item {
    margin-top: .625rem
}

.c-scroll-video-products.has-margin-bottom {
    margin-bottom: var(--grid-gutter)
}

@media(max-width: 999px) {
    .c-scroll-video-products.has-margin-bottom {
        margin-bottom: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
    }
}

@media(min-width: 1000px) {
    .c-scroll-video-products {
        position: relative;
        height: calc(200vh + var(--video-height, 100vh));
        margin-top: calc(-200*var(--svh, 1svh));
        min-height: 100vh
    }
}

@media(max-width: 999px) {
    .c-scroll-video-products {
        position: relative;
        margin-top: calc(-100*var(--svh, 1svh))
    }
}

.c-scroll-video-products_inner {
    background-color: #000
}

@media(min-width: 1000px) {
    .c-scroll-video-products_inner {
        position: sticky;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden
    }
}

@media(max-width: 999px) {
    .c-scroll-video-products_inner {
        position: relative;
        z-index: 1;
        height: calc(100*var(--svh, 1svh));
        display: grid;
        align-items: end
    }
}

.c-scroll-video-products_mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.c-scroll-video-products_mobile .c-video {
    padding-top: 56.25%
}

.c-scroll-video-products.has-scroll-video .c-scroll-video-products_mobile {
    display: none;
    visibility: hidden
}

.c-scroll-video-products_title {
    padding: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big))) var(--grid-margin);
    text-align: center
}

@media(min-width: 1000px) {
    .c-scroll-video-products_image {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
}

@media(max-width: 999px) {
    .c-scroll-video-products_image {
        display: none
    }
}

@media(min-width: 1000px) {
    .c-scroll-video-products_container {
        position: relative;
        width: 100%;
        height: 100%
    }
}

@media(max-width: 999px) {
    .c-scroll-video-products:not(.-hero):not(.is-mobile-show) .c-scroll-video-products_container {
        display: none
    }
}

.c-scroll-video-products_content {
    color: #fff
}

@media(min-width: 1000px) {
    .c-scroll-video-products_content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media(min-width: 1000px) {
    .c-scroll-video-products_content {
        padding: var(--grid-margin)
    }
}

@media(max-width: 999px) {
    .c-scroll-video-products_content {
        position: relative;
        width: 100%;
        overflow: hidden
    }

    .c-scroll-video-products_content:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 2px;
        width: 100%;
        background-color: #e8e8e8
    }

    .c-scroll-video-products_content:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 2px;
        width: 100%;
        background-color: #fa5c40;
        transform: scaleX(calc(1 / var(--items-count) * (var(--active-index) + 1)));
        transform-origin: left center;
        transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }
}

@media(max-width: 999px) {
    .c-scroll-video-products_scroll {
        display: flex;
        gap: var(--grid-gutter);
        flex-flow: row nowrap;
        scroll-snap-type: x mandatory;
        overflow-x: scroll;
        padding-bottom: var(--header-height);
        background-color: rgba(0, 0, 0, .3);
        scrollbar-width: none
    }
}

.c-scroll-video-products_keyframe {
    display: flex;
    flex-direction: column;
    z-index: 0
}

@media(min-width: 1000px) {
    .c-scroll-video-products_keyframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        justify-content: center;
        pointer-events: none
    }

    .c-scroll-video-products_keyframe::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .05);
        z-index: -1;
        opacity: 0;
        transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-scroll-video-products_keyframe.is-active {
        pointer-events: all
    }

    .c-scroll-video-products_keyframe.is-active::before {
        opacity: 1
    }
}

@media(max-width: 999px) {
    .c-scroll-video-products_keyframe {
        position: relative;
        z-index: 1;
        width: 66%;
        flex: none;
        scroll-snap-align: start;
        opacity: .5;
        transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-scroll-video-products_keyframe.is-active,
    .c-scroll-video-products_keyframe:nth-child(1) {
        opacity: 1
    }
}

@media(min-width: 1000px) {
    .c-scroll-video-products_keyframe_image {
        display: none
    }
}

.c-scroll-video-products_keyframe_inner {
    display: grid;
    padding: var(--grid-margin);
    height: 100%
}

@media(min-width: 1000px) {
    .c-scroll-video-products_keyframe_inner {
        opacity: 0;
        transition: opacity .6s cubic-bezier(0.165, 0.84, 0.44, 1);
        grid-template-columns: repeat(3, 1fr);
        align-items: end;
        margin-top: 3.125rem
    }

    .c-scroll-video-products_keyframe_inner>div {
        display: grid;
        height: 100%;
        grid-template-rows: 1fr 1fr;
        align-items: end;
        row-gap: 1.25rem
    }

    .c-scroll-video-products_keyframe.is-active .c-scroll-video-products_keyframe_inner {
        opacity: 1
    }
}

@media(max-width: 999px) {
    .c-scroll-video-products_keyframe_inner>div {
        display: grid;
        height: 100%;
        grid-auto-rows: min-content;
        align-items: end;
        row-gap: 1.25rem
    }
}

.c-scroll-video-products_keyframe_label {
    overflow: hidden
}

@media(max-width: 999px) {
    .c-scroll-video-products_keyframe_label {
        font-size: 12px !important
    }
}

@media(min-width: 1000px) {
    .c-scroll-video-products_keyframe_label_inner {
        display: block;
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    html.is-first-loaded .c-scroll-video-products_keyframe_label_inner {
        transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .15s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-scroll-video-products_keyframe.is-active .c-scroll-video-products_keyframe_label_inner {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition: transform .9s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0s linear
    }
}

.c-scroll-video-products_keyframe_title {
    margin-top: 1.875rem;
    max-width: 56.25rem
}

@media(min-width: 1000px) {
    .c-scroll-video-products_keyframe_title .word {
        display: inline-block;
        opacity: 0;
        filter: blur(0.6rem);
        transform: scale3d(1, 0.8, 1) translate3d(0, 25%, 0);
        transform-origin: 50% 100%
    }

    html.is-first-loaded .c-scroll-video-products_keyframe_title .word {
        transition: filter .2s cubic-bezier(0.165, 0.84, 0.44, 1) .2s, opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1), transform .2s cubic-bezier(0.165, 0.84, 0.44, 1) .2s
    }

    .c-scroll-video-products_keyframe.is-active .c-scroll-video-products_keyframe_title .word {
        opacity: 1;
        filter: blur(0rem);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transition: filter 1.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: calc(var(--word-index)*40ms)
    }
}

@media(max-width: 999px) {
    .c-scroll-video-products_keyframe_title {
        max-width: 15.625rem
    }
}

.c-product-table {
    --product-table-columns: 2;
    position: relative;
    width: 100%;
    overflow-x: auto
}

@media(min-width: 1200px) {
    .c-product-table {
        width: calc((100vw - var(--grid-gutter)*(var(--grid-columns) - 1) - var(--grid-margin)*2)/var(--grid-columns)*8 + var(--grid-gutter)*(8 - 1));
        margin-right: auto;
        margin-left: auto
    }
}

.c-product-table_inner {
    min-width: calc(var(--product-table-columns)*13.75rem);
    table-layout: fixed;
    width: 100%
}

.c-product-table_inner th,
.c-product-table_inner td {
    padding: .5em var(--grid-gutter);
    vertical-align: top;
    text-align: left
}

.c-product-table_body tr:nth-child(odd) {
    background-color: rgba(232, 232, 232, .85)
}

.c-product-tabs {
    --product-tab-radius: 10px;
    --product-tabs-gap: 0.9375rem;
    --product-tabs-header-gap: 0.375rem;
    position: relative;
    color: #000
}

.c-product-tabs_list,
.c-product-tabs_header,
.c-product-tabs_footer {
    background-color: hsla(0, 0%, 100%, .4);
    border-radius: var(--product-tab-radius);
    -webkit-backdrop-filter: blur(45px);
    backdrop-filter: blur(45px)
}

.c-product-tabs_header {
    position: relative;
    display: flex;
    padding: var(--product-tabs-header-gap);
    border-radius: calc(1.5*var(--product-tab-radius));
    gap: var(--product-tabs-header-gap)
}

.c-product-tabs_indicators {
    position: absolute;
    top: var(--product-tabs-header-gap);
    right: var(--product-tabs-header-gap);
    bottom: var(--product-tabs-header-gap);
    left: var(--product-tabs-header-gap);
    display: block;
    width: auto;
    height: auto;
    border-radius: var(--product-tab-radius);
    pointer-events: none
}

.c-product-tabs_indicators:after,
.c-product-tabs_indicators:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(100%*1/var(--product-tabs-count) - var(--product-tabs-header-gap)/(var(--product-tabs-count) - 1));
    height: 100%;
    border-radius: inherit;
    transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-product-tabs_indicators:before {
    background-color: #afaca7;
    transform: translate(calc(var(--product-tabs-indicator-hover, 0) * 100% + var(--product-tabs-gap) / var(--product-tabs-count) * var(--product-tabs-indicator-hover)), 0)
}

.c-product-tabs_indicators:after {
    background-color: #000;
    transform: translate(calc(var(--product-tabs-indicator-current, 0) * 100% + var(--product-tabs-gap) / var(--product-tabs-count) * var(--product-tabs-indicator-current)), 0)
}

.c-product-tabs_trigger {
    position: relative;
    flex: 1;
    padding-top: var(--product-tabs-gap);
    padding-bottom: var(--product-tabs-gap);
    text-align: center;
    border-radius: var(--product-tab-radius);
    transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-product-tabs_trigger.is-active {
    color: #fff
}

.c-product-tabs_inner {
    display: none
}

.c-product-tabs_inner.is-active {
    display: block
}

.c-product-tabs_list {
    margin: .625rem 0;
    padding: var(--product-tabs-gap);
    text-align: left
}

.c-product-tabs_row {
    display: grid;
    grid-template-columns: 2fr 3fr
}

.c-product-tabs_row:not(:first-child) {
    padding-top: var(--product-tabs-gap);
    border-top: 1px solid rgba(0, 0, 0, .4)
}

.c-product-tabs_row:not(:last-child) {
    padding-bottom: var(--product-tabs-gap)
}

.c-product-tabs_label {
    color: rgba(0, 0, 0, .4)
}

.c-product-tabs_footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--product-tabs-gap);
    padding: var(--product-tabs-gap)
}

.c-product-tabs_price {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: var(--product-tabs-gap)
}

.c-product-tabs_financing {
    color: rgba(0, 0, 0, .6)
}

.c-product-tabs_button {
    width: 100%
}

.c-product-tabs_notice {
    text-align: left;
    display: grid;
    grid-row-gap: var(--product-tabs-gap)
}

.c-product-tabs_notice_item.-faded {
    color: rgba(0, 0, 0, .4)
}

.c-product-tabs_price_group {
    text-align: left
}

.c-product-tabs_price_group p+p {
    color: rgba(0, 0, 0, .4)
}

.c-rv-map {
    position: relative;
    margin-bottom: var(--grid-gutter)
}

@media(max-width: 999px) {
    .c-rv-map {
        margin-bottom: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
    }
}

.c-rv-map_wrapper {
    position: relative
}

.c-rv-map_inner {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #e8e8e8
}

.c-rv-map_el {
    --image-background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.c-rv-map_el_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

@media(orientation: landscape) {
    .c-rv-map_el_wrapper {
        width: 100%;
        height: 100%
    }
}

@media(orientation: portrait) {
    .c-rv-map_el_wrapper {
        width: 100%;
        height: 100%
    }
}

.c-rv-map_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media(orientation: portrait) {
    .c-rv-map_image.-landscape {
        display: none
    }
}

@media(orientation: landscape) {
    .c-rv-map_image.-portrait {
        display: none
    }
}

.c-rv-map_hotspots {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-rv-map_hotspots li {
    --tooltip-spacing: 0.35em;
    --tootlip-color: #FFFFFF;
    --tootlip-background: #FA5C40;
    --tootlip-shadow: none;
    position: absolute;
    transform: translate3d(-50%, -50%, 0)
}

@media(orientation: landscape) {
    .c-rv-map_hotspots li {
        top: calc(1px*var(--offset-landscape-y)*var(--image-height-ratio));
        left: calc(1px*var(--offset-landscape-x)*var(--image-width-ratio))
    }
}

@media(orientation: portrait) {
    .c-rv-map_hotspots li {
        top: calc(1px*var(--offset-portrait-y)*var(--image-height-ratio));
        left: calc(1px*var(--offset-portrait-x)*var(--image-width-ratio))
    }
}

.c-rv-map_hotspot {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.c-rv-map_hotspot::before,
.c-rv-map_hotspot::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate3d(-50%, -50%, 0);
    transform-origin: center;
    border-radius: 50%;
    background-color: #fa5c40
}

html.is-first-loaded .c-rv-map_hotspot::before,
html.is-first-loaded .c-rv-map_hotspot::after {
    transition: transform .45s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1), background-color .45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-rv-map_hotspot::before {
    opacity: .3;
    transform: translate3d(-50%, -50%, 0)
}

.c-rv-map_hotspot:after {
    border: 2px solid #fa5c40;
    transform: translate3d(-50%, -50%, 0) scale3d(0.25, 0.25, 1)
}

@media(hover: hover) {

    .c-rv-map_hotspot:hover::before,
    .c-rv-map_hotspot.focus-visible::before,
    .c-rv-map_hotspot:focus-visible::before {
        opacity: 1;
        transform: translate3d(-50%, -50%, 0) scale3d(0.25, 0.25, 1)
    }

    .c-rv-map_hotspot:hover:after,
    .c-rv-map_hotspot.focus-visible:after,
    .c-rv-map_hotspot:focus-visible:after {
        transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
        background-color: rgba(0, 0, 0, 0)
    }
}

.c-rv-map_content {
    width: 100%;
    z-index: 1
}

@media(min-width: 1000px) {
    .c-rv-map_content {
        position: absolute;
        left: 0;
        top: var(--grid-margin)
    }
}

@media(max-width: 999px) {
    .c-rv-map_content {
        margin-bottom: var(--grid-gutter)
    }
}

.c-rv-map_content_title {
    max-width: 28.75rem;
    margin: 0 auto;
    text-align: center
}

:root {
    --tooltip-spacing: 0.5em;
    --tooltip-paddings: 0.5em 1em;
    --tooltip-border-radius: 0.25em;
    --tootlip-color: white;
    --tootlip-background: black;
    --tootlip-max-width: 10em;
    --tootlip-shadow: 0 1px 2px hsl(0, 0%, 0%)
}

.c-tooltip {
    position: relative;
    display: inline-block
}

.c-tooltip [role=tooltip] {
    position: absolute;
    top: calc(100% + var(--tooltip-spacing)*2);
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding: var(--tooltip-paddings);
    border-radius: var(--tooltip-border-radius);
    color: var(--tootlip-color);
    background: var(--tootlip-background);
    min-width: -moz-max-content;
    min-width: max-content;
    max-width: var(--tootlip-max-width);
    box-shadow: var(--tootlip-shadow);
    visibility: hidden;
    opacity: 0
}

html.is-first-loaded .c-tooltip [role=tooltip] {
    transition: visibility .45s linear, opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-tooltip [aria-hidden=true] {
    pointer-events: none
}

.c-tooltip.-active [role=tooltip] {
    opacity: 1;
    transition: opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s 0s linear;
    visibility: visible
}

.c-tooltip.top [role=tooltip] {
    bottom: calc(100% + var(--tooltip-spacing)*2)
}

.c-rv-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    z-index: 270;
    color: #000;
    background-color: rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.c-rv-modal.is-active {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    visibility: visible
}

html.has-rv-open .c-rv-modal.is-active {
    transition: visibility 0s 0s, opacity .3s linear
}

html:not(.has-rv-open).is-ready .c-rv-modal {
    transition: visibility 0s linear .3s, opacity .3s linear
}

html:not(.has-rv-open).is-first-loaded.is-loading .c-rv-modal {
    transition: visibility 0s linear, opacity .3s linear
}

@media(hover: hover) {
    .c-rv-modal:hover {
        cursor: pointer
    }
}

.c-rv-modal_trap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.c-rv-modal_inner {
    position: relative;
    width: clamp(617px, calc((100vw - var(--grid-gutter) * (var(--grid-columns) - 1) - var(--grid-margin) * 2) / var(--grid-columns) * 4 + var(--grid-gutter) * (4 - 1)) + var(--grid-margin), 720px);
    max-width: 100%;
    height: 100%;
    color: #000;
    margin-right: 0;
    margin-left: auto;
    cursor: default
}

.c-rv-modal.is-active .c-rv-modal_inner::before {
    opacity: 0
}

html.has-rv-open .c-rv-modal_inner {
    transition: clip-path .45s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s 0s
}

html:not(.has-rv-open).is-ready .c-rv-modal_inner {
    transition: visibility .3s linear, clip-path 0s linear .3s
}

html:not(.has-rv-open).is-first-loaded.is-loading .c-rv-modal_inner {
    transition: visibility .3s linear, clip-path 0s linear .3s
}

.c-rv-modal_close {
    position: absolute;
    top: var(--grid-gutter);
    left: var(--grid-gutter);
    pointer-events: auto;
    z-index: 2
}

@media(pointer: fine) {
    .c-rv-modal_close {
        transform: translate3d(clamp(617px, calc((100vw - var(--grid-gutter) * (var(--grid-columns) - 1) - var(--grid-margin) * 2) / var(--grid-columns) * 4 + var(--grid-gutter) * (4 - 1)) + var(--grid-margin), 720px), 0, 0);
        transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-rv-modal.is-active .c-rv-modal_close {
        transform: translate3d(0, 0, 0)
    }
}

.c-rv-modal_slider {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: auto
}

@media(pointer: coarse) {
    .c-rv-modal_slider {
        display: flex;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        overflow-x: scroll
    }
}

@media(pointer: coarse)and (max-width: 616px) {
    .c-rv-modal_slider {
        gap: calc(var(--grid-gutter)/2);
        padding-inline-start: var(--grid-gutter);
        padding-inline-end: var(--grid-gutter);
        scroll-padding: 0 var(--grid-gutter)
    }
}

@media screen and (max-width: 616px) {
    .c-rv-modal_slider {
        bottom: var(--grid-gutter);
        height: calc(100% - (50px + var(--grid-gutter)*3))
    }
}

.c-rv-modal_slider li {
    position: relative;
    display: flex
}

@media(pointer: coarse) {
    .c-rv-modal_slider li {
        align-items: center;
        justify-content: center;
        scroll-snap-align: start
    }
}

@media(pointer: fine) {
    .c-rv-modal_slider li {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: translate3d(100%, 0, 0);
        transform-origin: center center;
        transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s .6s;
        visibility: hidden
    }

    .c-rv-modal_slider li.is-active {
        transform: translate3d(0, 0, 0);
        visibility: visible;
        z-index: 1;
        transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-rv-modal_slider li.is-prev {
        transform: translate3d(0, 0, 0) scale(0.9);
        visibility: hidden;
        transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s .6s
    }
}

@media screen and (max-width: 616px)and (pointer: coarse) {
    .c-rv-modal_slider li {
        flex: 0 0 calc(100vw - var(--grid-gutter)*2);
        width: calc(100vw - var(--grid-gutter)*2)
    }
}

@media screen and (min-width: 617px)and (pointer: coarse) {
    .c-rv-modal_slider li {
        flex: 0 0 clamp(617px, calc((100vw - var(--grid-gutter) * (var(--grid-columns) - 1) - var(--grid-margin) * 2) / var(--grid-columns) * 4 + var(--grid-gutter) * (4 - 1)) + var(--grid-margin), 720px);
        width: clamp(617px, calc((100vw - var(--grid-gutter) * (var(--grid-columns) - 1) - var(--grid-margin) * 2) / var(--grid-columns) * 4 + var(--grid-gutter) * (4 - 1)) + var(--grid-margin), 720px)
    }
}

.c-rv-card {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto
}

@media(pointer: fine) {
    .c-rv-card::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        background-color: rgba(0, 0, 0, .4);
        pointer-events: none;
        z-index: 1
    }

    .c-rv-modal_slider li.is-prev .c-rv-card::before {
        opacity: 1;
        transition: opacity .6s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-rv-modal_slider li.is-prev .c-rv-card {
        clip-path: inset(0 round 6px)
    }
}

@media screen and (max-width: 616px)and (pointer: coarse) {
    .c-rv-card {
        clip-path: inset(0 round 6px)
    }
}

.c-rv-card_inner {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background-color: #fff
}

.c-rv-card_layout {
    display: flex;
    flex-direction: column;
    flex: 1
}

.c-rv-card_image {
    position: relative;
    clip-path: inset(0 round 0 0 6px 6px)
}

.c-rv-card_image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 60%
}

.c-rv_card_content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0 clamp(40px, 54/14.4*1vw, 54px) clamp(40px, 54/14.4*1vw, 54px) clamp(40px, 54/14.4*1vw, 54px)
}

.c-rv_card_body {
    margin-bottom: auto;
    padding-top: 40px;
    padding-bottom: 40px
}

.c-rv-card_subtitle {
    margin-bottom: 16px
}

.c-rv-card_title {
    max-width: 345px
}

.c-rv-card_title+.c-rv-card_text {
    margin-top: clamp(24px, 32/14.4*1vw, 32px)
}

.c-rv-card_text {
    max-width: 345px;
    color: rgba(0, 0, 0, .6)
}

.c-rv-card_next {
    border-radius: 6px;
    font-size: 0
}

.c-rv-card_next * {
    pointer-events: none
}

.c-rv-card_next_inner {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding-right: 16px;
    border-radius: 6px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transition: color .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.c-rv-card_next_inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #f4f4f4;
    transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translate3d(-100%, 0, 0)
}

@media(pointer: fine) {
    .c-rv-card_next:hover .c-rv-card_next_inner::before {
        transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, 0, 0)
    }
}

.c-rv-card_next_image {
    position: relative;
    width: 80px;
    aspect-ratio: 8/5;
    clip-path: inset(0 round 6px)
}

.c-product-section_inner {
    display: grid;
    gap: var(--grid-gutter)
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-product-section_inner {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(min-width: 1000px) {
    .c-product-section_inner {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media(min-width: 1000px) {
    .c-product-section_title {
        grid-column: 1/3;
        padding-right: 25%
    }
}

.c-product-section_content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: var(--grid-gutter)
}

/* lines for articles */

.c-product-section_list {
    display: grid;
    gap: var(--grid-gutter)
}

@media(min-width: 500px)and (max-width: 999px) {
    .c-product-section_list {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(min-width: 1000px) {
    .c-product-section_list {
/*         grid-template-columns: repeat(3, minmax(0, 1fr)) */
        display:flex;
    }
}



/* lines ended  */
 

.c-product-section_item {
    display: grid;
    grid-template-rows: auto auto auto auto;
    grid-auto-rows: min-content;
    row-gap: .875rem
}

.c-cosmos-section {
    overflow: hidden
}

.c-cosmos-section_title {
    --font-size: 11.25vw;
    white-space: nowrap
}

@media(min-width: 700px) {
    .c-cosmos-section_image2:not(:last-child) {
        position: relative
    }

    .c-cosmos-section_image2:not(:last-child) .c-image_wrap,
    .c-cosmos-section_image2:not(:last-child) .c-image_inner {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

    .c-cosmos-section_image2:not(:last-child) .c-image_wrap {
        overflow: hidden
    }

    .c-cosmos-section_image2:not(:last-child) .c-image_img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.c-cosmos-section_tile {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-height: 100%;
    gap: var(--grid-gutter);
    padding: calc(2*var(--grid-gutter));
    color: #fff;
    background-color: #000;
    border-radius: var(--border-radius)
}

.c-cosmos-section_tile .c-button {
    margin-top: auto
}

@media(min-width: 500px) {
    .c-cosmos-section_tile {
        padding-right: 33%
    }
}

.c-cosmos-section_tile-desc {
    min-height: 15vw;
    padding-bottom: 2em
}

.c-content-block {
    display: grid;
    gap: var(--grid-gutter)
}

@media(max-width: 699px) {
    .c-content-block {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas: "title date" "desc  desc"
    }
}

@media(min-width: 700px) {
    .c-content-block {
        grid-template-columns: calc((100vw - var(--grid-gutter)*(var(--grid-columns) - 1) - var(--grid-margin)*2)/var(--grid-columns)*5 + var(--grid-gutter)*(5 - 1)) calc((100vw - var(--grid-gutter)*(var(--grid-columns) - 1) - var(--grid-margin)*2)/var(--grid-columns)*3 + var(--grid-gutter)*(3 - 1)) calc((100vw - var(--grid-gutter)*(var(--grid-columns) - 1) - var(--grid-margin)*2)/var(--grid-columns)*2 + var(--grid-gutter)*(2 - 1));
        grid-template-areas: "title desc  date"
    }
}

.c-content-block_title {
    grid-area: title;
    display: flex;
    align-items: center;
    align-self: flex-start
}

.c-content-block_title span:not(:first-child) {
    display: flex;
    align-items: center
}

.c-content-block_title span:not(:first-child):before {
    content: "";
    display: block;
    width: 4em;
    height: 1px;
    margin-right: .5em;
    margin-left: .5em;
    background-color: currentColor
}

.c-content-block_desc {
    grid-area: desc
}

.c-content-block_date {
    grid-area: date
}

.c-scroll-hero-products {
    background-color: #000
}

.c-scroll-hero-products.has-margin-bottom {
    margin-bottom: var(--grid-gutter)
}

@media(max-width: 999px) {
    .c-scroll-hero-products.has-margin-bottom {
        margin-bottom: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
    }
}

@media(min-width: 1000px) {
    .c-scroll-hero-products {
        position: relative;
        height: calc(200vh + var(--video-height, 100vh))
    }
}

@media(max-width: 999px) {
    .c-scroll-hero-products {
        height: calc(200*var(--svh, 1svh));
        position: relative
    }
}

.c-scroll-hero-products:not(.has-scroll-video):not(.-hero) .c-scroll-hero-products_inner {
    display: none;
    visibility: hidden
}

@media(min-width: 1000px) {
    .c-scroll-hero-products_inner {
        position: sticky;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden
    }
}

@media(max-width: 999px) {
    .c-scroll-hero-products_inner {
        position: sticky;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden
    }
}

.c-scroll-hero-products_mobile {
    color: #fff;
    background-color: #000;
    border-radius: var(--border-radius);
    overflow: hidden
}

.c-scroll-hero-products_mobile .c-video {
    padding-top: 56.25%
}

.c-scroll-hero-products.has-scroll-video .c-scroll-hero-products_mobile {
    display: none;
    visibility: hidden
}

.c-scroll-hero-products_title {
    padding: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big))) var(--grid-margin);
    text-align: center
}

@media(min-width: 1000px) {
    .c-scroll-hero-products_image {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
}

@media(max-width: 999px) {
    .c-scroll-hero-products_image {
        display: none
    }
}

@media(min-width: 1000px) {
    .c-scroll-hero-products_container {
        position: relative;
        width: 100%;
        height: 100%
    }
}

@media(max-width: 999px) {
    .c-scroll-hero-products .c-scroll-hero-products_container {
        display: none
    }
}

.c-scroll-hero-products_content {
    color: #fff
}

@media(min-width: 1000px) {
    .c-scroll-hero-products_content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media(max-width: 999px) {
    .c-scroll-hero-products.is-mobile-show .c-scroll-hero-products_content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media(min-width: 1000px) {
    .c-scroll-hero-products_content {
        padding: var(--grid-margin)
    }
}

.c-scroll-hero-products_keyframe {
    display: flex;
    flex-direction: column;
    z-index: 0
}

@media(min-width: 1000px) {
    .c-scroll-hero-products_keyframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        justify-content: center;
        pointer-events: none
    }

    .c-scroll-hero-products_keyframe::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .05);
        z-index: -1;
        opacity: 0;
        transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-scroll-hero-products_keyframe.is-active {
        pointer-events: all
    }

    .c-scroll-hero-products_keyframe.is-active::before {
        opacity: 1
    }
}

@media(max-width: 999px) {
    .c-scroll-hero-products_keyframe {
        position: relative;
        z-index: 1
    }

    .c-scroll-hero-products_keyframe+.c-scroll-hero-products_keyframe {
        margin-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
    }

    .c-scroll-hero-products_keyframe:last-child:not(:first-child) {
        padding-bottom: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
    }
}

@media(min-width: 1000px) {
    .c-scroll-hero-products_keyframe_image {
        display: none
    }
}

.c-scroll-hero-products_keyframe_inner {
    display: grid;
    margin-top: 3.125rem;
    padding: var(--grid-margin);
    grid-template-columns: repeat(3, 1fr);
    height: 100%;
    align-items: end
}

.c-scroll-hero-products_keyframe_inner>div {
    display: grid;
    height: 100%;
    grid-template-rows: 1fr 1fr;
    align-items: end;
    row-gap: 1.25rem
}

@media(min-width: 1000px) {
    .c-scroll-hero-products_keyframe_inner {
        opacity: 0;
        transition: opacity .6s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-scroll-hero-products_keyframe.is-active .c-scroll-hero-products_keyframe_inner {
        opacity: 1
    }
}

.c-scroll-hero-products_keyframe_label {
    overflow: hidden
}

@media(min-width: 1000px) {
    .c-scroll-hero-products_keyframe_label_inner {
        display: block;
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    html.is-first-loaded .c-scroll-hero-products_keyframe_label_inner {
        transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .15s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .c-scroll-hero-products_keyframe.is-active .c-scroll-hero-products_keyframe_label_inner {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition: transform .9s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0s linear
    }
}

.c-scroll-hero-products_keyframe_title {
    margin-top: 1.875rem;
    max-width: 56.25rem
}

@media(min-width: 1000px) {
    .c-scroll-hero-products_keyframe_title .word {
        display: inline-block;
        opacity: 0;
        filter: blur(0.6rem);
        transform: scale3d(1, 0.8, 1) translate3d(0, 25%, 0);
        transform-origin: 50% 100%
    }

    html.is-first-loaded .c-scroll-hero-products_keyframe_title .word {
        transition: filter .2s cubic-bezier(0.165, 0.84, 0.44, 1) .2s, opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1), transform .2s cubic-bezier(0.165, 0.84, 0.44, 1) .2s
    }

    .c-scroll-hero-products_keyframe.is-active .c-scroll-hero-products_keyframe_title .word {
        opacity: 1;
        filter: blur(0rem);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transition: filter 1.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: calc(var(--word-index)*40ms)
    }
}

.c-compare-widget {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 100vh);
    z-index: 180;
    pointer-events: none
}

@media(max-width: 699px) {
    .c-compare-widget {
        display: none
    }
}

.c-compare-widget_area {
    position: relative;
    min-height: 100vh
}

.c-compare-widget_sticky {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.c-compare-widget_bar {
    display: inline-flex;
    position: absolute;
    left: 50%;
    bottom: 1.875rem;
    width: 100%;
    max-width: 35.625rem;
    padding: 8px 16px;
    border-radius: 12px;
    color: #fff;
    background-color: #1f1f1f;
    opacity: 0;
    transform: translate3d(-50%, calc(100% + 1.875rem), 0);
    visibility: hidden;
    pointer-events: auto
}

html.is-first-loaded .c-compare-widget_bar {
    transition: opacity .45s cubic-bezier(0.215, 0.61, 0.355, 1), transform .45s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0s .45s
}

.c-compare-widget.is-widget-active .c-compare-widget_bar {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
    visibility: visible;
    transition: opacity .45s cubic-bezier(0.215, 0.61, 0.355, 1), transform .45s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-compare-widget_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--grid-gutter);
    flex: 1
}

.c-compare-widget_col {
    display: flex;
    align-items: baseline
}

.c-compare-widget_col:nth-child(odd) {
    gap: 16px
}

.c-compare-widget_col:nth-child(even) {
    gap: 8px
}

.c-compare-widget_title {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    letter-spacing: -0.04em
}

.c-compare-widget_description {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.2;
    line-height: 1.2;
    color: #fff;
    opacity: .4
}

.c-compare-widget_link {
    --underline-offset: -1px;
    position: relative;
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.2;
    line-height: 1.2;
    padding: 8px;
    color: #fff;
    opacity: .4
}

html.is-first-loaded .c-compare-widget_link {
    transition: opacity .45s linear
}

@media(hover: hover) {

    .c-compare-widget_link:hover,
    .c-compare-widget_link.focus-visible {
        opacity: 1
    }
}

@media(max-width: 999px) {
    .c-scroll-video-divider {
        margin-bottom: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
    }
}

@media(min-width: 1000px) {
    .c-scroll-video-divider {
        position: relative;
        height: calc(200vh + var(--video-height, 100vh))
    }
}

.c-scroll-video-divider:not(.has-scroll-video) .c-scroll-video-divider_inner {
    display: none;
    visibility: hidden
}

@media(min-width: 1000px) {
    .c-scroll-video-divider_inner {
        position: sticky;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden
    }
}

@media(min-width: 1000px) {
    .c-scroll-video-divider_area {
        min-height: 100vh
    }
}

@media(min-width: 1000px) {
    .c-scroll-video-divider_sibling {
        margin-top: -100vh
    }
}

@media(max-width: 999px) {
    .c-scroll-video-divider_toggler {
        display: none
    }
}

@media(min-width: 1000px) {
    .c-scroll-video-divider_toggler {
        position: absolute;
        top: -100svh;
        left: 0;
        width: 100%;
        height: calc(100% + 200svh);
        pointer-events: none
    }
}

.c-scroll-video-divider_mobile {
    color: #fff;
    background-color: #000;
    border-radius: var(--border-radius);
    overflow: hidden
}

.c-scroll-video-divider_mobile .c-video {
    aspect-ratio: 9/16;
    max-height: 100vh;
    width: 100%
}

.c-scroll-video-divider.has-scroll-video .c-scroll-video-divider_mobile {
    display: none;
    visibility: hidden
}

.c-scroll-video-divider_title {
    padding: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big))) var(--grid-margin);
    text-align: center
}

@media(min-width: 1000px) {
    .c-scroll-video-divider_container {
        position: relative;
        width: 100%;
        height: 100%
    }
}

@media(max-width: 999px) {
    .c-scroll-video-divider_container {
        display: none
    }
}

.c-scroll-video-divider_content {
    color: #fff
}

@media(min-width: 1000px) {
    .c-scroll-video-divider_content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media(min-width: 1000px) {
    .c-scroll-video-divider_content {
        padding: var(--grid-margin)
    }
}

@media(max-width: 999px) {
    .c-scroll-video-divider_content {
        position: relative;
        display: flex;
        flex-direction: column;
        z-index: 1
    }

    .c-scroll-video-divider_content::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        border-radius: var(--border-radius);
        z-index: -1
    }
}

#cc-main {
    --cc-bg: #FFFFFF;
    --cc-primary-color: #1F1F1F;
    --cc-separator-border-color: #E8E8E8;
    --cc-z-index: 200;
    --cc-modal-margin: var(--grid-gutter);
    --cc-modal-border-radius: var(--border-radius);
    --cc-footer-bg: #FFFFFF;
    --cc-footer-border-color: var(--cc-separator-border-color);
    --cc-secondary-color: #1F1F1F;
    --cc-btn-border-radius: var(--border-radius);
    --cc-btn-primary-color: #FFFFFF;
    --cc-btn-primary-bg: #FA5C40;
    --cc-btn-primary-border-color: transparent;
    --cc-btn-primary-hover-bg: #1F1F1F;
    --cc-btn-primary-hover-color: #FFFFFF;
    --cc-btn-primary-hover-border-color: transparent;
    --cc-btn-secondary-bg: #FFFFFF;
    --cc-btn-secondary-border-color: #E8E8E8;
    --cc-btn-secondary-hover-color: #FFFFFF;
    --cc-btn-secondary-hover-bg: #1F1F1F;
    --cc-btn-secondary-hover-border-color: transparent;
    --cc-toggle-on-bg: #FA5C40;
    --cc-toggle-readonly-bg: #d9d9d9;
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
    --cc-cookie-category-block-bg: #FFFFFF;
    --cc-cookie-category-block-border: #E8E8E8;
    --cc-cookie-category-block-hover-bg: #ededed;
    --cc-cookie-category-block-hover-border: #ededed;
    --cc-cookie-category-expanded-block-hover-bg: #E8E8E8
}

#cc-main a {
    border: none
}

#cc-main a:hover {
    opacity: .6
}

@media(max-width: 999px) {
    #cc-main .cm--bottom {
        bottom: var(--header-height)
    }
}

#cc-main .pm__title,
#cc-main .cm__title {
    font-family: "F37Bolton", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    line-height: 1
}

@media(min-width: 1000px) {

    #cc-main .pm__title,
    #cc-main .cm__title {
        font-size: 1.375rem
    }
}

@media(max-width: 999px) {

    #cc-main .pm__title,
    #cc-main .cm__title {
        font-size: 1.2375rem
    }
}

#cc-main .cm--box {
    box-shadow: none;
    border: 1px solid #e8e8e8
}

#cc-main .cm__btn--close {
    top: 10px;
    right: 10px;
    border: solid 1px #E8E8E8 !important;
    border-radius: var(--cc-btn-border-radius)
}

#cc-main .pm__btn,
#cc-main .cm__btn:not(.cm__btn--close) {
    font-weight: 400;
    line-height: 1
}

#cc-main .cm__title {
    padding-top: 10px
}

#cc-main .section__toggle:checked:disabled~.toggle__icon svg {
    stroke: #d9d9d9
}

#cc-main .cm__link-group a {
    text-decoration: none
}

#cc-main [tabindex="-1"]:focus-visible {
    outline: 0px solid currentColor
}

#cc-main .cm__desc {
    font-size: 14px;
    line-height: 1.2
}

.u-1\:1:before {
    padding-bottom: 100%
}

@media(orientation: portrait) {
    .u-1\:1.-portrait-reverse:before {
        padding-bottom: 100%
    }
}

.u-2\:1:before {
    padding-bottom: 50%
}

@media(orientation: portrait) {
    .u-2\:1.-portrait-reverse:before {
        padding-bottom: 200%
    }
}

.u-3\:2:before {
    padding-bottom: 66.6666666667%
}

@media(orientation: portrait) {
    .u-3\:2.-portrait-reverse:before {
        padding-bottom: 150%
    }
}

.u-7\:4:before {
    padding-bottom: 57.1428571429%
}

@media(orientation: portrait) {
    .u-7\:4.-portrait-reverse:before {
        padding-bottom: 175%
    }
}

.u-4\:3:before {
    padding-bottom: 75%
}

@media(orientation: portrait) {
    .u-4\:3.-portrait-reverse:before {
        padding-bottom: 133.3333333333%
    }
}

.u-6\:5:before {
    padding-bottom: 83.3333333333%
}

@media(orientation: portrait) {
    .u-6\:5.-portrait-reverse:before {
        padding-bottom: 120%
    }
}

.u-16\:9:before {
    padding-bottom: 56.25%
}

@media(orientation: portrait) {
    .u-16\:9.-portrait-reverse:before {
        padding-bottom: 177.7777777778%
    }
}

.u-gc-1\/2 {
    grid-column-start: 1;
    grid-column-end: 2
}

.u-gc-1\/8 {
    grid-column-start: 1;
    grid-column-end: 8
}

.u-gc-3\/6 {
    grid-column-start: 3;
    grid-column-end: 6
}

.u-gc-8\/11 {
    grid-column-start: 8;
    grid-column-end: 11
}

@media(min-width: 700px) {
    .u-gc-1\/2\@from-small {
        grid-column-start: 1;
        grid-column-end: 2
    }
}

@media(min-width: 700px) {
    .u-gc-1\/4\@from-small {
        grid-column-start: 1;
        grid-column-end: 4
    }
}

@media(min-width: 700px) {
    .u-gc-1\/6\@from-small {
        grid-column-start: 1;
        grid-column-end: 6
    }
}

@media(min-width: 700px) {
    .u-gc-1\/8\@from-small {
        grid-column-start: 1;
        grid-column-end: 8
    }
}

@media(min-width: 700px) {
    .u-gc-1\/10\@from-small {
        grid-column-start: 1;
        grid-column-end: 10
    }
}

@media(min-width: 700px) {
    .u-gc-2\/3\@from-small {
        grid-column-start: 2;
        grid-column-end: 3
    }
}

@media(min-width: 700px) {
    .u-gc-2\/10\@from-small {
        grid-column-start: 2;
        grid-column-end: 10
    }
}

@media(min-width: 700px) {
    .u-gc-3\/9\@from-small {
        grid-column-start: 3;
        grid-column-end: 9
    }
}

@media(min-width: 700px) {
    .u-gc-4\/10\@from-small {
        grid-column-start: 4;
        grid-column-end: 10
    }
}

@media(min-width: 700px) {
    .u-gc-4\/11\@from-small {
        grid-column-start: 4;
        grid-column-end: 11
    }
}

@media(min-width: 700px) {
    .u-gc-6\/11\@from-small {
        grid-column-start: 6;
        grid-column-end: 11
    }
}

@media(min-width: 1000px) {
    .u-gc-1\/2\@from-medium {
        grid-column-start: 1;
        grid-column-end: 2
    }
}

@media(min-width: 1000px) {
    .u-gc-1\/4\@from-medium {
        grid-column-start: 1;
        grid-column-end: 4
    }
}

@media(min-width: 1000px) {
    .u-gc-1\/5\@from-medium {
        grid-column-start: 1;
        grid-column-end: 5
    }
}

@media(min-width: 1000px) {
    .u-gc-1\/7\@from-medium {
        grid-column-start: 1;
        grid-column-end: 7
    }
}

@media(min-width: 1000px) {
    .u-gc-1\/8\@from-medium {
        grid-column-start: 1;
        grid-column-end: 8
    }
}

@media(min-width: 1000px) {
    .u-gc-2\/5\@from-medium {
        grid-column-start: 2;
        grid-column-end: 5
    }
}

@media(min-width: 1000px) {
    .u-gc-2\/10\@from-medium {
        grid-column-start: 2;
        grid-column-end: 10
    }
}

@media(min-width: 1000px) {
    .u-gc-3\/9\@from-medium {
        grid-column-start: 3;
        grid-column-end: 9
    }
}

@media(min-width: 1000px) {
    .u-gc-4\/8\@from-medium {
        grid-column-start: 4;
        grid-column-end: 8
    }
}

@media(min-width: 1000px) {
    .u-gc-4\/9\@from-medium {
        grid-column-start: 4;
        grid-column-end: 9
    }
}

@media(min-width: 1000px) {
    .u-gc-5\/8\@from-medium {
        grid-column-start: 5;
        grid-column-end: 8
    }
}

@media(min-width: 1000px) {
    .u-gc-5\/11\@from-medium {
        grid-column-start: 5;
        grid-column-end: 11
    }
}

@media(min-width: 1000px) {
    .u-gc-7\/11\@from-medium {
        grid-column-start: 7;
        grid-column-end: 11
    }
}

@media(min-width: 1000px) {
    .u-gc-9\/11\@from-medium {
        grid-column-start: 9;
        grid-column-end: 11
    }
}

.u-padding.-tiny-top {
    padding-top: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
}

.u-padding.-tiny-bottom {
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
}

.u-padding.-small-top {
    padding-top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

.u-padding.-small-bottom {
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

.u-padding.-medium-top {
    padding-top: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

.u-padding.-medium-bottom {
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

.u-padding.-large-top {
    padding-top: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
}

.u-padding.-large-bottom {
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
}

.u-padding.-big-top {
    padding-top: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
}

.u-padding.-big-bottom {
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
}

.u-padding.-huge-top {
    padding-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
}

.u-padding.-huge-bottom {
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
}

.u-padding.-enormous-top {
    padding-top: clamp(calc(0.0625rem * var(--spacing-enormous-mobile)), var(--spacing-enormous)/14.4*1vw, calc(0.0625rem * var(--spacing-enormous)))
}

.u-padding.-enormous-bottom {
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-enormous-mobile)), var(--spacing-enormous)/14.4*1vw, calc(0.0625rem * var(--spacing-enormous)))
}

.u-margin.-tiny-top {
    margin-top: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
}

.u-margin.-tiny-bottom {
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
}

.u-margin.-small-top {
    margin-top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

.u-margin.-small-bottom {
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

.u-margin.-medium-top {
    margin-top: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

.u-margin.-medium-bottom {
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

.u-margin.-large-top {
    margin-top: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
}

.u-margin.-large-bottom {
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
}

.u-margin.-big-top {
    margin-top: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
}

.u-margin.-big-bottom {
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
}

.u-margin.-huge-top {
    margin-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
}

.u-margin.-huge-bottom {
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
}

.u-margin.-enormous-top {
    margin-top: clamp(calc(0.0625rem * var(--spacing-enormous-mobile)), var(--spacing-enormous)/14.4*1vw, calc(0.0625rem * var(--spacing-enormous)))
}

.u-margin.-enormous-bottom {
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-enormous-mobile)), var(--spacing-enormous)/14.4*1vw, calc(0.0625rem * var(--spacing-enormous)))
}

.u-relative {
    position: relative
}

.u-clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.u-max-w300 {
    max-width: 18.75rem
}

.u-max-w400 {
    max-width: 25rem
}

.u-max-w500 {
    max-width: 31.25rem
}

.u-max-w600 {
    max-width: 37.5rem
}

.u-max-w700 {
    max-width: 43.75rem
}

.u-max-w850 {
    max-width: 53.125rem
}

.u-max-w900 {
    max-width: 56.25rem
}

.u-text-right {
    text-align: right
}

.u-text-center {
    text-align: center
}

.u-border-radius {
    border-radius: var(--border-radius)
}

.u-underline-link {
    position: relative;
    display: inline-block
}

.u-underline-link::before {
    content: "";
    position: absolute;
    bottom: var(--underline-offset, 0);
    left: 0;
    width: 100%;
    background-color: currentColor;
    height: 1px;
    transform: scaleX(0);
    transform-origin: right center
}

html.is-first-loaded .u-underline-link::before {
    transition: transform .45s cubic-bezier(0.86, 0, 0.07, 1)
}

a:hover .u-underline-link::before,
button:hover .u-underline-link::before {
    transform: scaleX(1);
    transform-origin: left center
}

.u-color-white {
    --color-text: #FFFFFF;
    color: var(--color-text)
}

.u-color-grey {
    --color-text: #AFACA7;
    color: var(--color-text)
}

.u-background {
    background-color: var(--color-background)
}

.u-background-primary {
    background-color: var(--color-primary)
}

.u-background-secondary {
    background-color: var(--color-secondary)
}

.u-background-white {
    background-color: var(--color-white)
}

.u-background-grey-light {
    background-color: #f4f4f4
}

.u-background-grey-dark {
    background-color: #afaca7
}

.u-background-beige {
    background-color: #c4a173
}

.u-background-beige-light {
    background-color: #e0dbd4
}

.u-background-beige-lighter {
    background-color: #faf6ef
}

[hidden][aria-hidden=false] {
    position: absolute;
    display: inherit;
    clip: rect(0, 0, 0, 0)
}

[hidden][aria-hidden=false]:focus {
    clip: auto
}

@media(max-width: 699px) {
    .u-hide\@to-small {
        display: none
    }
}

@media(min-width: 700px) {
    .u-hide\@from-small {
        display: none
    }
}

@media(min-width: 1000px) {
    .u-hide\@from-medium {
        display: none
    }
}

.u-screen-reader-text {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0
}

@media not print {
    .u-screen-reader-text\@screen {
        position: absolute !important;
        overflow: hidden;
        clip: rect(0 0 0 0);
        margin: 0;
        padding: 0;
        width: 1px;
        height: 1px;
        border: 0
    }
}

.u-screen-reader-text.-focusable:focus,
.u-screen-reader-text.-focusable:active {
    clip: auto;
    width: auto;
    height: auto
}

.u-anim-page::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--vh, 1vh)*100);
    background-color: #000;
    pointer-events: none;
    opacity: 0;
    transition: opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 209
}

html.is-first-loaded.is-loading:not(.menu-loading-transition) .u-anim-page::before {
    opacity: 1
}

.u-anim-blur .word {
    display: inline-block;
    opacity: 0;
    filter: blur(0.6rem);
    transform: scale3d(1, 0.85, 1) translate3d(0, 50%, 0);
    transform-origin: bottom left
}

html.is-first-loaded .u-anim-blur .word {
    transition-property: filter, opacity, transform;
    transition-duration: 1.6s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}

.u-anim-blur:not(.-scroll) {
    --extra-delay: 600ms
}

html.is-ready .u-anim-blur:not(.-scroll) .word {
    opacity: 1;
    filter: blur(0rem);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transition-delay: calc(var(--word-index)*60ms + var(--extra-delay, 0s))
}

html.is-first-loaded .u-anim-blur.-scroll.is-inview .word {
    opacity: 1;
    filter: blur(0rem);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transition-delay: calc(var(--word-index)*60ms + var(--extra-delay, 0s))
}

html.is-first-loaded .u-anim-parent.is-inview .u-anim-blur.-scroll.-parent .word {
    opacity: 1;
    filter: blur(0rem);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transition-delay: calc(var(--word-index)*60ms + var(--extra-delay, 0s))
}

.u-anim-mask .word {
    display: inline-block;
    clip-path: inset(0 0 -0.05em 0)
}

.u-anim-mask .char {
    display: inline-block;
    transform: translateY(100%)
}

html.is-first-loaded .u-anim-mask .char {
    transition-property: transform;
    transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

.u-anim-mask.-by-word .char {
    transition-delay: calc(var(--word-index)*80ms + var(--extra-delay, 0s))
}

.u-anim-mask.-by-char .char {
    transition-delay: calc(var(--char-index)*60ms + var(--extra-delay, 0s))
}

.u-anim-mask:not(.-scroll) {
    --extra-delay: 600ms
}

html.is-ready .u-anim-mask:not(.-scroll) .char,
html.is-ready .u-anim-mask:not(.-scroll) .word {
    transform: translateY(0%)
}

html.is-ready .u-anim-mask.-scroll.is-inview .char,
html.is-ready .u-anim-mask.-scroll.is-inview .word {
    transform: translateY(0%)
}

html.is-ready .u-anim-parent.is-inview .u-anim-mask.-scroll.-parent .char,
html.is-ready .u-anim-parent.is-inview .u-anim-mask.-scroll.-parent .word {
    transform: translateY(0%)
}

.u-anim-fade {
    opacity: 0;
    filter: blur(0.6rem);
    transform: translate3d(0, 40px, 0)
}

html.is-ready .u-anim-fade {
    transition-property: filter, opacity, transform;
    transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}

html.is-first-loaded .u-anim-fade.-scroll.is-inview {
    opacity: 1;
    filter: blur(0rem);
    transform: translate3d(0, 0, 0);
    transition-delay: var(--delay, 0s)
}

html.is-ready .u-anim-fade:not(.-scroll) {
    opacity: 1;
    filter: blur(0rem);
    transform: translate3d(0, 0, 0);
    transition-delay: var(--delay, 0s)
}