:root {
    --animation-duration-factor: 1
}

:root {
    --color: #010101;
    --color-bg: white;
    --color-accent: #7297c5
}

@media(max-width: 699px) {
    :root {
        --grid-columns: 4;
        --grid-gutter: 10px;
        --grid-margin: 10px;
        --grid-outer: 10px
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    :root {
        --grid-columns: 12;
        --grid-gutter: 10px;
        --grid-margin: 20px;
        --grid-outer: 20px
    }
}

@media(min-width: 1000px) {
    :root {
        --grid-columns: 12;
        --grid-gutter: 20px;
        --grid-margin: calc(7.3611111111 * var(--vw, 1vw));
        --grid-outer: 32px
    }
}

:root {
    --container-margin: var(--grid-margin);
    --container-large-margin: calc(var(--grid-margin) + calc(0.1666666667 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.1666666667) * var(--grid-gutter, 0px) + 1 * var(--grid-gutter, 0px)));
    --container-medium-margin: calc(var(--grid-margin) + calc(0.25 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.25) * var(--grid-gutter, 0px) + 1 * var(--grid-gutter, 0px)))
}

@media(max-width: 999px) {
    :root {
        --container-large-margin: calc(var(--grid-margin) + calc(0.0833333333 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.0833333333) * var(--grid-gutter, 0px) + 1 * var(--grid-gutter, 0px)));
        --container-medium-margin: calc(var(--grid-margin) + calc(0.1666666667 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.1666666667) * var(--grid-gutter, 0px) + 1 * var(--grid-gutter, 0px)))
    }
}

@media(max-width: 699px) {
    :root {
        --container-large-margin: var(--grid-margin);
        --container-medium-margin: var(--grid-margin)
    }
}

:root {
    --font-size-body: clamp(14px, 0.0111111111 * calc(100 * var(--vw, 1vw)), 16px);
    --font-size-body-tiny: clamp(10px, 0.0069444444 * calc(100 * var(--vw, 1vw)), 10px);
    --font-size-body-small: clamp(12px, 0.0083333333 * calc(100 * var(--vw, 1vw)), 12px);
    --font-size-body-medium: clamp(21px, 0.0145833333 * calc(100 * var(--vw, 1vw)), 21px);
    --font-size-body-large: clamp(26px, 0.01875 * calc(100 * var(--vw, 1vw)), 27px);
    --font-size-huge: clamp(56px, 0.0972222222 * calc(100 * var(--vw, 1vw)), 140px);
    --font-size-h1: clamp(36px, 0.0555555556 * calc(100 * var(--vw, 1vw)), 80px);
    --font-size-h2: clamp(34px, 0.0423611111 * calc(100 * var(--vw, 1vw)), 61px);
    --font-size-h3: clamp(32px, 0.0326388889 * calc(100 * var(--vw, 1vw)), 47px);
    --font-size-h4: clamp(28px, 0.025 * calc(100 * var(--vw, 1vw)), 36px);
    --font-size-h5: var(--font-size-body-large);
    --font-size-h6: var(--font-size-body-medium)
}

:root {
    --spacing-micro-mobile: 5;
    --spacing-micro: 10;
    --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: 160;
    --spacing-huge-mobile: 100;
    --spacing-huge: 200;
    --spacing-enormous-mobile: 140;
    --spacing-enormous: 250
}

/*! 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 {
    font-size: 1em;
    font-weight: initial;
    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
}

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

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

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

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

img[width],
img[height],
svg[width],
svg[height] {
    max-width: none
}

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,
.c-langswitcher_select {
    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-langswitcher_select:focus,
.c-button:hover,
.c-langswitcher_select:hover {
    text-decoration: none
}

html.lenis {
    height: auto
}

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

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

.lenis.lenis-stopped {
    overflow: hidden
}

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

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@font-face {
    font-display: swap;
    font-family: "SuisseIntl";
    src: url("/wp-content/themes/abcedi/fonts/SuisseIntl-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: "SuisseIntl";
    src: url("/wp-content/themes/abcedi/fonts/SuisseIntl-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: "TiemposFine";
    src: url("/wp-content/themes/abcedi/fonts/TiemposFine-Regular.woff2") format("woff2");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: "TiemposFine";
    src: url("/wp-content/themes/abcedi/fonts/TiemposFine-Light.woff2") format("woff2");
    font-weight: 200;
    font-style: normal
}

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

@media(min-width: 700px) {
    html {
        scrollbar-gutter: stable
    }
}

html.is-animating {
    cursor: wait
}

html.has-modal-open,
html.has-gallery-open {
    overflow: hidden
}

html.is-changing {
    transition: background-color .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    overflow: hidden
}

html[dir=rtl][data-post-is-translated=true] main {
    direction: rtl
}

::-moz-selection {
    background-color: var(--color);
    color: var(--color-bg);
    text-shadow: none
}

::selection {
    background-color: var(--color);
    color: var(--color-bg);
    text-shadow: none
}

*:focus-visible {
    outline-color: var(--color);
    outline-style: auto;
    outline-width: 10px;
    outline-offset: 5px
}

main:focus-visible {
    outline-offset: -10px !important
}

a {
    color: currentColor
}

li {
    list-style: none
}

blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

details * {
    box-sizing: border-box
}

html.to-route-explore,
html[data-template="template-explore.php"]:not(.from-route-explore) {
    background-color: #010101
}

@media(prefers-reduced-motion: no-preference) {

    html.is-changing .transition-default,
    html.is-changing .transition-default .transition-default-wrapper {
        transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        opacity: 1
    }

    html.is-leaving .transition-default .transition-default-wrapper {
        animation: transitionDefaultOut .3s cubic-bezier(0.215, 0.61, 0.355, 1) forwards
    }

    html:not(.is-leaving):not(.is-first-load) .transition-default .transition-default-wrapper {
        animation: transitionDefaultIn .3s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

@keyframes transitionDefaultOut {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    100% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

@keyframes transitionDefaultIn {
    0% {
        transform-origin: top center;
        transform: translate3d(0, 20px, 0);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@media(prefers-reduced-motion: no-preference) {
    #listing.is-changing {
        transition: opacity 250ms;
        opacity: 1
    }

    #listing.is-animating {
        opacity: 0
    }
}

.otgs-development-site-front-end {
    display: none !important
}

#wpadminbar {
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    opacity: .1;
    border-radius: 5px
}

#wpadminbar:hover {
    opacity: 1
}

@media(max-width: 999px) {
    #wpadminbar {
        display: none
    }
}

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

.c-dialog_content .o-container,
.c-info-modal .o-container {
    padding-left: 0;
    padding-right: 0
}

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

.c-dialog_content .o-container.-large,
.c-info-modal .o-container.-large {
    padding-left: 0;
    padding-right: 0
}

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

.c-dialog_content .o-container.-medium,
.c-info-modal .o-container.-medium {
    padding-left: 0;
    padding-right: 0
}

.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;
    vertical-align: middle
}

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

.o-icon.-stroke svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 2px
}

:root {
    --icon-width-logo-small: var(--populous-logo-small);
    --icon-ratio-logo-small: 1/1
}

.svg-logo-small {
    --icon-width: var(--icon-width-logo-small);
    --icon-ratio: var(--icon-ratio-logo-small)
}

:root {
    --icon-width-logo-wide: 210px;
    --icon-ratio-logo-wide: 1376/155
}

.svg-logo-wide {
    --icon-width: var(--icon-width-logo-wide);
    --icon-ratio: var(--icon-ratio-logo-wide)
}

:root {
    --icon-width-search: 12px;
    --icon-ratio-search: 1/1
}

.svg-search {
    --icon-width: var(--icon-width-search);
    --icon-ratio: var(--icon-ratio-search)
}

:root {
    --icon-width-cross: 1em;
    --icon-ratio-cross: 1/1
}

.svg-cross,
.svg-cross-thin {
    --icon-width: var(--icon-width-cross);
    --icon-ratio: var(--icon-ratio-cross)
}

:root {
    --icon-width-gallery: 18px;
    --icon-ratio-gallery: 18/10
}

.svg-gallery {
    --icon-width: var(--icon-width-gallery);
    --icon-ratio: var(--icon-ratio-gallery)
}

:root {
    --icon-width-sort: .75em;
    --icon-ratio-sort: 1/1
}

@keyframes sortOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: .15
    }
}

.svg-sort {
    --icon-width: var(--icon-width-sort);
    --icon-ratio: var(--icon-ratio-sort)
}

.c-sorter .svg-sort path {
    transition: opacity .15s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1
}

.c-sorter.-asc .svg-sort path:last-child {
    opacity: .15
}

.c-sorter.-asc.-reveal .svg-sort path:last-child {
    animation: sortOut .15s cubic-bezier(0.215, 0.61, 0.355, 1) forwards
}

.c-sorter.-desc .svg-sort path:first-child {
    opacity: .15
}

.c-sorter.-desc.-reveal .svg-sort path:first-child {
    animation: sortOut .15s cubic-bezier(0.215, 0.61, 0.355, 1) forwards
}

:root {
    --icon-width-info: 16px;
    --icon-ratio-info: 1
}

.svg-info {
    --icon-width: var(--icon-width-info);
    --icon-ratio: var(--icon-ratio-info)
}

:root {
    --icon-width-zoom: 16px;
    --icon-ratio-zoom: 1
}

.svg-zoom {
    --icon-width: var(--icon-width-zoom);
    --icon-ratio: var(--icon-ratio-zoom)
}

:root {
    --icon-width-explore-mode: 16px;
    --icon-ratio-explore-mode: 1
}

.svg-explore-list,
.svg-explore-earth {
    --icon-width: var(--icon-width-explore-mode);
    --icon-ratio: var(--icon-ratio-explore-mode)
}

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

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

.o-grid.-cols {
    grid-template-columns: repeat(var(--grid-columns), 1fr)
}

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

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

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

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

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

.o-grid.-gutters {
    row-gap: var(--grid-gutter);
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

.o-grid.-gutters-x {
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

.o-grid.-gutters-y {
    row-gap: var(--grid-gutter)
}

.o-grid.-gutters-y-large {
    row-gap: calc(var(--grid-gutter)*2)
}

.o-grid.-gutters-y-big {
    row-gap: calc(var(--grid-gutter)*3)
}

.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-start: var(--gc-start, initial);
    grid-column-end: var(--gc-end, initial)
}

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

@media(min-width: 1000px) {
    .o-grid_item.-align-end\@from-medium {
        align-self: end
    }
}

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

@media(min-width: 1000px) {
    .o-grid_item.-justify-end\@from-medium {
        justify-self: end
    }
}

.c-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 1;
    z-index: 9999
}

html.is-loaded .c-loader {
    opacity: 0;
    pointer-events: none
}

@media(prefers-reduced-motion: no-preference) {
    .c-loader {
        transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

.c-heading.-huge,
.c-heading-serif.-huge {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-huge);
    margin-bottom: .1em
}

.c-heading.-h1,
.c-heading-serif.-h1 {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h1)
}

.c-heading.-h2,
.c-heading-serif.-h2 {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h2)
}

.c-heading.-h3,
.c-heading-serif.-h3 {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h3)
}

.c-heading.-h4,
.c-heading-serif.-h4 {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h4);
    line-height: 1.2
}

.c-heading.-h5,
.c-heading-serif.-h5 {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h5)
}

.c-heading.-h6,
.c-heading-serif.-h6 {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h6)
}

.c-heading.-with-sup,
.c-heading-serif.-with-sup {
    display: inline-block;
    position: relative
}

.c-heading.-with-sup sup,
.c-heading-serif.-with-sup sup {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body);
    font-weight: 400;
    letter-spacing: 0;
    top: 25%;
    left: 102.5%;
    pointer-events: none;
    opacity: calc(1 - var(--progress))
}

.c-heading-serif {
    font-family: "TiemposFine", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-weight: 200;
    letter-spacing: -0.03em;
    letter-spacing: -0.02em
}

.c-heading-serif.-h1,
.c-heading-serif.-h2,
.c-heading-serif.-h3,
.c-heading-serif.-h4,
.c-heading-serif.-h5,
.c-heading-serif.-h6 {
    letter-spacing: -0.02em
}

.c-button,
.c-langswitcher_select {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-small);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
    font-weight: 500;
    letter-spacing: .04em;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 1em;
    padding: .5em 1em .4em;
    min-height: 35px;
    color: var(--color);
    border: 1px solid var(--color);
    border-radius: 4px;
    transition: opacity .198s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-button.-primary,
.-primary.c-langswitcher_select,
.c-button.-white,
.-white.c-langswitcher_select {
    color: var(--color-bg);
    background-color: var(--color);
    border-color: var(--color)
}

.c-button.-white,
.-white.c-langswitcher_select {
    --color: white;
    --color-bg: #010101
}

.c-button.-transparent,
.-transparent.c-langswitcher_select {
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.c-button.-transparent.is-active,
.-transparent.is-active.c-langswitcher_select {
    border-color: currentColor
}

.c-button.-border,
.-border.c-langswitcher_select {
    border-color: currentColor
}

.c-button.-full,
.-full.c-langswitcher_select {
    width: 100%
}

.c-button.-loading,
.-loading.c-langswitcher_select {
    pointer-events: none;
    opacity: .5
}

.c-button.-reverse,
.-reverse.c-langswitcher_select {
    flex-direction: row-reverse
}

.c-button.-cursor,
.-cursor.c-langswitcher_select {
    background-color: #1c19b5;
    border-color: #1c19b5;
    color: #fff;
    white-space: nowrap
}

.c-button:focus-visible,
.c-langswitcher_select:focus-visible {
    background-color: #1c19b5;
    border-color: #1c19b5;
    color: #fff
}

.c-button:active,
.c-langswitcher_select:active {
    border-color: rgb(80.4563106796, 77.5145631068, 230.4854368932) !important
}

.c-button[disabled],
[disabled].c-langswitcher_select,
.c-button.-disabled,
.-disabled.c-langswitcher_select {
    opacity: .4;
    cursor: default;
    pointer-events: none
}

@media(hover: hover) {

    .c-button-hover:hover .c-button,
    .c-button-hover:hover .c-langswitcher_select,
    .c-button:not([disabled]):hover,
    .c-langswitcher_select:not([disabled]):hover {
        background-color: #1c19b5;
        border-color: #1c19b5;
        color: #fff
    }
}

@media(hover: hover) {

    .c-button.-current:hover,
    .-current.c-langswitcher_select:hover {
        background-color: rgba(0, 0, 0, 0);
        border-color: currentColor;
        color: currentColor;
        cursor: default
    }
}

.c-button.-hide-label .c-button_label,
.-hide-label.c-langswitcher_select .c-button_label {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0
}

.c-button.-loading .c-button_icon,
.-loading.c-langswitcher_select .c-button_icon {
    font-size: 0
}

.c-button.-loading .c-button_icon:before,
.-loading.c-langswitcher_select .c-button_icon:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid;
    border-top-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0);
    animation: spin .45s linear infinite
}

:root {
    --input-padding-x: 0;
    --input-padding-y: 5px;
    --form-inactive-color: color-mix(in srgb, currentColor 20%, transparent)
}

.c-form {
    position: inherit
}

.c-form_item {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
}

.c-form_feedback {
    animation: slideInUp .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    padding: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)));
    border-bottom: solid 1px color-mix(in srgb, currentColor 10%, transparent);
    background-color: color-mix(in srgb, currentColor 5%, transparent)
}

.c-form_feedback.-error {
    color: crimson
}

.c-form.is-error .c-form_feedback.-error {
    display: block
}

.c-form_feedback.-success {
    color: #1c19b5
}

.c-form.is-success .c-form_feedback.-success {
    display: block
}

.c-form_label {
    display: block;
    margin-bottom: 5px;
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-small);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0
}

.c-form_input,
.c-form_file-label,
.c-form_textarea,
.c-form_select_input,
.c-form_tickable-label,
.c-form_radio-label,
.c-form_checkbox-label {
    padding: var(--input-padding-y) var(--input-padding-x);
    border-bottom: 1px solid;
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-large);
    line-height: 1.2;
    background-color: rgba(0, 0, 0, 0);
    transition: border-color .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-form:hover .c-form_input,
.c-form:hover .c-form_file-label,
.c-form:hover .c-form_textarea,
.c-form:hover .c-form_select_input,
.c-form:hover .c-form_tickable-label,
.c-form:hover .c-form_radio-label,
.c-form:hover .c-form_checkbox-label,
.c-form:focus-within .c-form_input,
.c-form:focus-within .c-form_file-label,
.c-form:focus-within .c-form_textarea,
.c-form:focus-within .c-form_select_input,
.c-form:focus-within .c-form_tickable-label,
.c-form:focus-within .c-form_radio-label,
.c-form:focus-within .c-form_checkbox-label {
    border-bottom-color: var(--form-inactive-color)
}

.c-form:hover .c-form_input:hover,
.c-form:hover .c-form_file-label:hover,
.c-form:hover .c-form_textarea:hover,
.c-form:hover .c-form_select_input:hover,
.c-form:hover .c-form_tickable-label:hover,
.c-form:hover .c-form_radio-label:hover,
.c-form:hover .c-form_checkbox-label:hover,
.c-form:focus-within .c-form_input:hover,
.c-form:focus-within .c-form_file-label:hover,
.c-form:focus-within .c-form_textarea:hover,
.c-form:focus-within .c-form_select_input:hover,
.c-form:focus-within .c-form_tickable-label:hover,
.c-form:focus-within .c-form_radio-label:hover,
.c-form:focus-within .c-form_checkbox-label:hover {
    border-bottom-color: currentColor
}

.c-form:hover .c-form_input:focus,
.c-form:hover .c-form_file-label:focus,
.c-form:hover .c-form_textarea:focus,
.c-form:hover .c-form_select_input:focus,
.c-form:hover .c-form_tickable-label:focus,
.c-form:hover .c-form_radio-label:focus,
.c-form:hover .c-form_checkbox-label:focus,
.c-form:focus-within .c-form_input:focus,
.c-form:focus-within .c-form_file-label:focus,
.c-form:focus-within .c-form_textarea:focus,
.c-form:focus-within .c-form_select_input:focus,
.c-form:focus-within .c-form_tickable-label:focus,
.c-form:focus-within .c-form_radio-label:focus,
.c-form:focus-within .c-form_checkbox-label:focus {
    border-bottom-color: rgba(0, 0, 0, 0)
}

.c-form_input::-moz-placeholder,
.c-form_file-label::-moz-placeholder,
.c-form_textarea::-moz-placeholder,
.c-form_select_input::-moz-placeholder,
.c-form_tickable-label::-moz-placeholder,
.c-form_radio-label::-moz-placeholder,
.c-form_checkbox-label::-moz-placeholder {
    color: var(--form-inactive-color)
}

.c-form_input::placeholder,
.c-form_file-label::placeholder,
.c-form_textarea::placeholder,
.c-form_select_input::placeholder,
.c-form_tickable-label::placeholder,
.c-form_radio-label::placeholder,
.c-form_checkbox-label::placeholder {
    color: var(--form-inactive-color)
}

.c-form_input.-error,
.-error.c-form_file-label,
.-error.c-form_textarea,
.-error.c-form_select_input,
.-error.c-form_tickable-label,
.-error.c-form_radio-label,
.-error.c-form_checkbox-label {
    border-color: crimson
}

.c-form_input[disabled],
[disabled].c-form_file-label,
[disabled].c-form_textarea,
[disabled].c-form_select_input,
[disabled].c-form_tickable-label,
[disabled].c-form_radio-label,
[disabled].c-form_checkbox-label {
    pointer-events: none;
    opacity: .7
}

.c-form_tickable-label,
.c-form_radio-label,
.c-form_checkbox-label {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.c-form_tickable:focus-visible+.c-form_tickable-label,
.c-form_radio:focus-visible+.c-form_tickable-label,
.c-form_tickable:focus-visible+.c-form_radio-label,
.c-form_radio:focus-visible+.c-form_radio-label,
.c-form_checkbox:focus-visible+.c-form_tickable-label,
.c-form_checkbox:focus-visible+.c-form_radio-label,
.c-form_tickable:focus-visible+.c-form_checkbox-label,
.c-form_radio:focus-visible+.c-form_checkbox-label,
.c-form_checkbox:focus-visible+.c-form_checkbox-label {
    outline-color: var(--color);
    outline-style: auto;
    outline-width: 10px;
    outline-offset: 5px
}

.c-form_tickable.-error+.c-form_tickable-label,
.-error.c-form_radio+.c-form_tickable-label,
.c-form_tickable.-error+.c-form_radio-label,
.-error.c-form_radio+.c-form_radio-label,
.-error.c-form_checkbox+.c-form_tickable-label,
.-error.c-form_checkbox+.c-form_radio-label,
.c-form_tickable.-error+.c-form_checkbox-label,
.-error.c-form_radio+.c-form_checkbox-label,
.-error.c-form_checkbox+.c-form_checkbox-label {
    border-color: crimson
}

.c-form_tickable,
.c-form_radio,
.c-form_checkbox {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto
}

.c-form_checkbox-label:before,
.c-form_checkbox-label:after {
    content: "";
    position: absolute;
    right: var(--input-padding-x);
    top: 50%;
    transform: translate(0, -50%);
    width: 24px;
    height: 24px
}

.c-form_checkbox-label:before {
    border-radius: 50%;
    border: 2px solid currentColor
}

.c-form_checkbox-label:after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017.837%2017.837%22%3E%3Cpath%20d%3D%22M16.145%2C2.571c-0.272-0.273-0.718-0.273-0.99%2C0L6.92%2C10.804l-4.241-4.27%20c-0.272-0.274-0.715-0.274-0.989%2C0L0.204%2C8.019c-0.272%2C0.271-0.272%2C0.717%2C0%2C0.99l6.217%2C6.258c0.272%2C0.271%2C0.715%2C0.271%2C0.99%2C0%20L17.63%2C5.047c0.276-0.273%2C0.276-0.72%2C0-0.994L16.145%2C2.571z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017.837%2017.837%22%3E%3Cpath%20d%3D%22M16.145%2C2.571c-0.272-0.273-0.718-0.273-0.99%2C0L6.92%2C10.804l-4.241-4.27%20c-0.272-0.274-0.715-0.274-0.989%2C0L0.204%2C8.019c-0.272%2C0.271-0.272%2C0.717%2C0%2C0.99l6.217%2C6.258c0.272%2C0.271%2C0.715%2C0.271%2C0.99%2C0%20L17.63%2C5.047c0.276-0.273%2C0.276-0.72%2C0-0.994L16.145%2C2.571z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    -webkit-mask-size: 50% 50%;
    mask-size: 50% 50%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: currentColor;
    opacity: 0;
    transition: opacity .198s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-form_tickable:checked+.c-form_checkbox-label:after,
.c-form_radio:checked+.c-form_checkbox-label:after,
.c-form_checkbox:checked+.c-form_checkbox-label:after {
    opacity: 1
}

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

.c-form_select::after {
    content: "";
    position: absolute;
    top: 0;
    right: var(--input-padding-x);
    bottom: 0;
    z-index: 2;
    width: .75em;
    pointer-events: none;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='21' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3933 0.424999V16.247L16.1173 10.523L17.6023 12.035L9.20527 20.432L0.808273 12.035L2.32027 10.523L8.01727 16.247V0.424999H10.3933Z' fill='black'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='18' height='21' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3933 0.424999V16.247L16.1173 10.523L17.6023 12.035L9.20527 20.432L0.808273 12.035L2.32027 10.523L8.01727 16.247V0.424999H10.3933Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: currentColor
}

.c-form_select_input {
    position: relative;
    z-index: 1;
    padding-right: calc(var(--input-padding-x)*2 + 1em);
    cursor: pointer
}

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

.c-form_file {
    position: absolute;
    width: 0;
    opacity: 0;
    pointer-events: none
}

.c-form_file-label {
    position: relative;
    display: block;
    width: 100%
}

.c-form_file-label:before {
    content: attr(data-label);
    color: var(--form-inactive-color)
}

.c-form_file-label::after {
    content: "";
    position: absolute;
    top: 0;
    right: var(--input-padding-x);
    bottom: 0;
    z-index: 2;
    width: .75em;
    pointer-events: none;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.78401 8.784'%3E%3Cpath d='M8.78401,3.76v1.28h-3.76v3.744h-1.28v-3.744H0v-1.28h3.744V0h1.28v3.76h3.76Z' /%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.78401 8.784'%3E%3Cpath d='M8.78401,3.76v1.28h-3.76v3.744h-1.28v-3.744H0v-1.28h3.744V0h1.28v3.76h3.76Z' /%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: currentColor
}

.c-form_file:focus+.c-form_file-label {
    border-bottom-color: currentColor
}

.c-form_file-label.is-active:before {
    content: none
}

.c-form_spinner {
    display: none !important;
    animation: slideInUp .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-form_spinner:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid;
    border-top-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    animation: spin .3s linear infinite
}

.c-form.is-loading .c-form_spinner {
    display: block !important
}

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

.c-text.-body-tiny {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-tiny);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1.6
}

.c-text.-body-small {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-small);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0
}

.c-text.-body-medium {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-medium);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.025em
}

.c-text.-body-large {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-large);
    line-height: 1.2
}

.c-styleguide_block {
    border: 1px solid;
    padding: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
    overflow-x: auto;
    max-width: 100%;
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

:root {
    --populous-logo-small: 22px
}

.c-populous-logo {
    --populous-logo-small-typo-height: calc(var(--populous-logo-small)*2/3);
    --animation-raw-duration: 250ms;
    --animation-duration: var(--animation-raw-duration);
    position: relative;
    display: block;
    width: calc(6.75*var(--populous-logo-small));
    height: var(--populous-logo-small)
}

html.has-scrolled .c-populous-logo:not(.c-footer_logo),
html.has-modal-open .c-populous-logo:not(.c-footer_logo),
html:not(.is-changing)[data-template="template-explore.php"] .c-populous-logo {
    --animation-duration: calc(var(--animation-raw-duration) * 0.6);
    width: var(--populous-logo-small)
}

html.has-filters-open .c-populous-logo {
    --animation-duration: calc(var(--animation-raw-duration) * 0) !important
}

.c-populous-logo_small {
    display: flex;
    transition: clip-path var(--animation-raw-duration) cubic-bezier(0.215, 0.61, 0.355, 1), background-color .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    clip-path: polygon(0 102%, 100% 102%, 100% 200%, 0 200%);
    background-color: #fff
}

html.has-scrolled .c-populous-logo:not(.c-footer_logo) .c-populous-logo_small,
html.has-modal-open .c-populous-logo:not(.c-footer_logo) .c-populous-logo_small,
html:not(.is-changing)[data-template="template-explore.php"] .c-populous-logo_small {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition-delay: calc(var(--animation-duration)/5*9), 0s
}

html[data-has-media-hero=true]:not([data-has-plain-media-hero=true]).has-media-hero-inview .c-populous-logo_small,
html[data-has-media-hero=true]:not([data-has-plain-media-hero=true]):not(.has-scrolled) .c-populous-logo_small,
html.has-filters-open .c-populous-logo_small {
    background-color: rgba(0, 0, 0, 0)
}

@media(prefers-reduced-motion) {
    .c-populous-logo_small {
        transition: none !important
    }
}

.c-populous-logo_wide {
    max-width: none;
    position: absolute;
    top: calc(var(--populous-logo-small-typo-height)*3.5/17);
    left: calc(var(--populous-logo-small-typo-height)*4.75/17);
    width: calc(var(--icon-ratio-logo-wide)*var(--populous-logo-small-typo-height));
    height: var(--populous-logo-small-typo-height);
    overflow: hidden
}

.c-populous-logo_wide>* {
    transition: transform var(--animation-duration)
}

@media(prefers-reduced-motion) {
    .c-populous-logo_wide>* {
        transition: none !important
    }
}

.c-populous-logo_wide>*:not(:nth-child(9)):nth-child(1) {
    transition-delay: calc(var(--animation-duration)/10*8);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-populous-logo_wide>*:not(:nth-child(9)):nth-child(2) {
    transition-delay: calc(var(--animation-duration)/10*7);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-populous-logo_wide>*:not(:nth-child(9)):nth-child(3) {
    transition-delay: calc(var(--animation-duration)/10*6);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-populous-logo_wide>*:not(:nth-child(9)):nth-child(4) {
    transition-delay: calc(var(--animation-duration)/10*5);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-populous-logo_wide>*:not(:nth-child(9)):nth-child(5) {
    transition-delay: calc(var(--animation-duration)/10*4);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-populous-logo_wide>*:not(:nth-child(9)):nth-child(6) {
    transition-delay: calc(var(--animation-duration)/10*3);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-populous-logo_wide>*:not(:nth-child(9)):nth-child(7) {
    transition-delay: calc(var(--animation-duration)/10*2);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-populous-logo_wide>*:not(:nth-child(9)):nth-child(8) {
    transition-delay: calc(var(--animation-duration)/10*1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-populous-logo_wide>*:nth-child(9) {
    transition: opacity var(--animation-duration) cubic-bezier(0.215, 0.61, 0.355, 1)
}

html.has-scrolled .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(1),
html.has-modal-open .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(1),
html:not(.is-changing)[data-template="template-explore.php"] .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(1) {
    transform: translate3d(0, -101%, 0);
    transition-delay: calc(var(--animation-duration)/5*1);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

html.has-scrolled .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(2),
html.has-modal-open .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(2),
html:not(.is-changing)[data-template="template-explore.php"] .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(2) {
    transform: translate3d(0, -101%, 0);
    transition-delay: calc(var(--animation-duration)/5*2);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

html.has-scrolled .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(3),
html.has-modal-open .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(3),
html:not(.is-changing)[data-template="template-explore.php"] .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(3) {
    transform: translate3d(0, -101%, 0);
    transition-delay: calc(var(--animation-duration)/5*3);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

html.has-scrolled .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(4),
html.has-modal-open .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(4),
html:not(.is-changing)[data-template="template-explore.php"] .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(4) {
    transform: translate3d(0, -101%, 0);
    transition-delay: calc(var(--animation-duration)/5*4);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

html.has-scrolled .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(5),
html.has-modal-open .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(5),
html:not(.is-changing)[data-template="template-explore.php"] .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(5) {
    transform: translate3d(0, -101%, 0);
    transition-delay: calc(var(--animation-duration)/5*5);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

html.has-scrolled .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(6),
html.has-modal-open .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(6),
html:not(.is-changing)[data-template="template-explore.php"] .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(6) {
    transform: translate3d(0, -101%, 0);
    transition-delay: calc(var(--animation-duration)/5*6);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

html.has-scrolled .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(7),
html.has-modal-open .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(7),
html:not(.is-changing)[data-template="template-explore.php"] .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(7) {
    transform: translate3d(0, -101%, 0);
    transition-delay: calc(var(--animation-duration)/5*7);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

html.has-scrolled .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(8),
html.has-modal-open .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(8),
html:not(.is-changing)[data-template="template-explore.php"] .c-populous-logo_wide>*:not(:nth-child(9)):nth-child(8) {
    transform: translate3d(0, -101%, 0);
    transition-delay: calc(var(--animation-duration)/5*8);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

html.has-scrolled .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:nth-child(9),
html.has-modal-open .c-populous-logo:not(.c-footer_logo) .c-populous-logo_wide>*:nth-child(9),
html:not(.is-changing)[data-template="template-explore.php"] .c-populous-logo_wide>*:nth-child(9) {
    opacity: 0;
    transition-delay: calc(var(--animation-duration)/5*9);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

:root {
    --header-height: 90px
}

@media(max-width: 999px) {
    :root {
        --header-height: 45px
    }
}

.c-header {
    pointer-events: none
}

html:not(.has-footer-inview) .c-header>* {
    pointer-events: all
}

@media(max-width: 999px) {
    .c-header_backdrop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: var(--header-height);
        transform: translate3d(0, -100%, 0);
        z-index: 485;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }
}

@media(max-width: 999px)and (prefers-reduced-motion: no-preference) {
    .c-header_backdrop {
        transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

@media(max-width: 999px) {
    .c-header_backdrop:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--color-bg);
        opacity: .8
    }

    html.has-scrolled:not(.has-modal-open):not(.has-media-hero-inview) .c-header_backdrop {
        transform: translate3d(0, 0, 0)
    }

    html.has-footer-inview .c-header_backdrop {
        opacity: 0;
        pointer-events: none
    }
}

.c-header_logo {
    position: fixed;
    top: calc(var(--header-height)/2);
    left: var(--grid-outer);
    display: block;
    transform: translateY(-50%);
    z-index: 999;
    color: #010101
}

@media(prefers-reduced-motion: no-preference) {
    .c-header_logo {
        transition: color .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1), transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

@media(max-width: 699px) {
    .c-header_logo {
        top: calc(var(--header-height)/2 + 4px)
    }
}

html[data-has-media-hero=true].has-media-hero-inview .c-header_logo,
html[data-has-media-hero=true]:not([data-has-plain-media-hero=true]):not(.has-scrolled) .c-header_logo,
html.has-filters-open .c-header_logo,
html.coming-from-dark-hero.is-replacing .c-header_logo {
    color: #fff
}

html.has-footer-inview .c-header_logo {
    opacity: 0
}

@media(prefers-reduced-motion: no-preference) {
    html:not(.is-ready) .c-header_logo {
        transform: translate3d(0, calc(-50% + 10px), 0);
        opacity: 0
    }
}

@media(max-width: 699px) {
    html.has-menu-open .c-header_logo {
        color: #010101 !important
    }
}

.c-header_burger {
    position: fixed;
    top: calc(var(--header-height)/2);
    left: 100vw;
    transform: translate(-100%, -50%);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 4px;
    padding: var(--grid-outer);
    z-index: 490;
    color: #fff;
    mix-blend-mode: difference
}

.c-header_burger:before,
.c-header_burger:after {
    color: #7A7A7A !important;
    content: "";
    display: block;
    width: 28px;
    border-top: 2px solid currentColor
}

@media(prefers-reduced-motion: no-preference) {
    .c-header_burger {
        transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1) calc(0.15s*2), transform .3s cubic-bezier(0.215, 0.61, 0.355, 1) calc(0.15s*2)
    }

    .c-header_burger:before,
    .c-header_burger:after {
        transition: transform .15s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

@media(max-width: 699px) {
    .c-header_burger {
        top: calc(var(--header-height)/2 + 4px)
    }
}

html[data-has-media-hero=true].has-media-hero-inview:not(.has-menu-open) .c-header_burger,
html[data-has-media-hero=true]:not([data-has-plain-media-hero=true]):not(.has-scrolled) .c-header_burger {
    mix-blend-mode: initial
}

html.has-footer-inview .c-header_burger {
    opacity: 0;
    transition-delay: 0s
}

html:not(.is-ready) .c-header_burger {
    transform: translate3d(-100%, calc(-50% + 10px), 0);
    opacity: 0
}

@media(max-width: 999px) {
    .c-header_burger {
        left: calc(100*var(--vw, 1vw))
    }
}

@media(hover: hover) {
    .c-header_burger:hover:before {
        transform: translate3d(0, 0px, 0) scaleX(0.9)
    }

    .c-header_burger:hover:after {
        transform: translate3d(0, 1px, 0) scaleX(0.5)
    }
}

.c-skip-link {
    position: fixed;
    top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
    left: 50%;
    opacity: 0;
    transform: translate3d(-50%, -100%, 0);
    z-index: 500;
    white-space: nowrap;
    pointer-events: none
}

.c-skip-link.-absolute {
    position: absolute;
    z-index: 1;
    top: 0
}

html.is-first-loaded .c-skip-link {
    transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1), transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media(prefers-reduced-motion) {
    html.is-first-loaded .c-skip-link {
        transition: none
    }
}

.c-skip-link:focus-within {
    pointer-events: all;
    opacity: 1;
    transform: translate3d(-50%, 0, 0)
}

@media(max-width: 699px) {
    .c-skip-link {
        font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        font-size: var(--font-size-body-small);
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: 0
    }
}

.c-search {
    display: flex;
    align-items: center;
    gap: 1em;
    white-space: nowrap
}

.c-search:focus-visible span {
    text-decoration: underline
}

@media(hover: hover) {
    .c-search:hover span {
        text-decoration: underline
    }
}

.c-search_icon {
    flex-shrink: 0
}

:root {
    --quicknav-margin-bottom: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large)));
    --quicknav-stagger: .05s
}

.c-quicknav {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--grid-gutter);
    padding-top: var(--grid-outer);
    margin-bottom: var(--quicknav-margin-bottom)
}

.c-dialog_content .c-quicknav,
.c-info-modal .c-quicknav {
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 999px) {
    .c-quicknav {
        padding-top: 10px
    }
}

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

html[data-has-media-hero=true] .c-quicknav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: var(--color);
    z-index: 11
}

html[data-has-media-hero=true]:not([data-has-plain-media-hero=true]) .c-quicknav {
    --color: white
}

.c-quicknav_search {
    grid-column: -2/-1;
    grid-row: 1/2;
    justify-self: end;
    align-self: baseline;
    line-height: inherit
}

@media(max-width: 999px) {
    .c-quicknav_search {
        display: none
    }
}

.c-quicknav_list {
    grid-column: -2/-1;
    grid-row: 1/2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 var(--grid-gutter)
}

@media(prefers-reduced-motion: no-preference) {

    .c-quicknav.-animate .c-quicknav_item,
    html.from-route-explore .c-quicknav_item,
    .c-quicknav.-animate .c-quicknav_search,
    html.from-route-explore .c-quicknav_search {
        animation: transitionDefaultIn .3s cubic-bezier(0.215, 0.61, 0.355, 1) both;
        animation-delay: calc(var(--quicknav-stagger)*(var(--index) - 1))
    }

    html.to-route-explore .c-quicknav_item,
    html.leaving-dark-hero .c-quicknav_item,
    html.to-route-explore .c-quicknav_search,
    html.leaving-dark-hero .c-quicknav_search {
        animation: transitionDefaultOut .3s cubic-bezier(0.215, 0.61, 0.355, 1) forwards !important
    }

    html.is-first-load .c-quicknav_item,
    html.is-first-load .c-quicknav_search {
        animation: transitionDefaultIn .3s cubic-bezier(0.215, 0.61, 0.355, 1) .15s backwards;
        animation-delay: calc(var(--quicknav-stagger)*(var(--index) - 1));
        animation-play-state: paused
    }

    html.is-first-load.is-ready .c-quicknav_item,
    html.is-first-load.is-ready .c-quicknav_search {
        animation-play-state: running
    }
}

.c-quicknav:focus-within .c-quicknav_link {
    text-decoration: none
}

.c-quicknav_link.is-active {
    text-decoration: underline
}

.c-quicknav_link:focus {
    text-decoration: underline !important
}

@media(hover: hover) {
    .c-quicknav_link:hover {
        text-decoration: underline
    }
}

.c-menu {
    --color: #010101;
    --color-bg: white;
    --menu-transition-duration: 0.6s;
    --menu-transition-duration-opacity: calc(var(--menu-transition-duration) / 2);
    --menu-transition-backdrop-delay: 0s;
    --menu-transition-easing: cubic-bezier(0.76, 0, 0.24, 1)
}

@media(max-width: 699px) {
    .c-menu {
        --menu-transition-duration: 0.3s
    }

    html.has-menu-open .c-menu {
        --menu-transition-backdrop-delay: 0.6s
    }
}

@media(prefers-reduced-motion) {
    .c-menu {
        --menu-transition-duration: 0s
    }

    html.has-menu-open .c-menu {
        --menu-transition-backdrop-delay: 0s
    }
}

.c-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    visibility: hidden;
    pointer-events: none;
    z-index: 700;
    transition: visibility 0s var(--menu-transition-easing) var(--menu-transition-duration)
}

html.has-menu-open .c-menu {
    --menu-transition-duration: 0.45s;
    --menu-transition-duration-opacity: calc(var(--menu-transition-duration) * 1.33)
}

@media(prefers-reduced-motion) {
    html.has-menu-open .c-menu {
        --menu-transition-duration: 0s
    }
}

html.has-menu-open .c-menu {
    visibility: visible;
    pointer-events: all;
    transition: visibility 0s var(--menu-transition-easing) 0s
}

@media(min-width: 700px) {
    .c-menu {
        display: flex;
        justify-content: flex-end;
        padding: var(--grid-outer)
    }
}

.c-menu_backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color);
    opacity: 0;
    cursor: no-drop;
    transition: opacity var(--menu-transition-duration) var(--menu-transition-easing)
}

html.has-menu-open .c-menu_backdrop {
    opacity: .3
}

.c-menu_content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)));
    z-index: 1;
    color: var(--color);
    background-color: var(--color-bg);
    clip-path: polygon(0 0, 0 0, 100% 0, 100% 0);
    opacity: 0;
    transition: clip-path var(--menu-transition-duration) var(--menu-transition-easing) var(--menu-transition-backdrop-delay), opacity var(--menu-transition-duration-opacity) var(--menu-transition-easing) var(--menu-transition-backdrop-delay)
}

html.has-menu-open .c-menu_content {
    opacity: 1;
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0)
}

@media(min-width: 700px) {
    .c-menu_content {
        height: 100%;
        border-radius: 4px;
        width: calc(50% + var(--grid-gutter)/2);
        min-width: 480px;
        max-width: 100vw;
        padding: var(--grid-gutter);
        overflow-y: auto;
        overflow-x: hidden
    }
}

@media(max-width: 699px) {
    .c-menu_content {
        height: 100%;
        padding: var(--grid-outer);
        padding-top: calc(var(--header-height) + clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-huge))));
        overflow-y: auto;
        overflow-x: hidden;
        transition-duration: var(--menu-transition-duration), calc(var(--menu-transition-duration)*.3)
    }
}

@media(min-width: 1000px) {
    .c-menu_primary-nav {
        max-width: 50%
    }
}

.c-menu_search {
    position: absolute;
    top: var(--grid-gutter);
    left: calc(50% + var(--grid-gutter)/2)
}

@media(max-width: 699px) {
    .c-menu_search {
        top: calc(var(--header-height)/2 + 4px);
        transform: translateY(-50%)
    }
}

.c-menu_close {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-menu_close:before {
    content: "";
    position: absolute;
    background-color: currentColor;
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media(min-width: 700px) {
    .c-menu_close:before {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-bottom-left-radius: 4px
    }
}

@media(max-width: 699px) {
    .c-menu_close:before {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%
    }
}

.c-menu_close:focus:before {
    opacity: .05
}

@media(hover: hover) {
    .c-menu_close:hover:before {
        opacity: .05
    }
}

@media(min-width: 700px) {
    .c-menu_close {
        top: var(--grid-outer);
        width: 62px;
        height: 62px;
        right: var(--grid-outer)
    }

    .c-menu_close svg {
        --icon-width-cross: 22px
    }
}

@media(max-width: 699px) {
    .c-menu_close {
        top: calc(var(--header-height)*.5);
        transform: translateY(-50%);
        padding: 10px;
        right: var(--grid-outer);
        margin-right: -10px
    }

    .c-menu_close svg {
        --icon-width-cross: 20px
    }
}

.c-primary-nav_link {
    display: inline-block;
    position: relative;
    margin-bottom: 0;
    font-size: 47px;
    line-height: 1.15;
    transform: translate3d(0, 100%, 0);
    clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%);
    outline-offset: -8px
}

@media(prefers-reduced-motion: no-preference) {
    .c-primary-nav_link {
        transition: clip-path .6s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

@media(min-width: 700px) {
    .c-primary-nav_link {
        line-height: 1;
        margin-bottom: .5em;
        letter-spacing: -0.05em;
        font-size: var(--font-size-h3);
        margin-bottom: 0
    }
}

.c-primary-nav_link.is-active {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: .1em
}

html.has-menu-open .c-menu_primary-nav .c-primary-nav_link {
    transform: translate3d(0, 0, 0);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}

@media(prefers-reduced-motion: no-preference) {
    html.has-menu-open .c-menu_primary-nav .c-primary-nav_link.-i-0 {
        transition-delay: 0s
    }

    html.has-menu-open .c-menu_primary-nav .c-primary-nav_link.-i-1 {
        transition-delay: .15s
    }

    html.has-menu-open .c-menu_primary-nav .c-primary-nav_link.-i-2 {
        transition-delay: .3s
    }

    html.has-menu-open .c-menu_primary-nav .c-primary-nav_link.-i-3 {
        transition-delay: .45s
    }

    html.has-menu-open .c-menu_primary-nav .c-primary-nav_link.-i-4 {
        transition-delay: .6s
    }

    html.has-menu-open .c-menu_primary-nav .c-primary-nav_link.-i-5 {
        transition-delay: .75s
    }

    html.has-menu-open .c-menu_primary-nav .c-primary-nav_link.-i-6 {
        transition-delay: .9s
    }

    html.has-menu-open .c-menu_primary-nav .c-primary-nav_link.-i-7 {
        transition-delay: 1.05s
    }

    html.has-menu-open .c-menu_primary-nav .c-primary-nav_link.-i-8 {
        transition-delay: 1.2s
    }

    html.has-menu-open .c-menu_primary-nav .c-primary-nav_link.-i-9 {
        transition-delay: 1.35s
    }

    html.has-menu-open .c-menu_primary-nav .c-primary-nav_link.-i-10 {
        transition-delay: 1.5s
    }
}

@media(hover: hover) {
    .c-primary-nav_link:hover {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: .1em
    }
}

.c-secondary-nav {
    display: flex;
    flex-direction: column;
    gap: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

.c-secondary-nav_group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--grid-gutter);
    align-items: flex-start
}

.c-secondary-nav_group-title {
    font-size: 16px;
    opacity: .4;
    transform: translate3d(0, 100%, 0);
    clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%)
}

@media(prefers-reduced-motion: no-preference) {
    .c-secondary-nav_group-title {
        transition: clip-path .45s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

html.has-menu-open .c-secondary-nav_group-title {
    transform: translate3d(0, 0, 0);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}

@media(prefers-reduced-motion: no-preference) {
    html.has-menu-open .c-secondary-nav_group-title {
        transition-delay: .75s
    }
}

.c-secondary-nav_link {
    display: inline-block;
    position: relative;
    font-size: 16px;
    transform: translate3d(0, 100%, 0);
    clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%);
    outline-offset: -2px
}

@media(prefers-reduced-motion: no-preference) {
    .c-secondary-nav_link {
        transition: clip-path .45s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

html.has-menu-open .c-secondary-nav_link {
    transform: translate3d(0, 0, 0);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}

@media(prefers-reduced-motion: no-preference) {
    html.has-menu-open .c-secondary-nav_link.-i-0 {
        transition-delay: .15s
    }

    html.has-menu-open .c-secondary-nav_link.-i-1 {
        transition-delay: .3s
    }

    html.has-menu-open .c-secondary-nav_link.-i-2 {
        transition-delay: .45s
    }

    html.has-menu-open .c-secondary-nav_link.-i-3 {
        transition-delay: .6s
    }

    html.has-menu-open .c-secondary-nav_link.-i-4 {
        transition-delay: .75s
    }

    html.has-menu-open .c-secondary-nav_link.-i-5 {
        transition-delay: .9s
    }

    html.has-menu-open .c-secondary-nav_link.-i-6 {
        transition-delay: 1.05s
    }

    html.has-menu-open .c-secondary-nav_link.-i-7 {
        transition-delay: 1.2s
    }

    html.has-menu-open .c-secondary-nav_link.-i-8 {
        transition-delay: 1.35s
    }

    html.has-menu-open .c-secondary-nav_link.-i-9 {
        transition-delay: 1.5s
    }

    html.has-menu-open .c-secondary-nav_link.-i-10 {
        transition-delay: 1.65s
    }
}

.c-secondary-nav_link.is-active {
    text-decoration: underline
}

@media(hover: hover) {
    .c-secondary-nav_link:hover {
        text-decoration: underline;
        text-underline-offset: .1em
    }
}

.c-media-hero {
    position: relative;
    display: grid;
    min-height: 100svh;
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-media-hero:not(.-plain) {
    --color: white;
    --color-bg: #010101
}

.c-dialog_content .c-media-hero,
.c-info-modal .c-media-hero {
    padding-left: 0;
    padding-right: 0
}

html.is-loaded:not(.is-replacing-page) .c-media-hero {
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%)
}

.c-media-hero.-static {
    overflow: hidden
}

.c-media-hero.-auto-height {
    min-height: 0
}

.c-media-hero_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 100lvh);
    z-index: -1;
    background-color: var(--color-bg)
}

.c-media-hero_background:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--color-bg);
    opacity: .3;
    z-index: 1
}

.c-media-hero.-static .c-media-hero_background {
    height: 100%
}

.c-media-hero_background-inner {
    position: sticky;
    top: 0;
    left: 0;
    width: calc(100*var(--vw, 1vw));
    height: 100lvh;
    overflow: hidden
}

.c-media-hero.-static .c-media-hero_background-inner {
    width: 100%;
    height: 100%
}

.c-media-hero_media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-media-hero.-static .c-media-hero_media {
    top: calc(50% - var(--parallax-height, 100%)/2);
    height: var(--parallax-height, 100%)
}

.c-media-hero:not(.c-sustainability-hero) .c-media-hero_media {
    opacity: calc(1 - var(--progress)*.7)
}

@media(prefers-reduced-motion: no-preference) {
    html.is-loaded .c-media-hero_media {
        animation: revealMediaHeroBackground .9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

@media(max-width: 699px) {
    .c-media-hero.-mobile-video .c-media-hero_media:not(.-mobile) {
        display: none
    }
}

@media(min-width: 700px) {
    .c-media-hero.-mobile-video .c-media-hero_media.-mobile {
        display: none
    }
}

@keyframes revealMediaHeroBackground {
    0% {
        transform-origin: center center;
        transform: translate3d(0, 0, 0) scale(1.1)
    }

    100% {
        transform: translate3d(0, 0, 0) scale(1)
    }
}

.c-media-hero_content {
    z-index: 1;
    color: var(--color)
}

.c-media-hero_magazines {
    position: relative
}

@media(min-width: 1000px) {
    .c-media-hero_magazines {
        position: absolute;
        top: 50%;
        left: var(--grid-margin);
        transform: translate(0, -50%);
        width: calc(0.25*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.25)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px))
    }
}

@media(max-width: 999px) {
    .c-media-hero_magazines {
        max-width: 200px;
        width: 30vh;
        margin-top: max(20vh, 80px)
    }
}

@media(max-width: 699px) {
    .c-media-hero_magazines {
        margin-left: auto;
        margin-right: auto
    }
}

.c-media-hero_magazines:before {
    content: "";
    display: block;
    padding-bottom: 128.5714285714%
}

.c-media-hero_magazines-item {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translate3d(0, 0, 0) rotate(3deg) scale(1.1);
    transition: transform .9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-media-hero_magazines-item:nth-child(2) {
    transition-delay: calc(0.9s*.75*1)
}

.c-media-hero_magazines-item:nth-child(3) {
    transition-delay: calc(0.9s*.75*2)
}

html.is-ready:not(.is-replacing) .c-media-hero_magazines-item {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

html.is-ready:not(.is-replacing) .c-media-hero_magazines-item:nth-child(1) {
    transform: translate3d(0, 0, 0) rotate(8deg)
}

html.is-ready:not(.is-replacing) .c-media-hero_magazines-item:nth-child(2) {
    transform: translate3d(0, 0, 0) rotate(-6deg)
}

.c-media-hero-layout {
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big))) 0;
    padding-top: max(33.33vh, 150px);
    padding-bottom: var(--grid-outer)
}

@media(min-width: 1000px) {
    .c-media-hero-layout {
        padding-left: calc(0.5*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.5)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }
}

@media(max-width: 999px) {
    .c-media-hero_magazines+.c-media-hero-layout {
        padding-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
    }
}

.c-media-hero-layout_title {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h1)
}

@media(min-width: 1000px) {
    .c-media-hero-layout_surtitle {
        line-height: 1;
        margin-bottom: .5em;
        letter-spacing: -0.05em;
        font-size: var(--font-size-h1);
        position: absolute;
        left: calc(var(--grid-margin)*-1 + var(--grid-outer));
        text-align: right
    }
}

@media(max-width: 999px) {
    .c-media-hero-layout_surtitle {
        display: block;
        font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        font-size: var(--font-size-body-medium);
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: -0.025em;
        margin-bottom: 1em
    }
}

@media(min-width: 1000px) {
    .c-media-hero-layout_subtitle {
        position: absolute;
        bottom: var(--grid-outer);
        right: 0;
        text-align: right
    }

    html[dir=rtl][data-post-is-translated=true] main .c-media-hero-layout_subtitle {
        right: initial;
        left: 50%;
        text-align: initial
    }
}

@media(max-width: 999px) {
    .c-media-hero-layout_subtitle {
        display: block;
        margin-bottom: 1em
    }

    .c-media-hero-layout_subtitle br {
        content: "";
        display: inline
    }

    .c-media-hero-layout_subtitle br:after {
        content: ", "
    }
}

.c-media-hero-layout_ctas {
    display: flex;
    gap: 5px;
    flex-wrap: wrap
}

@media(min-width: 1000px) {
    .c-media-hero-layout_ctas-secondary {
        position: absolute;
        bottom: var(--grid-outer);
        left: calc(var(--grid-margin)*-1 + var(--grid-outer))
    }
}

.c-media-hero-layout_foot a {
    position: relative;
    display: inline-block
}

.c-media-hero-layout_foot a:before,
.c-media-hero-layout_foot a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: currentColor;
    top: calc(100% - .05em);
    left: 0;
    pointer-events: none
}

.c-media-hero-layout_foot a:before {
    opacity: .5
}

.c-media-hero-layout_foot a:after {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform .3s
}

@media(hover: hover) {
    .c-media-hero-layout_foot a:hover:after {
        transform-origin: 0% 50%;
        transform: scale3d(1, 1, 1)
    }
}

@media(min-width: 1000px) {
    .c-media-hero-layout:not(.-password) .c-media-hero-layout_foot {
        max-width: calc(0.25*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.25)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px))
    }
}

.c-home-hero {
    align-content: end
}

@media(prefers-reduced-motion: no-preference) {
    html.is-first-load.is-loaded .c-home-hero {
        animation: homeHeroEntry .9s cubic-bezier(0.77, 0, 0.175, 1)
    }
}

@keyframes homeHeroEntry {
    0% {
        clip-path: polygon(var(--home-hero-mask-offset) var(--home-hero-mask-offset), var(--home-hero-mask-offset) calc(100% - var(--home-hero-mask-offset)), calc(100% - var(--home-hero-mask-offset)) calc(100% - var(--home-hero-mask-offset)), calc(100% - var(--home-hero-mask-offset)) var(--home-hero-mask-offset))
    }

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

.c-home-hero_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 100vh)
}

html[lang] .c-home-hero_title {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100svh;
    padding: var(--grid-margin);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: var(--grid-margin)
}

@media(min-width: 700px) {
    html[lang] .c-home-hero_title {
        padding-right: calc(0.4166666667*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.4166666667)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px) + var(--grid-margin))
    }
}

@media(max-width: 699px) {
    html[lang] .c-home-hero_title {
        max-width: 320px
    }
}

html:not(.is-safari) .c-home-hero_title {
    text-wrap: balance
}

.c-sustainability-hero_title {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-huge);
    margin-bottom: .1em;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

@media(min-width: 1000px)and (min-aspect-ratio: 1000/500) {
    .c-sustainability-hero_title {
        padding-top: 130px
    }
}

.c-sustainability-hero_content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium))) var(--grid-gutter);
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h4);
    line-height: 1.2
}

@media(min-width: 700px) {
    .c-sustainability-hero_content {
        min-height: 100vh
    }
}

.c-sustainability-hero_content p:nth-child(1) {
    align-self: center;
    grid-column: 1/3
}

@media(max-width: 699px) {
    .c-sustainability-hero_content p:nth-child(1) {
        grid-column: 1/4
    }
}

.c-sustainability-hero_content p:nth-child(2) {
    grid-row: 2/3;
    grid-column: 3/5;
    align-self: end
}

@media(max-width: 699px) {
    .c-sustainability-hero_content p:nth-child(2) {
        grid-column: 2/5
    }
}

.c-link {
    position: relative;
    display: inline-block
}

.c-link.-underline:before,
.c-link.-underline:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: currentColor;
    top: calc(100% - .05em);
    left: 0;
    pointer-events: none
}

.c-link.-underline:before {
    opacity: .25
}

.c-link.-underline:after {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1)
}

@media(prefers-reduced-motion: no-preference) {
    .c-link.-underline:after {
        transition: transform .3s
    }
}

@media(hover: hover) {
    .c-link.-underline:hover:after {
        transform-origin: 0% 50%;
        transform: scale3d(1, 1, 1)
    }
}

.c-link.-toggle {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h6);
    opacity: .33;
    margin-bottom: 0
}

@media(prefers-reduced-motion: no-preference) {
    .c-link.-toggle {
        transition: opacity .15s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

@media(hover: hover) {
    .c-link.-toggle:hover {
        opacity: 1
    }
}

.c-link.-toggle.is-active,
.c-link.-toggle[aria-selected=true] {
    opacity: 1
}

.c-link.-toggle sup {
    top: -0.75em;
    font-size: .57em
}

.c-link.-toggle.-large {
    font-size: var(--font-size-h5)
}

.c-link.-toggle.-large sup {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body);
    font-weight: 400
}

.c-link.-toggle:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -0.05em;
    left: 0;
    width: 100%;
    border-top: .1em solid;
    transform: scaleX(0);
    transform-origin: left center
}

@media(prefers-reduced-motion: no-preference) {
    .c-link.-toggle:before {
        transition: transform .15s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

@media(hover: hover) {
    .c-link.-toggle:hover {
        opacity: 1
    }

    .c-link.-toggle:hover:before {
        transform: scaleX(1)
    }
}

@media(min-width: 700px) {
    .c-link.-toggle sup {
        position: absolute;
        top: 25%;
        left: calc(100% + .3em);
        letter-spacing: 0
    }
}

.c-list {
    position: relative
}

@media(hover: hover)and (min-width: 1000px) {
    .c-list.c-list-preview_parent {
        min-height: 17vw
    }
}

.c-list_row {
    position: relative
}

@media(prefers-reduced-motion: no-preference) {
    .c-list_row {
        animation: slideInUpTiny .9s cubic-bezier(0.215, 0.61, 0.355, 1) both;
        animation-play-state: paused;
        animation-delay: calc(var(--nth, 0)*.02s)
    }

    .c-list_content.is-inview .c-list_row {
        animation-play-state: running
    }
}

.c-list_row:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(-1*var(--grid-margin));
    right: calc(-1*var(--grid-margin));
    bottom: 0;
    background-color: currentColor;
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    z-index: -1
}

@media(prefers-reduced-motion) {
    .c-list_row:before {
        transition: none
    }
}

[data-module-dialog] .c-list_row:before {
    left: calc(var(--dialog-padding)*-1);
    right: calc(var(--dialog-padding)*-1)
}

.c-list_row:focus-within:before {
    transition-duration: 0s;
    opacity: .15
}

@media(hover: hover) {
    .c-list_row:hover:before {
        transition-duration: 0s;
        opacity: .15
    }
}

@media(max-width: 699px) {
    .c-list_row:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid;
        opacity: .1
    }
}

.c-list_preview-outer {
    position: absolute;
    top: calc(-100vh + calc(0.1666666667 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.1666666667) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px)));
    left: calc(var(--grid-margin)*-1);
    right: calc(var(--grid-margin)*-1);
    bottom: calc(var(--grid-outer)*-1);
    pointer-events: none;
    z-index: 1;
    display: flex;
    justify-content: flex-end
}

[data-module-dialog] .c-list_preview-outer {
    display: none
}

@media(hover: none), (max-width: 999px) {
    .c-list_preview-outer {
        display: none
    }
}

.c-list_preview-inner {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh
}

.c-list_preview {
    --preview-speed: 0.6s
}

@media(prefers-reduced-motion) {
    .c-list_preview {
        --preview-speed: 0s
    }
}

.c-list_preview {
    position: absolute;
    bottom: var(--grid-outer);
    right: var(--grid-outer);
    width: calc(0.25*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.25)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px));
    height: calc(0.1666666667*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.1666666667)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px));
    clip-path: polygon(-10% 0, -10% 110%, 110% 110%, 110% 0)
}

.c-list.-staff .c-list_preview {
    height: calc(0.25*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.25)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px))
}

.c-list:not(.-show-preview) .c-list_preview {
    visibility: hidden;
    transition: visibility 0s linear var(--preview-speed), clip-path var(--preview-speed) cubic-bezier(0.215, 0.61, 0.355, 1);
    clip-path: polygon(0 0, 0 0, 100% 0, 100% 0)
}

.c-list_preview img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform-origin: top center;
    background-color: currentColor
}

.c-list_preview img:not(.is-active) {
    visibility: hidden;
    transition: visibility 0s linear var(--preview-speed);
    animation: listPreview var(--preview-speed) cubic-bezier(0.215, 0.61, 0.355, 1), listPreviewOut var(--preview-speed) cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-list_preview img.is-active {
    transform: translate3d(0, 0, 0);
    animation: listPreview var(--preview-speed) cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-play-state: running
}

.c-list_preview img.stop-animations {
    clip-path: polygon(0 100%, 0 100%, 100% 100%, 100% 100%);
    animation: none !important
}

@keyframes listPreview {
    0% {
        clip-path: polygon(0 100%, 0 100%, 100% 100%, 100% 100%)
    }

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

@keyframes listPreviewOut {
    0% {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }

    100% {
        transform: scale(0.9) translate3d(0, 0, 0);
        opacity: 0
    }
}

.c-list-item {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.c-list-item.-index {
    gap: 8px calc(var(--grid-gutter)*1.25)
}

.c-list-item.-staff {
    gap: 8px calc(var(--grid-gutter)*1.25)
}

@media(max-width: 699px) {
    .c-list-item {
        padding-top: 10px;
        padding-bottom: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
    }
}

.c-list-item_col {
    order: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

html:not(.is-safari) .c-list-item_col {
    text-wrap: balance
}

@media(min-width: 700px) {
    .c-list-item_col {
        white-space: nowrap
    }
}

@media(min-width: 700px) {
    .c-list-item.-index .c-list-item_col {
        white-space: nowrap
    }

    .c-list-item.-index .c-list-item_col.-name,
    .c-list-item.-index .c-list-item_col.-title {
        order: 1;
        grid-column-start: span 2
    }

    .c-list-item.-index .c-list-item_col.-location {
        order: 2
    }

    .c-list-item.-index .c-list-item_col.-year {
        order: 3
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-list-item.-index .c-list-item_col.-year {
        justify-self: end
    }
}

@media(max-width: 699px) {
    .c-list-item.-index .c-list-item_col.-location {
        order: 1;
        grid-column: 1/-2;
        font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        font-size: var(--font-size-body-small);
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: 0
    }

    .c-list-item.-index .c-list-item_col.-year {
        order: 2;
        grid-column: -2/-1;
        font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        font-size: var(--font-size-body-small);
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: 0;
        justify-self: end
    }

    .c-list-item.-index .c-list-item_col.-name,
    .c-list-item.-index .c-list-item_col.-title {
        order: 3;
        grid-column: 1/-1;
        font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        font-size: var(--font-size-body-medium);
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: -0.025em
    }
}

@media(min-width: 1000px) {
    .c-list-item.-staff .c-list-item_col {
        grid-row: 1/2
    }

    .c-list-item.-staff .c-list-item_col.-name {
        grid-column: span 2
    }

    .c-list-item.-staff .c-list-item_col.-location {
        grid-column: -2/-1
    }

    .c-list-item.-staff .c-list-item_col.-position {
        grid-column: 3/4
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-list-item.-staff .c-list-item_col.-position {
        grid-column-start: span 2
    }

    .c-list-item.-staff .c-list-item_col.-location {
        justify-self: end
    }
}

@media(max-width: 699px) {
    .c-list-item.-staff .c-list-item_col {
        grid-column: 1/-1
    }

    .c-list-item.-staff .c-list-item_col.-location {
        order: 1;
        font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        font-size: var(--font-size-body-small);
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: 0
    }

    .c-list-item.-staff .c-list-item_col.-name {
        order: 2;
        font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        font-size: var(--font-size-body-medium);
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: -0.025em;
        margin-bottom: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
    }

    .c-list-item.-staff .c-list-item_col.-position {
        order: 3;
        font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        font-size: var(--font-size-body-small);
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: 0
    }
}

@media(min-width: 1000px) {
    .c-list-item.-search-team .c-list-item_col {
        grid-row: 1/2;
        white-space: nowrap
    }

    .c-list-item.-search-team .c-list-item_col.-title {
        grid-column: span 2
    }

    .c-list-item.-search-team .c-list-item_col.-location {
        grid-column: 3/4
    }

    .c-list-item.-search-team .c-list-item_col.-position {
        grid-column: -2/-1
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-list-item.-search-team .c-list-item_col.-position {
        grid-column: 2/4;
        grid-row: 1/2
    }

    .c-list-item.-search-team .c-list-item_col.-location {
        grid-column: -2/-1;
        justify-self: end
    }
}

@media(max-width: 699px) {
    .c-list-item.-search-team .c-list-item_col {
        grid-column: 1/-1
    }

    .c-list-item.-search-team .c-list-item_col.-location {
        order: 1;
        font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        font-size: var(--font-size-body-small);
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: 0
    }

    .c-list-item.-search-team .c-list-item_col.-title {
        order: 2;
        font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        font-size: var(--font-size-body-medium);
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: -0.025em;
        margin-bottom: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
    }

    .c-list-item.-search-team .c-list-item_col.-position {
        order: 3;
        font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        font-size: var(--font-size-body-small);
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: 0
    }
}

.c-list-item_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    scroll-margin-top: max(250px, 10vh)
}

.c-list-group {
    margin-top: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)));
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
}

@media(max-width: 699px) {
    .c-list-group:first-child {
        margin-top: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
    }
}

.c-list-group_head {
    margin-bottom: 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-list.-search-team .c-list-group_head {
        margin-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(prefers-reduced-motion: no-preference) {
    .c-list-group_head {
        animation: slideInUpTiny .9s cubic-bezier(0.215, 0.61, 0.355, 1) both;
        animation-play-state: paused;
        animation-delay: calc(var(--nth, 0)*.01s)
    }

    .c-list_content.is-inview .c-list-group_head {
        animation-play-state: running
    }
}

@media(max-width: 999px) {
    .c-list-group_head {
        margin-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

.c-list-group_title {
    position: relative;
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h3)
}

@media(min-width: 1000px) {
    .c-list-group_title {
        border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent)
    }

    .c-list.-index.-groupedby-year .c-list-group_title {
        padding-left: calc(0.75*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.75)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }

    .c-list.-index.-groupedby-region .c-list-group_title {
        padding-left: calc(0.5*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.5)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }

    .c-list.-search-team .c-list-group_title {
        border-bottom: none;
        line-height: 1;
        margin-bottom: .5em;
        letter-spacing: -0.05em;
        font-size: var(--font-size-h4);
        line-height: 1.2
    }
}

.c-list-preview {
    position: absolute;
    top: calc(-100vh + calc(0.1666666667 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.1666666667) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px)));
    left: calc(var(--grid-margin)*-1);
    right: calc(var(--grid-margin)*-1);
    bottom: calc(var(--grid-outer)*-1);
    pointer-events: none;
    z-index: 1;
    display: flex;
    justify-content: flex-end
}

[data-module-dialog] .c-list-preview {
    display: none
}

@media(hover: none), (max-width: 999px) {
    .c-list-preview {
        display: none
    }
}

.c-list-preview_inner {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh
}

.c-list-preview_content {
    --preview-speed: 0.6s
}

@media(prefers-reduced-motion) {
    .c-list-preview_content {
        --preview-speed: 0s
    }
}

.c-list-preview_content {
    position: absolute;
    bottom: var(--grid-outer);
    right: var(--grid-outer);
    width: calc(0.25*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.25)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px));
    height: calc(0.1666666667*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.1666666667)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px));
    clip-path: polygon(-10% 0, -10% 110%, 110% 110%, 110% 0)
}

.c-list-preview_parent.-staff .c-list-preview_content,
.c-list-preview_parent.-search-team .c-list-preview_content {
    height: calc(0.25*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.25)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px))
}

.c-list-preview_parent.-disciplines .c-list-preview_content {
    width: calc(0.3333333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.3333333333)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px));
    height: calc((0.3333333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.3333333333)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px))*.6666666667)
}

.c-list-preview_parent:not(.-show-preview) .c-list-preview_content {
    visibility: hidden;
    transition: visibility 0s linear var(--preview-speed), clip-path var(--preview-speed) cubic-bezier(0.215, 0.61, 0.355, 1);
    clip-path: polygon(0 0, 0 0, 100% 0, 100% 0)
}

.c-list-preview_content img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform-origin: top center;
    background-color: currentColor
}

.c-list-preview_content img:not(.is-active) {
    visibility: hidden;
    transition: visibility 0s linear var(--preview-speed);
    animation: listPreview var(--preview-speed) cubic-bezier(0.215, 0.61, 0.355, 1), listPreviewOut var(--preview-speed) cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-list-preview_content img.is-active {
    transform: translate3d(0, 0, 0);
    animation: listPreview var(--preview-speed) cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-play-state: running
}

.c-list-preview_content img.stop-animations {
    clip-path: polygon(0 100%, 0 100%, 100% 100%, 100% 100%);
    animation: none !important
}

@keyframes listPreview {
    0% {
        clip-path: polygon(0 100%, 0 100%, 100% 100%, 100% 100%)
    }

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

@keyframes listPreviewOut {
    0% {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }

    100% {
        transform: scale(0.9) translate3d(0, 0, 0);
        opacity: 0
    }
}

.c-disciplines_header {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-disciplines_header,
.c-info-modal .c-disciplines_header {
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 699px) {
    .c-disciplines_header {
        margin-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
    }
}

@media(min-width: 700px) {
    .c-disciplines_header {
        margin-top: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
    }
}

.c-disciplines-list {
    margin-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)));
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)));
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-disciplines-list,
.c-info-modal .c-disciplines-list {
    padding-left: 0;
    padding-right: 0
}

.c-search-results .c-disciplines-list {
    margin-top: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

.c-disciplines-list_inner {
    position: relative
}

.c-disciplines-list.-compact .c-disciplines-list_inner {
    display: grid;
    gap: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium))) var(--grid-gutter)
}

@media(min-width: 700px) {
    .c-disciplines-list.-compact .c-disciplines-list_inner {
        grid-template-columns: 1fr 1fr
    }
}

.c-disciplines-list_title {
    font-size: var(--font-size-h4);
    max-width: 320px
}

.c-disciplines-list_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.c-disciplines-list.-compact .c-disciplines-list_list {
    align-items: stretch
}

@media(max-width: 699px) {
    .c-disciplines-list_list {
        align-items: stretch
    }
}

@media(max-width: 999px) {
    .c-disciplines-list_row {
        width: 100%
    }
}

.c-disciplines-list_link {
    position: relative;
    display: block;
    transition: color .15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media(prefers-reduced-motion: reduce) {
    .c-disciplines-list_link {
        transition: none
    }
}

@media(max-width: 999px) {
    .c-disciplines-list_link {
        padding-right: 1.1em
    }
}

@media(min-width: 700px) {
    .c-disciplines-list:not(.-compact) .c-disciplines-list_link {
        line-height: 1;
        margin-bottom: .5em;
        letter-spacing: -0.05em;
        font-size: var(--font-size-h1);
        margin-bottom: 0
    }
}

@media(max-width: 699px) {
    .c-disciplines-list:not(.-compact) .c-disciplines-list_link {
        line-height: 1;
        margin-bottom: .5em;
        letter-spacing: -0.05em;
        font-size: var(--font-size-h4);
        line-height: 1.2;
        margin-bottom: 0;
        padding: .25em 0 .75em 0
    }

    .c-disciplines-list:not(.-compact) .c-disciplines-list_link:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid;
        opacity: .1
    }
}

.c-disciplines-list.-compact .c-disciplines-list_link {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h4);
    line-height: 1.2;
    margin-bottom: 10px;
    padding-top: 5px
}

.c-disciplines-list.-compact .c-disciplines-list_link:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid;
    opacity: .1
}

.c-disciplines-list.-compact .c-disciplines-list_link:before {
    top: .1em
}

.c-disciplines-list_link:before {
    content: "→";
    position: absolute;
    top: -0.1em;
    right: calc(100% + .1em);
    display: block;
    transform: translate3d(-100%, 0%, 0);
    clip-path: polygon(100% 0, 100% 100%, 200% 100%, 200% 0);
    padding: 0 .1em
}

@media(prefers-reduced-motion: no-preference) {
    .c-disciplines-list_link:before {
        transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1), clip-path .3s cubic-bezier(0.215, 0.61, 0.355, 1), transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

@media(max-width: 999px) {
    .c-disciplines-list_link:before {
        clip-path: none;
        opacity: 1;
        transform: translate3d(0, 0%, 0);
        right: 0
    }
}

@media(hover: hover) {
    .c-disciplines-list_link:hover {
        color: var(--color-accent)
    }
}

@media(hover: hover)and (min-width: 1000px) {
    .c-disciplines-list_link:hover:before {
        clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
        opacity: 1;
        transform: translate3d(0, 0%, 0)
    }
}

@media(min-width: 1000px) {
    .c-disciplines-list_link:focus-visible:before {
        opacity: 1;
        transform: translate3d(0, -60%, 0)
    }
}

.c-disciplines-list_link:focus-visible {
    color: var(--color-accent)
}

.c-pagination {
    margin-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
}

.c-pagination_list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 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-pagination_list {
        padding-left: calc(0.0833333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.0833333333)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px));
        padding-right: calc(0.0833333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.0833333333)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }
}

.c-pagination_item.-previous,
.c-pagination_item.-next {
    flex: 1
}

@media(min-width: 700px) {

    .c-pagination_item.-previous>span,
    .c-pagination_item.-next>span {
        display: block;
        width: 100%;
        max-width: calc(0.1666666667*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.1666666667)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px));
        min-width: 8.75rem
    }
}

.c-pagination_item.-next {
    display: flex;
    justify-content: flex-end
}

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

@media(min-width: 700px) {
    .c-pagination_cta.-mobile {
        display: none
    }
}

.c-page-toolbar {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    position: sticky;
    top: 0;
    z-index: 485;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.c-dialog_content .c-page-toolbar,
.c-info-modal .c-page-toolbar {
    padding-left: 0;
    padding-right: 0
}

.c-page-toolbar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-bg);
    z-index: -1;
    opacity: .8
}

html.to-route-explore .c-page-toolbar:before {
    transition: background-color .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color: #010101
}

@media(max-width: 999px) {
    .c-page-toolbar.-desktop {
        position: static;
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    .c-page-toolbar.-desktop:before {
        content: none
    }
}

@media(max-width: 999px) {
    .c-page-toolbar.-showcase {
        position: fixed;
        top: initial;
        bottom: 0;
        left: 0;
        width: 100%;
        transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translateY(100%)
    }

    html.has-scrolled .c-page-toolbar_area.is-inview .c-page-toolbar.-showcase {
        transform: translateY(0%)
    }
}

.c-page-toolbar_wrapper {
    position: relative;
    display: inline;
    z-index: 1
}

.c-list-toolbar {
    --toolbar-title-offset-y: -.14em;
    --toolbar-title-offset-origin-y: 17%;
    --toolbar-title-size: var(--font-size-h1);
    margin-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)));
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
}

.c-search-results .c-list-toolbar {
    --toolbar-title-size: var(--font-size-h2)
}

.c-list-toolbar.-index {
    --toolbar-title-size: var(--font-size-huge)
}

@media(max-width: 699px) {
    .c-list-toolbar.-index {
        margin-top: clamp(calc(0.0625rem * var(--spacing-enormous-mobile)), var(--spacing-enormous)/14.4*1vw, calc(0.0625rem * var(--spacing-enormous)))
    }
}

.c-list-toolbar_head {
    position: relative;
    display: grid;
    align-items: center;
    justify-items: start;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-gutter)
}

@media(max-width: 699px) {
    .c-list-toolbar_head {
        align-items: baseline;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width: 999px) {
    .c-list-toolbar_head {
        gap: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium))) var(--grid-gutter)
    }
}

@media(min-width: 1000px) {
    .c-list-toolbar_head {
        height: var(--header-height)
    }
}

.c-list-toolbar_tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .25em clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)));
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h5);
    padding-bottom: .5em;
    margin-bottom: -0.5em
}

.c-list-toolbar_tabs::-webkit-scrollbar {
    display: none
}

@media(max-width: 999px) {
    .c-list-toolbar_tabs {
        grid-column-end: span 3
    }
}

.c-list-toolbar_tabs-item.-count {
    margin-right: 1em
}

.c-list-toolbar_filters {
    position: absolute;
    justify-self: end;
    margin-bottom: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width: 999px) {
    .c-list-toolbar_filters {
        display: none
    }
}

.c-list-toolbar_title {
    position: relative;
    grid-column-end: span 1;
    justify-self: stretch;
    display: flex;
    align-items: flex-start;
    white-space: nowrap;
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    margin-bottom: 0 !important
}

.c-list-toolbar_title.-static {
    font-size: var(--toolbar-title-size);
    letter-spacing: -0.05em
}

@media(max-width: 699px) {
    .c-list-toolbar_title {
        grid-column: 1/-1;
        font-size: var(--toolbar-title-size)
    }
}

@media(min-width: 700px) {
    .c-list-toolbar_title {
        line-height: 1;
        margin-bottom: .5em;
        letter-spacing: -0.05em;
        font-size: var(--font-size-h5)
    }
}

.c-list-toolbar_title-ghost {
    position: relative;
    letter-spacing: -0.05em;
    pointer-events: none;
    opacity: 0
}

html.has-scrolled .c-list-toolbar_progress:not(.is-inview)+.c-page-toolbar .c-list-toolbar_title-ghost {
    opacity: 1;
    pointer-events: all
}

.c-list-toolbar_title-scale {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: var(--toolbar-title-size);
    letter-spacing: -0.05em;
    transform-origin: 0 calc(100% - var(--toolbar-title-offset-origin-y)/(1 + var(--line-breaks, 0)))
}

@media(min-width: 700px) {
    .c-list-toolbar_title-scale {
        bottom: var(--toolbar-title-offset-y)
    }
}

html.has-scrolled .c-list-toolbar_progress:not(.is-inview)+.c-page-toolbar .c-list-toolbar_title-scale {
    opacity: 0;
    pointer-events: none
}

.c-list-toolbar_title-scale sup {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body);
    font-weight: 400;
    letter-spacing: 0;
    top: 25%;
    left: 102.5%;
    pointer-events: none;
    opacity: calc(1 - var(--progress, 0))
}

#toolbar.to-update-listing .c-list-toolbar_title-scale sup {
    opacity: calc(1 - var(--progress, 1))
}

@media(prefers-reduced-motion) {
    .c-list-toolbar_title-scale {
        transform: none !important
    }
}

.c-list-toolbar_foot {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--grid-gutter);
    align-items: center;
    margin-top: clamp(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 5vh, 200px);
    padding-bottom: calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))/2)
}

@media(max-width: 999px) {
    .c-list-toolbar_foot {
        display: none
    }
}

.c-list-toolbar_sorters-wrapper {
    grid-column: 1/-1;
    grid-row: 1/2
}

.c-list-toolbar_sorters {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--grid-gutter);
    align-items: center
}

.c-list-toolbar_sorter {
    grid-row: 1/2
}

.c-list-toolbar.-index .c-list-toolbar_sorter.-name {
    grid-column-start: span 2
}

.c-list-toolbar.-index .c-list-toolbar_sorter.-year {
    grid-column: -2/-1
}

.c-list-toolbar.-staff .c-list-toolbar_sorter.-name {
    grid-column-start: span 2
}

.c-list-toolbar.-staff .c-list-toolbar_sorter.-region {
    grid-column: -2/-1
}

.c-list-toolbar.-staff .c-list-toolbar_sorter.-position {
    grid-column: 3/4
}

.c-modal-toolbar {
    position: sticky;
    top: 0;
    width: calc(100% + var(--dialog-padding)*2);
    max-width: calc(100*var(--vw, 1vw));
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: flex-start;
    gap: var(--grid-gutter);
    min-height: var(--header-height);
    z-index: 495;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    overflow: hidden
}

html:not(.is-safari) .c-modal-toolbar {
    text-wrap: balance
}

.c-modal-toolbar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-bg);
    z-index: -1;
    opacity: .8
}

.c-modal-toolbar>span:first-child:last-child {
    grid-column: 1/-1
}

*:not(.c-dialog_content)>main .c-modal-toolbar:not(.-force-dialog) {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h6);
    margin-bottom: 0
}

.c-dialog_content *:not(.c-dialog_content)>main .c-modal-toolbar:not(.-force-dialog),
.c-info-modal *:not(.c-dialog_content)>main .c-modal-toolbar:not(.-force-dialog) {
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 999px) {
    *:not(.c-dialog_content)>main .c-modal-toolbar:not(.-force-dialog) {
        position: static;
        margin-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
    }
}

*:not(.c-dialog_content)>main .c-modal-toolbar:not(.-force-dialog).-modal-only {
    display: none
}

.c-dialog .c-modal-toolbar,
.c-modal-toolbar.-force-dialog {
    padding: 0 var(--dialog-padding);
    margin-left: calc(var(--dialog-padding)*-1);
    margin-right: calc(var(--dialog-padding)*-1);
    margin-top: calc(var(--dialog-padding)*-1);
    padding-top: 5px;
    padding-bottom: 5px
}

.c-dialog .c-modal-toolbar span,
.c-modal-toolbar.-force-dialog span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-dialog .c-modal-toolbar span:first-child:not(:last-child),
.c-modal-toolbar.-force-dialog span:first-child:not(:last-child) {
    flex-shrink: 0
}

.c-dialog .c-modal-toolbar span:first-child:last-child,
.c-modal-toolbar.-force-dialog span:first-child:last-child {
    grid-column: 1/-1
}

@media(min-width: 700px) {

    .c-dialog .c-modal-toolbar span:last-child,
    .c-modal-toolbar.-force-dialog span:last-child {
        padding-right: 80px
    }
}

@media(max-width: 699px) {

    .c-dialog .c-modal-toolbar,
    .c-modal-toolbar.-force-dialog {
        font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
        font-size: var(--font-size-body-small);
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: 0;
        grid-template-columns: 1fr 1fr;
        padding-right: var(--dialog-padding)
    }
}

.c-image {
    clip-path: inset(0 round 4px)
}

.c-image.-ratio {
    aspect-ratio: var(--ratio)
}

.c-image_inner {
    position: relative;
    background-color: rgba(0, 0, 0, .1)
}

@media(prefers-reduced-motion: no-preference) {
    .c-image_inner {
        transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1), background-color .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

@media(prefers-reduced-motion: no-preference)and (hover: hover) {
    .c-card-default:hover .c-image_inner {
        transform: scale(1.05)
    }

    .c-card-image_figure.-cta :hover .c-image_inner {
        transform: scale(1.05)
    }

    .c-card-insight:hover .c-image_inner {
        transform: scale(1.05)
    }
}

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

.c-image.-lazy-load.is-loaded .c-image_inner {
    background-color: rgba(0, 0, 0, 0)
}

.c-image_img {
    width: 100%
}

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

.c-image.-cover .c-image_img {
    -o-object-fit: cover;
    object-fit: cover
}

.c-image.-contain .c-image_img {
    -o-object-fit: contain;
    object-fit: contain
}

.c-image.-lazy-load .c-image_img {
    opacity: 0;
    transition: opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media(prefers-reduced-motion) {
    .c-image.-lazy-load .c-image_img {
        transition: none
    }
}

.c-image.-lazy-load .c-image_img.is-loaded {
    opacity: 1
}

:root {
    --sorter-height: 28px
}

.c-sorter {
    display: flex;
    align-items: center;
    gap: 0px;
    white-space: nowrap;
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-tiny);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1.6
}

.c-sorter_main {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    height: var(--sorter-height);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 999px;
    padding: 0 1.5em;
    margin-left: calc(-1.5em - 1px);
    transition: border-color .15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-sorter.-active .c-sorter_main {
    border-color: currentColor
}

@media(hover: hover) {

    .c-sorter_main:hover,
    .c-sorter_main:focus {
        border-color: currentColor
    }
}

.c-sorter_clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--sorter-height);
    height: var(--sorter-height);
    border-radius: 50%;
    color: var(--color-bg);
    background-color: var(--color)
}

.c-sorter.-active.-reveal .c-sorter_clear {
    animation: slideInLeft .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-sorter:not(.-active) .c-sorter_clear {
    animation: slideOutLeftTiny .15s cubic-bezier(0.215, 0.61, 0.355, 1) forwards
}

.c-panel {
    --panel-animation-duration: 0.15s
}

@media(prefers-reduced-motion: reduce) {
    .c-panel {
        --panel-animation-duration: 0s
    }
}

.c-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 994;
    display: flex;
    flex-direction: column
}

.c-panel:not(.is-active) {
    visibility: hidden;
    transition: visibility 0s linear var(--panel-animation-duration)
}

.c-panel_backdrop {
    position: absolute;
    inset: 0;
    background-color: var(--color-bg);
    opacity: .8;
    transition: opacity var(--panel-animation-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: no-drop
}

.c-panel:not(.is-active) .c-panel_backdrop {
    opacity: 0
}

.c-panel_content {
    --color: white;
    --color-bg: #010101;
    position: relative;
    z-index: 1;
    color: var(--color);
    background-color: var(--color-bg);
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: stretch;
    max-height: 100%;
    overflow: hidden;
    transition: transform var(--panel-animation-duration) cubic-bezier(0.215, 0.61, 0.355, 1), opacity var(--panel-animation-duration) cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-dialog_content .c-panel_content,
.c-info-modal .c-panel_content {
    padding-left: 0;
    padding-right: 0
}

.c-panel:not(.is-active) .c-panel_content {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-medium))) * -1), 0)
}

@media(max-width: 999px) {
    .c-panel_content {
        padding-top: var(--header-height)
    }

    .c-panel.-filters .c-panel_content {
        height: 100%
    }
}

.c-panel_close {
    --panel-close-size: 20px;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: var(--grid-outer);
    right: var(--grid-outer);
    padding: calc(var(--panel-close-size)*.5);
    border-radius: 999px;
    overflow: hidden;
    z-index: 11
}

.c-panel_close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: currentColor;
    opacity: 0;
    z-index: -1
}

@media(hover: hover) {
    .c-panel_close:hover:before {
        opacity: .1
    }
}

@media(hover: hover)and (min-width: 1000px) {
    .c-panel_close {
        margin: calc(var(--panel-close-size)*-0.5)
    }
}

@media(hover: none), (max-width: 999px) {
    .c-panel_close:before {
        opacity: .1
    }
}

@media(max-width: 999px) {
    .c-panel.-filters .c-panel_close {
        top: initial;
        bottom: var(--grid-outer)
    }
}

.c-search-panel {
    display: flex;
    align-items: center;
    gap: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

@media(min-width: 1000px) {
    .c-search-panel {
        padding-top: calc(var(--header-height) + clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-medium))));
        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-search-panel {
        padding-top: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)));
        flex-wrap: wrap;
        gap: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)));
        padding-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

.c-search-panel_input {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h1);
    margin-bottom: 0
}

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

.c-search-panel_input::-moz-placeholder {
    color: currentColor;
    opacity: .3
}

.c-search-panel_input::placeholder {
    color: currentColor;
    opacity: .3
}

.c-filters {
    display: grid;
    padding-top: var(--grid-outer);
    padding-left: var(--grid-outer);
    padding-right: var(--grid-outer);
    margin-left: calc(var(--grid-outer)*-1);
    margin-right: calc(var(--grid-outer)*-1);
    max-height: 100%;
    overflow-y: auto;
    outline: none
}

@media(min-width: 1000px) {
    .c-filters {
        grid-template-columns: repeat(12, 1fr);
        gap: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large))) var(--grid-gutter);
        padding-bottom: var(--grid-gutter)
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-filters {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width: 699px) {
    .c-filters {
        grid-template-columns: 1fr
    }
}

@media(max-width: 999px) {
    .c-filters {
        padding-bottom: 100px;
        gap: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small))) var(--grid-gutter)
    }

    .c-filters:before {
        content: "";
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 150px;
        background: linear-gradient(0deg, #010101 33%, rgba(1, 1, 1, 0) 100%);
        z-index: 1;
        pointer-events: none
    }
}

.c-filters_group {
    border: none;
    margin: 0;
    padding: 0;
    order: 999;
    border-bottom: 1px solid #262626;
    padding-bottom: 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-filters_group {
        border-bottom: none
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-filters_group.-office {
        order: 2
    }
}

@media(min-width: 1000px) {
    .c-filters_group {
        grid-row: 1/2;
        grid-column-start: span 3
    }
}

@media(max-width: 999px) {

    .c-filters_group.-sort,
    .c-filters_group.-orderby {
        order: 1
    }
}

@media(max-width: 699px) {
    .c-filters_group.-office {
        order: 0
    }
}

.c-filters_group-title {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-small);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
    grid-column: 1/-1;
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)));
    text-transform: uppercase
}

@media(min-width: 700px) {
    .c-filters_group-title {
        margin-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

.c-filters_checkbox {
    position: relative;
    display: flex
}

.c-filters_checkbox-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto
}

.c-filters_checkbox-label {
    position: relative;
    cursor: pointer;
    transition: opacity .198s cubic-bezier(0.215, 0.61, 0.355, 1);
    font-size: 16px
}

.c-filters_checkbox-label:before {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(100% + 5px);
    width: 4px;
    height: 4px;
    background-color: currentColor;
    transform: scale(0) translateY(-50%);
    transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media(max-width: 699px) {
    .c-filters_checkbox-label:before {
        right: calc(100% + 3px)
    }
}

.c-filters_checkbox-input[type=radio]+.c-filters_checkbox-label:before {
    border-radius: 100%
}

@media(min-width: 1000px) {
    .c-filters_checkbox-input[type=radio]+.c-filters_checkbox-label:before {
        width: 5px;
        height: 5px
    }
}

.c-filters_checkbox-input:checked+.c-filters_checkbox-label:before {
    transform: scale(1) translateY(-50%)
}

.c-filters_checkbox-input:disabled+.c-filters_checkbox-label {
    opacity: .3;
    pointer-events: none
}

.c-filters_checkbox-input:focus-visible+.c-filters_checkbox-label {
    outline-color: var(--color);
    outline-style: auto;
    outline-width: 10px;
    outline-offset: 5px
}

@media(hover: hover) {
    .c-filters_checkbox-label:hover {
        text-decoration: underline;
        text-underline-offset: .2em;
        text-decoration-thickness: 1px
    }
}

.c-filters_apply {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h5);
    margin-bottom: 0;
    text-align: left;
    justify-self: start
}

.c-filters_apply:after {
    content: "→";
    display: inline-block;
    margin-left: .25em;
    transition: opacity .15s cubic-bezier(0.215, 0.61, 0.355, 1), transform .15s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: none
}

.c-filters:not(.is-altered) .c-filters_apply:after {
    opacity: 0;
    transform: translateX(-5px)
}

@media(min-width: 1000px) {
    .c-filters_apply {
        grid-row: 2/3;
        grid-column: 1/4
    }
}

@media(max-width: 999px) {
    .c-filters_apply {
        position: fixed;
        bottom: var(--grid-outer);
        left: var(--grid-outer);
        z-index: 6;
        height: 40px;
        display: flex;
        align-items: center;
        gap: .25em
    }
}

.c-filters_reset {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h5);
    margin-bottom: 0;
    transition: opacity .198s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0s linear
}

.c-filters:not(.is-resettable) .c-filters_reset {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition-delay: 0s, .198s
}

@media(min-width: 1000px) {
    .c-filters_reset {
        grid-row: 2/3;
        grid-column: -4/-1;
        justify-self: start
    }
}

@media(max-width: 999px) {
    .c-filters_reset {
        position: fixed;
        top: calc(var(--header-height)/2);
        right: var(--grid-outer);
        transform: translateY(-50%)
    }
}

.c-filters_select {
    position: relative;
    display: flex;
    gap: 10px;
    margin-top: -0.2em;
    align-items: center
}

.c-filters_select::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: .66em;
    pointer-events: none;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='21' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3933 0.424999V16.247L16.1173 10.523L17.6023 12.035L9.20527 20.432L0.808273 12.035L2.32027 10.523L8.01727 16.247V0.424999H10.3933Z' fill='black'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='18' height='21' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3933 0.424999V16.247L16.1173 10.523L17.6023 12.035L9.20527 20.432L0.808273 12.035L2.32027 10.523L8.01727 16.247V0.424999H10.3933Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: currentColor
}

@media(min-width: 700px) {
    .c-filters_select {
        padding-right: calc(0.0833333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.0833333333)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }

    .c-filters_select:after {
        right: calc(0.0833333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.0833333333)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }
}

@media(max-width: 999px) {
    .c-filters_select {
        flex-direction: row-reverse
    }
}

.c-filters_select-input {
    padding-bottom: .2em;
    padding-top: .2em;
    border-bottom: 1px solid
}

.c-filters_select-input option,
.c-filters_select-input optgroup {
    background-color: var(--color-bg)
}

.c-filters_select-clear {
    display: flex;
    font-size: 8px;
    padding: .5em;
    background-color: var(--color);
    color: var(--color-bg);
    border-radius: 50%;
    animation: scaleIn .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-filters_select-input:has(option:checked:first-child)+.c-filters_select-clear {
    display: none
}

@media(min-width: 1000px) {
    .c-filters_select-clear {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(calc(-100% - 10px), -50%);
        animation: revealSelectClear .15s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

@keyframes revealSelectClear {
    0% {
        opacity: 0;
        transform: translate3d(calc(-100% - 10px), -50%, 0) scale(0.5)
    }

    100% {
        opacity: 1;
        transform: translate3d(calc(-100% - 10px), -50%, 0) scale(1)
    }
}

.c-filters-mobile-toggler {
    position: absolute;
    top: -100lvh;
    left: 0;
    width: 100%;
    height: calc(100% + 100lvh);
    pointer-events: none
}

@media(min-width: 1000px) {
    .c-filters-mobile-toggler {
        display: none
    }
}

.c-filters-mobile-toggler_inner {
    position: sticky;
    top: 0;
    width: calc(100*var(--vw, 1vw));
    height: 100dvh;
    padding-bottom: var(--grid-outer);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 1;
    transition: height .15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-filters-mobile-toggler_btn {
    pointer-events: all
}

.c-footer-push {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-medium-margin);
    padding-right: var(--container-medium-margin);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)));
    margin-top: clamp(calc(0.0625rem * var(--spacing-enormous-mobile)), var(--spacing-enormous)/14.4*1vw, calc(0.0625rem * var(--spacing-enormous)));
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
}

.c-dialog_content .c-footer-push,
.c-info-modal .c-footer-push {
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 700px) {
    .c-footer-push {
        margin-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
    }
}

.c-footer-push_title {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h1)
}

.c-footer {
    --color: white;
    --color-bg: #7297c5;
    position: relative;
    display: grid;
    align-content: stretch;
    justify-content: stretch;
    color: var(--color);
    background-color: var(--color-bg);
    min-height: 100vh;
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0)
}

@media(max-width: 999px) {
    .c-footer {
        grid-template-rows: 1fr auto
    }
}

.c-footer:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-bg);
    background-color: color-mix(in srgb, var(--color-bg), black 25%);
    opacity: calc(1 - (var(--progress)));
    pointer-events: none;
    z-index: 1
}

@media(prefers-reduced-motion) {
    .c-footer:before {
        opacity: 0
    }
}

.c-footer *:focus-visible {}

.c-footer_sticky-area {
    position: relative;
    top: -100vh;
    left: 0;
    height: calc(100% + 100vh);
    clip-path: polygon(0 100vh, 0 100%, 100% 100%, 100% 100vh)
}

html.is-firefox .c-footer_sticky-area {
    top: 0;
    height: auto;
    clip-path: none
}

.c-footer_main {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    background-color: var(--color-bg)
}

.c-dialog_content .c-footer_main,
.c-info-modal .c-footer_main {
    padding-left: 0;
    padding-right: 0
}

@media(hover: hover) {
    .c-footer_main a:hover {
        text-decoration: underline
    }
}

.c-footer_main a:focus {
    text-decoration: underline
}

html.is-firefox .c-footer_main {
    position: static
}

.c-footer_logo {
    margin: var(--grid-outer) 0
}

@media(max-width: 699px) {
    .c-footer_logo {
        margin: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small))) 0
    }
}

.c-footer_sitemap {
    margin: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big))) 0
}

.c-footer_legal {
    margin: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium))) 0
}

.c-sitemap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--grid-gutter)
}

@media(max-width: 699px) {
    .c-sitemap {
        gap: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium))) var(--grid-gutter);
        grid-template-columns: 1fr 1fr
    }
}

.c-sitemap_title {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-tiny);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1.6;
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)));
    opacity: .7
}

@media(min-width: 700px) {
    .c-sitemap_title {
        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-sitemap_list.-cols {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 calc(var(--grid-gutter)*2)
    }
}

.c-sitemap_link.is-active {
    text-decoration: underline
}

.c-legal {
    /* display: grid;
    grid-template-columns: repeat(5, 1fr) */
justify-content: space-between;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

@media(min-width: 1000px) {
    .c-legal {
        gap: .5em var(--grid-gutter)
    }
}

@media(max-width: 999px) {
    .c-legal {
        gap: 0 var(--grid-gutter)
    }
}

@media(min-width: 1000px) {
    .c-legal_col {
        grid-column-end: span 1
    }

    .c-legal_col.-copyright {
        align-self: end
    }
}

@media(max-width: 999px) {
    .c-legal_col {
        grid-column: 1/-1
    }

    .c-legal_col.-copyright {
        margin-top: 1em
    }
}

:root {
    --dialog-padding: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny)));
    --dialog-animation-duration: 0.75s;
    --dialog-animation-easing: cubic-bezier(0.215, 0.61, 0.355, 1);
    --dialog-width: max(640px, calc(var(--grid-margin) + calc(0.6666666667 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.6666666667) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px))))
}

.c-explore-dialog .c-dialog {
    --dialog-animation-duration: 0.75s
}

@media(prefers-reduced-motion) {
    .c-dialog {
        --dialog-animation-duration: 0s !important
    }
}

.c-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    max-width: 100vw;
    max-height: 100lvh;
    z-index: 999;
    background: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
    display: grid;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable
}

.c-dialog::backdrop {
    background-color: #010101;
    opacity: 0
}

.c-dialog:not([open]) {
    pointer-events: none;
    visibility: hidden;
    transition: visibility 0s linear var(--dialog-animation-duration)
}

.c-dialog_outer {
    position: relative;
    max-width: 100vw
}

.c-dialog_backdrop {
    position: absolute;
    inset: 0;
    cursor: no-drop;
    background-color: #010101;
    opacity: .3;
    transition: opacity var(--dialog-animation-duration) var(--dialog-animation-easing)
}

.c-explore-dialog .c-dialog_backdrop {
    background-color: rgba(0, 0, 0, 0)
}

.c-dialog:not([open]) .c-dialog_backdrop {
    opacity: 0
}

.c-dialog_inner {
    position: relative;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 1;
    pointer-events: none;
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition: transform calc(var(--dialog-animation-duration)*.5) var(--dialog-animation-easing), opacity calc(var(--dialog-animation-duration)*.5) var(--dialog-animation-easing)
}

.c-dialog:not([open]) .c-dialog_inner {
    opacity: 0;
    transform: translate3d(clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-small))), 0, 0)
}

.c-dialog_content {
    --color: #010101;
    --color-bg: white;
    position: relative;
    min-height: 100dvh;
    width: var(--dialog-width);
    max-width: 100%;
    color: var(--color);
    background-color: var(--color-bg);
    z-index: 1;
    display: flex
}

.c-dialog_content #modal {
    width: 100%;
    padding: var(--dialog-padding)
}

.c-dialog_content #modal.is-changing {
    transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media(prefers-reduced-motion) {
    .c-dialog_content #modal.is-changing {
        transition: none
    }
}

.c-dialog_content #modal.is-animating {
    opacity: 0
}

@media(max-width: 699px) {
    .c-dialog_content #modal {
        padding-bottom: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
    }
}

.c-dialog[open] .c-dialog_content {
    pointer-events: all
}

.c-dialog_sticky-wrapper {
    position: absolute;
    inset: 0;
    pointer-events: none
}

.c-dialog_head {
    position: sticky;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--grid-gutter);
    z-index: 500;
    pointer-events: none
}

@media(min-width: 700px) {
    .c-dialog_head {
        top: 0;
        height: var(--header-height);
        padding: 0 var(--dialog-padding);
        justify-content: flex-end
    }
}

@media(max-width: 699px) {
    .c-dialog_head {
        top: 100%;
        transform: translateY(-100%);
        padding: var(--dialog-padding);
        justify-content: center;
        margin-bottom: -100%
    }
}

.c-dialog_head>* {
    pointer-events: all
}

.c-dialog_close {
    display: flex;
    padding: 10px;
    margin: -10px
}

@media(max-width: 699px) {
    .c-dialog_close {
        padding: 20px;
        margin: 0px;
        background-color: var(--color);
        color: var(--color-bg);
        border-radius: 50%;
        border: 1px solid hsla(0, 0%, 100%, .3)
    }
}

.c-dialog_spinner {
    position: fixed;
    bottom: var(--dialog-padding);
    right: var(--dialog-padding);
    z-index: 1;
    pointer-events: none;
    opacity: 0
}

.c-dialog_spinner:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid;
    border-radius: 50%;
    border-top-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    animation: spin .33s linear infinite
}

html.is-loading-fragment .c-dialog[open] .c-dialog_spinner {
    animation: scaleIn .3s cubic-bezier(0.215, 0.61, 0.355, 1) 500ms forwards
}

.c-insight-hero {
    --page-title-margin-top: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-big)));
    --page-title-margin-bottom: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large)));
    --title-height: 1em;
    --image-offset: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large)));
    --infos-margin-bottom: 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-insight-hero {
        --fold-height: calc(100 * var(--svh, 1svh));
        --max-header-height: calc(100 * var(--svh, 1svh));
        --page-title-margin-top: calc(clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-big))) + var(--header-height));
        --gc-start: 1;
        --gc-end: -1
    }
}

@media(min-width: 700px) {
    .c-insight-hero {
        --fold-height: calc(100 * var(--vh, 1vh));
        --max-header-height: max(6em, 300px);
        margin-top: calc(var(--quicknav-margin-bottom)*-1)
    }
}

.c-insight-hero .c-heading {
    margin-bottom: 0
}

.c-insight-hero_page_title.c-heading {
    padding-top: var(--page-title-margin-top);
    padding-bottom: var(--page-title-margin-bottom)
}

.c-insight-hero.-details .c-insight-hero_inner {
    padding-top: calc(var(--page-title-margin-top) + var(--page-title-margin-bottom) + var(--title-height) + var(--infos-margin-bottom))
}

.c-dialog .c-insight-hero.-details .c-insight-hero_inner {
    padding-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
}

.c-insight-hero_article {
    overflow: hidden
}

.c-insight-hero_header {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h3);
    display: flex;
    align-items: flex-end;
    min-height: min(var(--fold-height) - var(--title-height) - var(--page-title-margin-top) - var(--page-title-margin-bottom) - var(--quicknav-height) - var(--image-offset), var(--max-header-height));
    margin-bottom: 0;
    padding-bottom: 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-insight-hero_header {
        min-height: 0
    }
}

.c-insight-hero_header_content {
    position: relative
}

@media(max-width: 999px) {
    .c-insight-hero.-list .c-insight-hero_header_content.o-grid {
        display: flex;
        flex-direction: column-reverse
    }
}

.c-insight-hero_infos {
    display: flex;
    align-items: center;
    gap: 1rem
}

@media(max-width: 999px) {
    .c-insight-hero_infos {
        padding-bottom: 1rem
    }
}

@media(min-width: 1000px) {
    .c-insight-hero_infos {
        padding-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

.c-insight-hero_link {
    position: absolute;
    top: 0;
    left: calc(var(--container-margin)*-1);
    width: calc(100% + var(--container-margin)*2);
    height: 300vh;
    z-index: 1
}

@media(hover: hover) {
    .c-insight-hero_link:hover~.c-insight-hero_title {
        text-decoration: underline
    }
}

.c-insight-hero_title {
    max-width: 57.5rem
}

html:not(.is-safari) .c-insight-hero_title {
    text-wrap: balance
}

.c-insight-hero_credits {
    display: flex
}

@media(max-width: 999px) {
    .c-insight-hero_credits {
        max-width: 16.875rem;
        flex-wrap: wrap;
        gap: .5rem;
        margin-top: .5rem
    }
}

@media(min-width: 1000px) {
    .c-insight-hero_credits {
        flex-direction: column;
        align-items: flex-end;
        gap: .25rem
    }
}

.c-insight-hero_credits li.c-text {
    text-transform: uppercase;
    line-height: 1
}

@media(max-width: 999px) {
    .c-insight-hero_date.c-heading {
        margin-top: .5rem
    }
}

.c-tag {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-small);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
    font-weight: 500;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: .4em .75em .25em .75em;
    color: var(--color);
    background-color: var(--color-bg);
    border-radius: 4px
}

.c-tag.-light {
    --color: #010101;
    --color-bg: white
}

.c-tag.-dark {
    --color: white;
    --color-bg: #010101
}

.c-tag.-grey {
    --color: #010101;
    --color-bg: #e6e6e6
}

.c-card-insight {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.c-card-insight .c-heading {
    margin-bottom: 0
}

.c-card-insight_image_wrapper {
    position: relative;
    aspect-ratio: 16/9;
    background-color: #e6e6e6;
    clip-path: inset(0 round 4px)
}

.c-card-insight_content {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.c-card-insight_tag {
    position: absolute;
    top: .75rem;
    left: .75rem;
    z-index: 1;
    transform: translate3d(0, 0, 0)
}

.c-card-insight_title {
    max-width: 24.6875rem
}

.c-card-insight_title.c-heading {
    line-height: 1.4
}

@media(hover: hover) {
    .c-card-insight:hover .c-card-insight_title {
        text-decoration: underline
    }
}

.c-card-insight_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media(min-width: 700px) {
    .c-insight-listing_inner {
        padding-top: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
    }

    .c-search-results .c-insight-listing_inner {
        padding-top: 0
    }
}

.c-insight-listing_filters {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1
}

.c-insight-listing_filters:after {
    content: "";
    display: block;
    width: 1px;
    height: var(--last-item-height)
}

.c-insight-listing_list {
    padding-top: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)));
    margin-top: calc(var(--last-item-height)*-1);
    overflow: hidden
}

.c-insight-filters {
    pointer-events: none
}

.c-insight-filters_inner {
    display: flex;
    gap: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
    width: 100%;
    background-color: var(--color-bg);
    overflow: hidden;
    pointer-events: auto
}

@media(max-width: 699px) {
    .c-insight-filters_inner {
        flex-direction: column;
        padding-top: calc(var(--header-height) + 1em);
        padding-bottom: 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-insight-filters_inner {
        justify-content: space-between;
        padding-top: calc(var(--grid-outer) + .25em);
        padding-bottom: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)));
        padding-left: var(--container-margin);
        padding-right: var(--container-margin)
    }
}

.c-insight-filters_list {
    width: 100%
}

@media(max-width: 699px) {
    .c-insight-filters_list {
        order: 2;
        display: inline-flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        gap: .625rem
    }

    .c-insight-filters_list::-webkit-scrollbar {
        display: none
    }

    .c-insight-filters_list li {
        white-space: nowrap;
        scroll-snap-align: start;
        padding-left: var(--container-margin);
        padding-right: var(--container-margin);
        padding-top: 1px
    }
}

@media(min-width: 700px) {
    .c-insight-filters_list {
        display: flex;
        white-space: nowrap;
        gap: 3em
    }
}

.c-cursor {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1200
}

@media(prefers-reduced-motion: reduce) {
    .c-cursor {
        display: none
    }
}

.c-cursor_state {
    position: relative;
    padding-top: 1rem;
    padding-left: 1rem;
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1) .1s
}

.c-cursor.is-active .c-cursor_state {
    opacity: 1;
    transition: opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-cursor_cta_wrapper {
    position: absolute;
    top: 100%;
    left: 100%
}

.c-cursor_cta {
    clip-path: inset(0 0 100% 0);
    transition: clip-path .3s cubic-bezier(0.215, 0.61, 0.355, 1) .1s
}

.c-cursor[data-state=read] .c-cursor_cta {
    clip-path: inset(0 0 0 0);
    transition: clip-path .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-insight-list_title {
    --page-title-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-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)));
    padding-top: var(--page-title-margin-top)
}

@media(max-width: 999px) {
    .c-insight-list_title {
        --page-title-margin-top: calc(clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-big))) + var(--header-height))
    }
}

@media(max-width: 699px) {
    .c-insight-list_title {
        margin-top: 0
    }
}

@media(min-width: 700px) {
    .c-insight-list_title {
        margin-top: calc(var(--quicknav-margin-bottom)*-1)
    }
}

.c-insight-list_title>.c-heading {
    margin: 0
}

.c-blocks_item+.c-blocks_item {
    margin-top: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
}

:root {
    --wysiwyg-heading-multiplier: 0.9;
    --wysiwyg-h1: var(--font-size-body-medium);
    --wysiwyg-h2: calc(var(--wysiwyg-h1));
    --wysiwyg-h3: calc(var(--wysiwyg-h2) * var(--wysiwyg-heading-multiplier));
    --wysiwyg-h4: calc(var(--wysiwyg-h3) * var(--wysiwyg-heading-multiplier));
    --wysiwyg-h5: calc(var(--wysiwyg-h4) * var(--wysiwyg-heading-multiplier));
    --wysiwyg-h6: calc(var(--wysiwyg-h5) * var(--wysiwyg-heading-multiplier));
    --wysiwyg-margin-heading-top: 1em;
    --wysiwyg-margin-heading-bottom: 1em;
    --wysiwyg-font-size: var(--font-size-body)
}

.c-wysiwyg_first {
    margin-top: 0 !important;
    padding-top: 0 !important
}

.c-wysiwyg_last {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.c-wysiwyg h1,
.c-wysiwyg h2,
.c-wysiwyg h3,
.c-wysiwyg h4,
.c-wysiwyg h5,
.c-wysiwyg h6,
.c-wysiwyg p,
.c-wysiwyg ul,
.c-wysiwyg ol {
    position: relative;
    display: block;
    margin-left: 0;
    margin-right: auto;
    width: 100%
}

.c-wysiwyg a,
.c-wysiwyg span {
    display: inline
}

.c-wysiwyg a::after,
.c-wysiwyg span::after {
    display: none
}

.c-wysiwyg bold,
.c-wysiwyg strong {
    font-weight: 700
}

.c-wysiwyg ul,
.c-wysiwyg ol {
    font-size: 0
}

.c-wysiwyg ul>li,
.c-wysiwyg ol>li {
    font-size: var(--wysiwyg-font-size)
}

@media(max-width: 499px) {

    .c-wysiwyg ul+p,
    .c-wysiwyg ul+ul,
    .c-wysiwyg ul+ol,
    .c-wysiwyg ul+blockquote,
    .c-wysiwyg ol+p,
    .c-wysiwyg ol+ul,
    .c-wysiwyg ol+ol,
    .c-wysiwyg ol+blockquote {
        margin-top: calc(var(--wysiwyg-font-size)*1)
    }
}

@media(min-width: 500px) {

    .c-wysiwyg ul+p,
    .c-wysiwyg ul+ul,
    .c-wysiwyg ul+ol,
    .c-wysiwyg ul+blockquote,
    .c-wysiwyg ol+p,
    .c-wysiwyg ol+ul,
    .c-wysiwyg ol+ol,
    .c-wysiwyg ol+blockquote {
        margin-top: calc(var(--wysiwyg-font-size)*2)
    }
}

.c-wysiwyg ul>li {
    position: relative;
    padding-left: 1em
}

.c-wysiwyg ul>li+li {
    margin-top: 0
}

.c-wysiwyg ul>li::before {
    content: "";
    position: absolute;
    top: .8em;
    left: 0;
    width: .25em;
    height: .25em;
    border-radius: 50%;
    background-color: currentColor
}

.c-wysiwyg ol {
    counter-reset: counter
}

.c-wysiwyg ol>li {
    counter-increment: counter;
    position: relative;
    padding-left: 1em
}

.c-wysiwyg ol>li::before {
    content: counter(counter);
    color: currentColor;
    position: absolute;
    top: .35em;
    left: 0;
    font-size: .75em
}

.c-wysiwyg a {
    display: inline;
    text-decoration: underline;
    transition: color .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    color: currentColor
}

.c-wysiwyg a:hover {
    color: var(--color-accent)
}

.c-wysiwyg p {
    font-size: var(--wysiwyg-font-size)
}

@media(max-width: 499px) {

    .c-wysiwyg p+p,
    .c-wysiwyg p+ul,
    .c-wysiwyg p+ol,
    .c-wysiwyg p+blockquote {
        margin-top: calc(var(--wysiwyg-font-size)*1)
    }
}

@media(min-width: 500px) {

    .c-wysiwyg p+p,
    .c-wysiwyg p+ul,
    .c-wysiwyg p+ol,
    .c-wysiwyg p+blockquote {
        margin-top: calc(var(--wysiwyg-font-size)*2)
    }
}

.c-wysiwyg h1,
.c-wysiwyg h2,
.c-wysiwyg h3,
.c-wysiwyg h4,
.c-wysiwyg h5,
.c-wysiwyg h6 {
    margin-top: var(--wysiwyg-margin-heading-top)
}

.c-wysiwyg h1+p,
.c-wysiwyg h1+ul,
.c-wysiwyg h1+ol,
.c-wysiwyg h2+p,
.c-wysiwyg h2+ul,
.c-wysiwyg h2+ol,
.c-wysiwyg h3+p,
.c-wysiwyg h3+ul,
.c-wysiwyg h3+ol,
.c-wysiwyg h4+p,
.c-wysiwyg h4+ul,
.c-wysiwyg h4+ol,
.c-wysiwyg h5+p,
.c-wysiwyg h5+ul,
.c-wysiwyg h5+ol,
.c-wysiwyg h6+p,
.c-wysiwyg h6+ul,
.c-wysiwyg h6+ol {
    margin-top: var(--wysiwyg-margin-heading-bottom)
}

.c-wysiwyg h1+blockquote,
.c-wysiwyg h2+blockquote,
.c-wysiwyg h3+blockquote,
.c-wysiwyg h4+blockquote,
.c-wysiwyg h5+blockquote,
.c-wysiwyg h6+blockquote {
    margin-top: 2em
}

.c-wysiwyg h1 {
    font-size: var(--wysiwyg-h1)
}

.c-wysiwyg h2 {
    font-size: var(--wysiwyg-h2)
}

.c-wysiwyg h3 {
    font-size: var(--wysiwyg-h3)
}

.c-wysiwyg h4 {
    font-size: var(--wysiwyg-h4)
}

.c-wysiwyg h5 {
    font-size: var(--wysiwyg-h5)
}

.c-wysiwyg h6 {
    font-size: var(--wysiwyg-h6)
}

.c-wysiwyg blockquote {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 1em;
    margin-left: 0;
    margin-right: auto;
    quotes: "“" "”" "’" "’"
}

.c-wysiwyg blockquote:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .1875rem;
    height: 100%;
    border-radius: 1px;
    background-color: #e6e6e6
}

.c-wysiwyg blockquote * {
    font-size: var(--wysiwyg-font-size)
}

.c-wysiwyg blockquote p {
    padding: 0;
    max-width: 100%;
    text-indent: var(--grid-gutter)
}

.c-wysiwyg blockquote p::before {
    content: open-quote
}

.c-wysiwyg blockquote p::after {
    position: relative;
    top: inherit;
    left: inherit;
    width: auto;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    content: close-quote;
    opacity: 1
}

@media(max-width: 499px) {

    .c-wysiwyg blockquote+p,
    .c-wysiwyg blockquote+ul,
    .c-wysiwyg blockquote+ol,
    .c-wysiwyg blockquote+h1,
    .c-wysiwyg blockquote+h2,
    .c-wysiwyg blockquote+h3,
    .c-wysiwyg blockquote+h4,
    .c-wysiwyg blockquote+h5,
    .c-wysiwyg blockquote+h6,
    .c-wysiwyg blockquote+blockquote {
        margin-top: calc(var(--wysiwyg-font-size)*1)
    }
}

@media(min-width: 500px) {

    .c-wysiwyg blockquote+p,
    .c-wysiwyg blockquote+ul,
    .c-wysiwyg blockquote+ol,
    .c-wysiwyg blockquote+h1,
    .c-wysiwyg blockquote+h2,
    .c-wysiwyg blockquote+h3,
    .c-wysiwyg blockquote+h4,
    .c-wysiwyg blockquote+h5,
    .c-wysiwyg blockquote+h6,
    .c-wysiwyg blockquote+blockquote {
        margin-top: calc(var(--wysiwyg-font-size)*2)
    }
}

.c-wysiwyg img {
    max-width: 100%
}

.c-quote {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-quote,
.c-info-modal .c-quote {
    padding-left: 0;
    padding-right: 0
}

.c-quote_content {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h2);
    text-align: center;
    max-width: 76.75rem;
    margin-left: auto;
    margin-right: auto;
    quotes: "“" "”" "’" "’"
}

.c-quote_content div:first-of-type::before {
    content: open-quote
}

.c-quote_content div:last-of-type::after {
    position: relative;
    top: inherit;
    left: inherit;
    width: auto;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    content: close-quote;
    opacity: 1
}

.c-quote_content.c-heading-serif {
    margin-bottom: 0;
    letter-spacing: -0.02em
}

@media(max-width: 699px) {
    .c-quote_content+.c-quote_author {
        margin-top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(min-width: 700px) {
    .c-quote_content+.c-quote_author {
        margin-top: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
    }
}

.c-quote_author {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

@media(min-width: 1000px) {
    .c-quote_author {
        --gc-start: 6;
        --gc-end: 13
    }
}

@media(min-width: 1200px) {
    .c-quote_author {
        --gc-start: 7;
        --gc-end: 13
    }
}

.c-quote_author_inner {
    grid-column-start: var(--gc-start, 1);
    grid-column-end: var(--gc-end, -1);
    width: 100%;
    max-width: min(calc(0.3333333333 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.3333333333) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px)), 25rem);
    min-width: 17.5rem
}

@media(max-width: 999px) {
    .c-quote_author_inner {
        display: flex;
        gap: var(--grid-gutter);
        margin-right: auto;
        margin-left: auto;
        align-items: flex-end
    }
}

@media(min-width: 1000px) {
    .c-quote_author_inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter)
    }
}

@media(max-width: 999px) {
    .c-quote_author_image {
        max-width: max(calc(0.1666666667 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.1666666667) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px)), 7.5rem)
    }
}

.c-carousel {
    position: relative;
    overflow: hidden;
    direction: ltr
}

.c-carousel_el {
    display: flex;
    flex-direction: column
}

.c-carousel_header {
    padding-top: 1rem;
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
    margin-top: calc(0.5rem*-1)
}

@media(min-width: 500px) {
    .c-carousel_header {
        padding-right: calc(var(--controls-width) + 0.5rem)
    }

    html[dir=rtl][data-post-is-translated=true] main .c-carousel_header {
        direction: rtl;
        padding-left: calc(var(--controls-width) + 0.5rem);
        padding-right: 0
    }
}

.c-carousel[data-carousel-type=min] .c-carousel_header {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0
}

.c-carousel_container {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-carousel_container,
.c-info-modal .c-carousel_container {
    padding-left: 0;
    padding-right: 0
}

.c-carousel[data-carousel-type=min] .c-carousel_container {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.c-carousel_arrows {
    display: inline-flex;
    gap: .5rem;
    font-size: 0
}

.c-carousel_track {
    overflow: visible
}

.c-carousel_footer {
    display: inline-flex;
    gap: .5rem;
    font-size: 0
}

@media(max-width: 499px) {
    .c-carousel_footer {
        justify-content: center;
        width: 100%;
        margin-top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
        order: 1
    }

    .c-carousel_footer.-full {
        justify-content: space-between;
        flex-direction: row-reverse
    }
}

@media(min-width: 500px) {
    .c-carousel_footer {
        position: absolute;
        top: 1rem;
        right: 0;
        width: auto
    }

    html[dir=rtl][data-post-is-translated=true] main .c-carousel_footer {
        right: initial;
        left: 0
    }
}

.c-carousel[data-carousel-type=min] .c-carousel_footer {
    position: absolute;
    top: auto;
    left: 1rem;
    right: 1rem;
    width: auto;
    bottom: 1rem;
    z-index: 1
}

.c-card-image {
    width: 100%;
    clip-path: inset(0 round 4px)
}

html[dir=rtl][data-post-is-translated=true] main .c-card-image {
    direction: rtl
}

@media(min-width: 500px) {
    .c-carousel[data-carousel-type=images] .c-card-image {
        width: calc(0.5*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.5)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px))
    }
}

.c-card-image_inner {
    position: relative
}

.c-card-image_infos {
    position: absolute;
    top: 1rem;
    left: 1rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #fff;
    padding: .25rem .5rem;
    border-radius: 100px;
    background: rgba(1, 1, 1, .1);
    z-index: 1;
    pointer-events: none
}

.c-card-image_figure_inner {
    position: relative
}

.c-card-image_image {
    position: relative
}

.c-card-image_caption {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: .875rem;
    line-height: 1.2;
    margin-top: 1rem;
    max-width: max(calc(0.1666666667 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.1666666667) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px)), 12.5rem)
}

.c-carousel[data-carousel-type=min] .c-card-image_caption {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0
}

.c-card-image_cta {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1000;
    visibility: hidden
}

.c-lightbox.is-showing {
    pointer-events: auto;
    visibility: visible
}

.c-lightbox_inner {
    position: absolute;
    top: var(--grid-gutter);
    right: var(--grid-gutter);
    bottom: var(--grid-gutter);
    left: var(--grid-gutter)
}

.c-lightbox_inner_root {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--grid-gutter);
    pointer-events: none
}

.c-lightbox_inner_root::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(1, 1, 1, .8)
}

html.is-ready .c-lightbox_inner_root::before {
    transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-backdrop-filter .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1), backdrop-filter .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1), backdrop-filter .3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-backdrop-filter .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

html.has-lightbox-open .c-lightbox_inner_root::before {
    opacity: 1;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.c-lightbox_element {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    opacity: 0;
    background-color: #010101
}

.c-lightbox.is-loaded .c-lightbox_element {
    opacity: 1;
    transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-lightbox.is-active .c-lightbox_element {
    pointer-events: auto
}

.c-lightbox_element:hover {
    cursor: zoom-in
}

.c-lightbox.is-zoomed .c-lightbox_element:hover {
    cursor: zoom-out
}

.c-lightbox_element img {
    width: 100%;
    height: 100%
}

.c-lightbox_close {
    position: absolute;
    top: 0;
    right: 0
}

.c-lightbox.is-active .c-lightbox_close {
    pointer-events: auto
}

.c-lightbox_area {
    position: absolute;
    top: var(--grid-gutter);
    right: var(--grid-gutter);
    bottom: var(--grid-gutter);
    left: var(--grid-gutter)
}

.c-lightbox_loader {
    position: absolute;
    right: var(--grid-gutter);
    bottom: var(--grid-gutter);
    color: #fff
}

.c-lightbox_loader.c-spinner {
    animation-play-state: paused;
    opacity: 0
}

html.is-ready .c-lightbox_loader.c-spinner {
    transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-lightbox.is-loading .c-lightbox_loader.c-spinner {
    animation-play-state: running;
    opacity: 1
}

.c-spinner {
    --spinner-size: clamp(14px, 0.0097222222 * calc(100 * var(--vw, 1vw)), 14px);
    display: block;
    width: var(--spinner-size);
    height: var(--spinner-size);
    border: 1px solid rgba(0, 0, 0, 0);
    border-top-color: currentColor;
    border-right-color: currentColor;
    border-radius: 50%;
    animation: loaderSpinner .3s linear infinite
}

@keyframes loaderSpinner {
    0% {
        transform: rotate(0deg)
    }

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

.c-cover {
    position: relative;
    width: 100%;
    aspect-ratio: 4/3;
    max-height: calc(100*var(--svh, 1svh));
    overflow: hidden
}

.c-cover_image {
    position: absolute;
    top: calc(50% - var(--parallax-height, 100%)/2);
    left: 0;
    width: 100%;
    height: var(--parallax-height, 100%)
}

.c-excerpt {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--grid-gutter)
}

.c-dialog_content .c-excerpt,
.c-info-modal .c-excerpt {
    padding-left: 0;
    padding-right: 0
}

.c-excerpt_content {
    max-width: 57.25rem;
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h4);
    line-height: 1.2
}

.c-excerpt_content a {
    text-decoration: underline
}

.c-dialog_content .c-excerpt_content {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-large);
    line-height: 1.2
}

@media(min-width: 700px) {
    .c-excerpt_content {
        grid-column: 1/4
    }
}

@media(max-width: 699px) {
    .c-excerpt_content {
        grid-column: 1/-1
    }
}

.c-excerpt_content.c-heading {
    margin-bottom: 0
}

.c-excerpt_content p:not(:last-child) {
    margin-bottom: 1em
}

.c-card-default {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.c-card-default .c-heading {
    margin-bottom: 0
}

.c-card-default_image_wrapper {
    position: relative;
    aspect-ratio: 16/9;
    background-color: #e6e6e6;
    background-color: color-mix(in srgb, currentColor 10%, var(--color-bg));
    clip-path: inset(0 round 4px);
    overflow: hidden
}

html:not(.is-safari) .c-card-default_content {
    text-wrap: balance
}

@media(max-width: 499px) {
    .c-card-default_content {
        display: flex;
        flex-direction: column-reverse;
        gap: .25rem
    }
}

@media(min-width: 500px) {
    .c-card-default_content {
        display: flex;
        justify-content: space-between;
        gap: var(--grid-gutter)
    }
}

.c-card-default_tag {
    position: absolute;
    top: .75rem;
    left: .75rem;
    z-index: 1
}

.c-card-default_title.c-heading {
    line-height: 1.4
}

@media(hover: hover) {
    .c-card-default:hover .c-card-default_title {
        text-decoration: underline
    }
}

.c-card-default_subtitle {
    flex-shrink: 1.2
}

.c-card-default_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-featured {
    --color: white;
    --color-bg: #010101;
    position: relative;
    color: var(--color);
    background-color: var(--color-bg)
}

@media(min-width: 999px) {
    .c-featured {
        min-height: calc(100*var(--vw, 1vw))
    }
}

@media(max-width: 999px) {
    .c-featured {
        min-height: 100lvh;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.c-featured:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #030210;
    opacity: .35;
    pointer-events: none;
    z-index: 1
}

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

.c-featured_content {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    display: grid;
    gap: var(--grid-gutter);
    align-items: start;
    justify-items: start;
    z-index: 11
}

.c-dialog_content .c-featured_content,
.c-info-modal .c-featured_content {
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 1000px) {
    .c-featured_content {
        position: sticky;
        top: 0;
        padding-top: 40vh;
        padding-bottom: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)));
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width: 999px) {
    .c-featured_content {
        position: relative;
        text-align: center;
        justify-items: center;
        padding-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-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
    }

    .c-featured_content>* {
        max-width: 320px
    }
}

.c-featured_title {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h4);
    line-height: 1.2
}

@media(min-width: 1000px) {
    .c-featured_title {
        max-width: 480px;
        grid-column: 1/3
    }
}

@media(min-width: 1000px) {
    .c-featured_text {
        grid-column: -2/-1
    }
}

@media(min-width: 1000px) {
    .c-featured_action {
        grid-column: -2/-1
    }
}

.c-featured-list {
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-featured-list,
.c-info-modal .c-featured-list {
    padding-left: 0;
    padding-right: 0
}

.c-featured-list_inner {
    position: relative
}

.c-featured-list_grid {
    display: grid;
    width: 100%;
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

@media(max-width: 699px) {
    .c-featured-list_grid {
        row-gap: 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-featured-list_grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
    }
}

@media(min-width: 700px) {
    .c-featured-list_grid li:nth-child(3n+1) {
        grid-column-start: 2
    }

    .c-featured-list_grid li:nth-child(3n+3) {
        grid-column-start: span 2
    }
}

@media(max-width: 699px) {
    .c-featured-list_title_wrapper+.c-featured-list_grid {
        margin-top: 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-featured-list_title_wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(50% - var(--grid-gutter)*.5)
    }
}

.c-featured-list_title {
    max-width: 18.75rem
}

.c-listing-text {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-listing-text,
.c-info-modal .c-listing-text {
    padding-left: 0;
    padding-right: 0
}

.c-listing-text_header {
    display: flex;
    gap: var(--grid-gutter)
}

@media(max-width: 499px) {
    .c-listing-text_header {
        flex-direction: column
    }
}

@media(min-width: 500px) {
    .c-listing-text_header {
        align-items: flex-end
    }
}

.c-listing-text_header+.c-listing-text_list {
    margin-top: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

@media(max-width: 499px) {
    .c-listing-text_header_col {
        width: 100%
    }
}

@media(min-width: 500px) {
    .c-listing-text_header_col {
        width: calc(50% - var(--grid-gutter)*.5)
    }
}

@media(min-width: 500px) {
    .c-listing-text_header_col.-introduction {
        margin-right: 0;
        margin-left: auto
    }
}

.c-listing-text_title {
    max-width: 18.75rem
}

.c-listing-text_title.c-heading {
    margin-bottom: 0
}

.c-listing-text_introduction {
    max-width: 18.75rem
}

.c-listing-text_item {
    display: flex;
    position: relative;
    padding-top: .75rem;
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

@media(prefers-reduced-motion: no-preference) {
    .c-listing-text_item:before {
        opacity: 0;
        transform: scaleX(0) translate3d(0, 0, 0);
        transform-origin: left top;
        transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .c-listing-text_item.is-inview:before {
        opacity: 1;
        transform: scaleX(1) translate3d(0, 0, 0)
    }
}

.c-listing-text_item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor
}

@media(max-width: 699px) {
    .c-listing-text_item {
        flex-direction: column;
        gap: 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-listing-text_item {
        gap: var(--grid-gutter)
    }
}

.c-listing-text_item_col {
    display: flex;
    flex-direction: column;
    gap: 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-listing-text_item_col {
        width: 50%
    }
}

.c-listing-text_item_title {
    max-width: 18.75rem
}

.c-listing-text_item_content {
    max-width: 24.75rem
}

.c-listing-numbered {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-listing-numbered,
.c-info-modal .c-listing-numbered {
    padding-left: 0;
    padding-right: 0
}

.c-listing-numbered_header {
    display: flex;
    gap: var(--grid-gutter)
}

@media(max-width: 499px) {
    .c-listing-numbered_header {
        flex-direction: column
    }
}

@media(min-width: 500px) {
    .c-listing-numbered_header {
        align-items: flex-end
    }
}

.c-listing-numbered_header+.c-listing-numbered_list {
    margin-top: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

@media(max-width: 499px) {
    .c-listing-numbered_header_col {
        width: 100%
    }
}

@media(min-width: 500px) {
    .c-listing-numbered_header_col {
        width: calc(50% - var(--grid-gutter)*.5)
    }
}

@media(min-width: 500px) {
    .c-listing-numbered_header_col.-introduction {
        margin-right: 0;
        margin-left: auto
    }
}

.c-listing-numbered_title {
    max-width: 18.75rem
}

.c-listing-numbered_title.c-heading {
    margin-bottom: 0
}

.c-listing-numbered_introduction {
    max-width: 18.75rem
}

.c-listing-numbered_index {
    color: var(--color-primary, #1c19b5)
}

.c-listing-numbered_item {
    display: flex;
    position: relative;
    align-items: flex-start;
    padding-top: .75rem;
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

@media(prefers-reduced-motion: no-preference) {
    .c-listing-numbered_item:before {
        opacity: 0;
        transform: scaleX(0) translate3d(0, 0, 0);
        transform-origin: left top;
        transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .c-listing-numbered_item.is-inview:before {
        opacity: 1;
        transform: scaleX(1) translate3d(0, 0, 0)
    }
}

.c-listing-numbered_item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor
}

@media(max-width: 699px) {
    .c-listing-numbered_item {
        flex-direction: column;
        gap: 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-listing-numbered_item {
        gap: var(--grid-gutter)
    }
}

.c-listing-numbered_item_col {
    display: flex;
    flex-direction: column;
    gap: 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-listing-numbered_item_col {
        width: 50%
    }
}

.c-listing-numbered_item_title {
    max-width: 18.75rem
}

.c-listing-numbered_item_title+.c-listing-numbered_item_content {
    margin-top: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
}

.c-listing-numbered_item_content {
    max-width: 24.75rem
}

.c-action_inner {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    display: flex
}

.c-dialog_content .c-action_inner,
.c-info-modal .c-action_inner {
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 499px) {
    .c-action_inner {
        flex-direction: column;
        gap: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(min-width: 500px) {
    .c-action_inner {
        gap: var(--grid-gutter)
    }
}

@media(min-width: 500px) {
    .c-action.-reverse .c-action_inner {
        flex-direction: row-reverse
    }
}

.c-action_col {
    display: flex;
    flex-direction: column
}

@media(max-width: 499px) {
    .c-action_col {
        width: 100%;
        gap: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
    }
}

@media(min-width: 500px) {
    .c-action_col {
        width: 50%
    }
}

.c-action_media_wrapper {
    position: sticky;
    top: var(--header-height);
    left: 0;
    aspect-ratio: 4/5;
    overflow: hidden
}

.c-highlight-section .c-action_media_wrapper {
    top: calc(var(--header-height) + clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))))
}

.c-action_media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px
}

.c-action_category {
    opacity: .5
}

.c-action_category+.c-action_title {
    margin-top: .3125rem
}

.c-action_title {
    max-width: 18.75rem
}

.c-action_title.c-heading {
    margin-bottom: 0
}

@media(min-width: 500px) {
    .c-action_content {
        display: flex;
        flex: 1;
        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)))
    }
}

@media(min-width: 700px)and (max-width: 1199px) {
    .c-action_content {
        padding-left: calc(0.1666666667*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.1666666667)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }
}

@media(min-width: 1200px) {
    .c-action_content {
        padding-left: calc(0.25*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.25)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }
}

.c-action_content_inner {
    display: flex;
    flex-direction: column
}

@media(max-width: 499px) {
    .c-action_content_inner {
        gap: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(min-width: 500px) {
    .c-action_content_inner {
        gap: 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-action_content_inner {
        margin-top: auto;
        margin-bottom: auto
    }
}

@media(min-width: 500px) {
    .c-action_content_text {
        max-width: 18.75rem
    }
}

.c-paragraph_inner {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    display: flex
}

.c-dialog_content .c-paragraph_inner,
.c-info-modal .c-paragraph_inner {
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 499px) {
    .c-paragraph_inner {
        flex-direction: column;
        gap: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
    }
}

@media(min-width: 500px) {
    .c-paragraph_inner {
        gap: var(--grid-gutter)
    }
}

@media(max-width: 499px) {
    .c-paragraph_col {
        width: 100%
    }
}

@media(min-width: 500px) {
    .c-paragraph_col {
        width: calc(50% - var(--grid-gutter)*.5)
    }
}

@media(min-width: 500px) {
    .c-paragraph_col.-content {
        margin-right: 0;
        margin-left: auto
    }
}

.c-paragraph_title {
    max-width: 18.75rem
}

.c-paragraph_content {
    max-width: 18.75rem
}

.c-bolder-text {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-bolder-text,
.c-info-modal .c-bolder-text {
    padding-left: 0;
    padding-right: 0
}

.c-bolder-text_el {
    max-width: 31.25rem
}

@media(min-width: 700px) {
    .c-bolder-text.-offset .c-bolder-text_el {
        margin-left: calc(0.5*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.5)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }
}

@media(max-width: 699px) {
    .c-diptych {
        --offset: 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-diptych {
        --offset: calc(125 / 1440 * calc(100 * var(--vw, 1vw)))
    }
}

.c-diptych_list {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-diptych_list,
.c-info-modal .c-diptych_list {
    padding-left: 0;
    padding-right: 0
}

.c-diptych_item:nth-of-type(1) {
    transform: translate3d(0px, calc(var(--progress) * -5%), 0px)
}

.c-diptych_item:nth-of-type(2) {
    transform: translate3d(0px, calc(var(--progress) * 5%), 0px)
}

@media(max-width: 699px) {
    .c-diptych_item {
        display: flex;
        flex-direction: column;
        gap: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large)))
    }
}

@media(min-width: 700px) {
    .c-diptych_item {
        display: grid;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter)
    }
}

.c-diptych_item:nth-child(odd) {
    position: relative;
    z-index: 1
}

.c-diptych_item:nth-child(even) {
    margin-top: calc(var(--offset)*-1)
}

@media(max-width: 699px) {
    .c-diptych_item:nth-child(even) {
        display: flex;
        flex-direction: column-reverse
    }
}

@media(min-width: 700px) {
    .c-diptych_item:nth-child(odd) .c-diptych_item_col:nth-child(odd) {
        grid-column-start: 1;
        grid-column-end: 7;
        padding-bottom: var(--offset)
    }

    .c-diptych_item:nth-child(odd) .c-diptych_item_col:nth-child(even) {
        grid-column-start: 7;
        grid-column-end: 13
    }

    .c-diptych_item:nth-child(even) .c-diptych_item_col:nth-child(odd) {
        grid-column-start: 9;
        grid-column-end: 13;
        align-self: end
    }

    .c-diptych_item:nth-child(even) .c-diptych_item_col:nth-child(even) {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row: 1
    }
}

.c-diptych_text {
    max-width: 18.75rem
}

@media(min-width: 700px) {
    .c-diptych_item:nth-child(odd) .c-diptych_text {
        padding-bottom: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
    }
}

@media(max-width: 699px) {
    .c-diptych_image {
        width: calc(100% - calc(0.25 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.25) * var(--grid-gutter, 0px) + 1 * var(--grid-gutter, 0px)))
    }

    .c-diptych_item:nth-child(odd) .c-diptych_image {
        margin-left: auto;
        margin-right: 0
    }
}

.c-triptych {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    --first-offset: calc(100 / 1440 * calc(100 * var(--vw, 1vw)));
    --second-offset: calc(200 / 1440 * calc(100 * var(--vw, 1vw)));
    overflow: hidden
}

.c-dialog_content .c-triptych,
.c-info-modal .c-triptych {
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 699px) {
    .c-triptych_title {
        max-width: 22.5rem
    }
}

@media(min-width: 700px) {
    .c-triptych_title {
        max-width: min(44.25rem, calc(0.5833333333 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.5833333333) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px)))
    }
}

.c-triptych_title+.c-triptych_list {
    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) {
    .c-triptych_list {
        display: grid;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter)
    }
}

.c-triptych_introduction {
    max-width: 18.75rem
}

@media(min-width: 700px) {
    .c-triptych_introduction {
        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-triptych_list_item+.c-triptych_list_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) {
    .c-triptych_list_item:nth-child(4n+1) {
        grid-column-start: 1;
        grid-column-end: 7;
        padding-bottom: var(--first-offset)
    }

    .c-triptych_list_item:nth-child(4n+2) {
        grid-column-start: 7;
        grid-column-end: 13
    }

    .c-triptych_list_item:nth-child(4n+3) {
        grid-row: 2;
        grid-column-start: 1;
        grid-column-end: 5;
        margin-top: calc(var(--first-offset)*-1)
    }

    .c-triptych_list_item:nth-child(4n+4) {
        grid-row: 3;
        grid-column-start: 7;
        grid-column-end: 11;
        margin-top: calc(var(--second-offset)*-1)
    }
}

.c-highlight-section {
    --color: white;
    --color-bg: #7297c5;
    --color-primary: white;
    position: relative;
    color: var(--color);
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)));
    background-color: var(--color-bg)
}

@media(max-width: 699px) {
    .c-highlight-section {
        clip-path: inset(0 round 12px)
    }
}

@media(min-width: 700px) {
    .c-highlight-section {
        clip-path: inset(0 calc(var(--grid-outer) - 0.5rem) 0 calc(var(--grid-outer) - 0.5rem) round 12px)
    }
}

.c-highlight-section .c-button:not([disabled]):hover,
.c-highlight-section .c-langswitcher_select:not([disabled]):hover {
    background-color: #010101;
    border-color: #010101
}

.c-highlight-section_title {
    padding-top: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

.c-highlight-section_title.c-heading-serif {
    margin-bottom: 0
}

@media(max-width: 699px) {
    .c-highlight-section_title {
        max-width: 22.5rem
    }
}

@media(min-width: 700px) {
    .c-highlight-section_title {
        margin-left: auto;
        margin-right: auto;
        padding-right: calc(0.0833333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.0833333333)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px));
        padding-left: calc(0.0833333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.0833333333)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px));
        width: 100%;
        max-width: calc(50.625rem + calc(0.1666666667 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.1666666667) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px)));
        text-align: center
    }
}

.c-listing-stats {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-listing-stats,
.c-info-modal .c-listing-stats {
    padding-left: 0;
    padding-right: 0
}

.c-listing-stats_header {
    display: flex;
    gap: var(--grid-gutter)
}

@media(max-width: 499px) {
    .c-listing-stats_header {
        flex-direction: column
    }
}

@media(min-width: 500px) {
    .c-listing-stats_header {
        align-items: flex-end
    }
}

.c-listing-stats_header+.c-listing-stats_list {
    margin-top: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

@media(max-width: 499px) {
    .c-listing-stats_header_col {
        width: 100%
    }
}

@media(min-width: 500px) {
    .c-listing-stats_header_col {
        width: calc(50% - var(--grid-gutter)*.5)
    }
}

@media(min-width: 500px) {
    .c-listing-stats_header_col.-introduction {
        margin-right: 0;
        margin-left: auto
    }
}

.c-listing-stats_title {
    max-width: 18.75rem
}

.c-listing-stats_title.c-heading {
    margin-bottom: 0
}

.c-listing-stats_introduction {
    max-width: 18.75rem
}

.c-listing-stats_list {
    display: grid;
    gap: var(--grid-gutter)
}

@media(max-width: 699px) {
    .c-listing-stats_list {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media(min-width: 700px) {
    .c-listing-stats_list {
        grid-template-columns: repeat(auto-fill, minmax(33.33%, 1fr))
    }
}

@media(min-width: 1000px) {
    .c-listing-stats.-alt .c-listing-stats_list {
        grid-template-columns: repeat(auto-fill, minmax(25%, 1fr))
    }
}

.c-listing-stats_item {
    border: 1px solid rgba(1, 1, 1, .1);
    border-radius: 4px
}

.c-highlight-section .c-listing-stats_item {
    border: 1px solid hsla(0, 0%, 100%, .2)
}

.c-listing-stats_item_inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 17.8125rem;
    padding: 1.25rem
}

.c-listing-stats_label {
    display: block;
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

.c-listing-stats_value {
    color: var(--color-primary, #1c19b5);
    font-size: clamp(60px, 0.0555555556 * calc(100 * var(--vw, 1vw)), 80px)
}

.c-listing-stats_value.c-heading-serif {
    margin-bottom: 0
}

.c-editorial {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    display: grid;
    width: 100%;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

.c-dialog_content .c-editorial,
.c-info-modal .c-editorial {
    padding-left: 0;
    padding-right: 0
}

.c-editorial_title {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-large);
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
    grid-column-start: var(--gc-start, 1);
    grid-column-end: var(--gc-end, -1);
    max-width: 40rem
}

@media(min-width: 700px) {
    .c-editorial_title {
        --gc-start: 1;
        --gc-end: 3
    }
}

@media(min-width: 1000px) {
    .c-editorial_title {
        --gc-start: 1;
        --gc-end: 5
    }
}

@media(min-width: 1200px) {
    .c-editorial_title {
        --gc-start: 1;
        --gc-end: 6
    }
}

.c-editorial_content {
    grid-column-start: var(--gc-start, 1);
    grid-column-end: var(--gc-end, -1);
    max-width: 31.25rem
}

@media(min-width: 700px) {
    .c-editorial_content {
        --gc-start: 4;
        --gc-end: 13
    }
}

@media(min-width: 1000px) {
    .c-editorial_content {
        --gc-start: 6;
        --gc-end: 13
    }
}

@media(min-width: 1200px) {
    .c-editorial_content {
        --gc-start: 7;
        --gc-end: 13
    }
}

.c-diptych-alt_inner {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    display: flex
}

.c-dialog_content .c-diptych-alt_inner,
.c-info-modal .c-diptych-alt_inner {
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 499px) {
    .c-diptych-alt_inner {
        flex-direction: column-reverse;
        gap: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(min-width: 500px) {
    .c-diptych-alt_inner {
        gap: var(--grid-gutter)
    }
}

@media(min-width: 700px) {
    .c-diptych-alt.-reverse .c-diptych-alt_inner {
        flex-direction: row-reverse
    }
}

.c-diptych-alt_col {
    display: flex;
    flex-direction: column
}

@media(max-width: 499px) {
    .c-diptych-alt_col {
        width: 100%;
        gap: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(min-width: 500px) {
    .c-diptych-alt_col {
        width: 50%
    }
}

.c-diptych-alt_header {
    display: flex;
    flex-direction: column
}

@media(max-width: 499px) {
    .c-diptych-alt_header {
        gap: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(min-width: 500px) {
    .c-diptych-alt_header {
        gap: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
    }
}

.c-diptych-alt_image_wrapper {
    position: sticky;
    top: var(--header-height);
    left: 0
}

.c-highlight-section .c-diptych-alt_image_wrapper {
    top: calc(var(--header-height) + clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))))
}

@media(min-width: 500px) {
    .c-diptych-alt_content {
        display: flex;
        flex: 1;
        padding-top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(min-width: 700px)and (max-width: 1199px) {
    .c-diptych-alt_content {
        padding-left: calc(0.1666666667*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.1666666667)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }
}

@media(min-width: 1200px) {
    .c-diptych-alt_content {
        padding-left: calc(0.25*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.25)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }
}

@media(min-width: 500px) {
    .c-diptych-alt_content_text {
        max-width: 18.75rem
    }
}

@media(min-width: 500px) {
    .c-diptych-alt_thumbnail_wrapper {
        display: flex;
        flex: 1;
        padding-top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(min-width: 700px)and (max-width: 1199px) {
    .c-diptych-alt_thumbnail_wrapper {
        padding-left: calc(0.1666666667*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.1666666667)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }
}

@media(min-width: 1200px) {
    .c-diptych-alt_thumbnail_wrapper {
        padding-left: calc(0.25*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.25)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }
}

.c-diptych-alt_thumbnail {
    width: 100%
}

@media(min-width: 700px) {
    .c-diptych-alt_thumbnail {
        margin-top: auto;
        margin-bottom: 0
    }
}

.c-listing-table {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-listing-table,
.c-info-modal .c-listing-table {
    padding-left: 0;
    padding-right: 0
}

.c-listing-table_item {
    display: flex;
    position: relative;
    padding-top: .5rem;
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)));
    gap: var(--grid-gutter)
}

@media(prefers-reduced-motion: no-preference) {
    .c-listing-table_item:before {
        opacity: 0;
        transform: scaleX(0) translate3d(0, 0, 0);
        transform-origin: left top;
        transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .c-listing-table_item.is-inview:before {
        opacity: 1;
        transform: scaleX(1) translate3d(0, 0, 0)
    }
}

.c-listing-table_item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor
}

.c-listing-table_item_col {
    display: flex;
    flex-direction: column;
    gap: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)));
    flex: 1
}

.c-listing-table_item_col_infos {
    max-width: 500px;
    justify-self: end
}

.c-listing-table_label {
    max-width: 18.75rem
}

.c-listing-table_value {
    max-width: 24.75rem
}

.c-listing-table_value ul {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

[data-template="template-leadership.php"] .c-listing-table_value li,
[data-template="archive-app_team_member.php"] .c-listing-table_value li,
[data-template="template-founders.php"] .c-listing-table_value li {
    position: relative;
    padding-left: 1em
}

[data-template="template-leadership.php"] .c-listing-table_value li:before,
[data-template="archive-app_team_member.php"] .c-listing-table_value li:before,
[data-template="template-founders.php"] .c-listing-table_value li:before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
    opacity: .3
}

.c-push-cta {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    color: #fff;
    background-color: #1c19b5
}

.c-dialog_content .c-push-cta,
.c-info-modal .c-push-cta {
    padding-left: 0;
    padding-right: 0
}

.c-dialog_content .c-push-cta {
    margin-left: calc(var(--dialog-padding)*-1);
    margin-right: calc(var(--dialog-padding)*-1);
    margin-bottom: calc(var(--dialog-padding)*-1);
    padding-left: var(--dialog-padding);
    padding-right: var(--dialog-padding)
}

@media(max-width: 699px) {
    .c-dialog_content .c-push-cta {
        padding-bottom: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)));
        margin-bottom: calc(clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-huge)))*-1)
    }
}

.c-push-cta_inner {
    display: flex
}

@media(max-width: 699px) {
    .c-push-cta_inner {
        gap: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)));
        flex-direction: column;
        padding-top: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)));
        padding-bottom: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
    }
}

@media(min-width: 700px) {
    .c-push-cta_inner {
        gap: var(--grid-gutter);
        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-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)));
        min-height: min(580px, calc(100 * var(--svh, 1svh)))
    }
}

.c-push-cta_col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1
}

@media(max-width: 699px) {
    .c-push-cta_col {
        gap: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
    }
}

.c-push-cta_title {
    max-width: 26.875rem
}

.c-push-cta_title.c-heading {
    margin-bottom: 0
}

.c-push-cta_content {
    display: flex;
    flex-direction: column
}

@media(max-width: 699px) {
    .c-push-cta_content {
        gap: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(min-width: 700px) {
    .c-push-cta_content {
        gap: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
    }
}

.c-push-cta_subtitle {
    max-width: 26.875rem
}

.c-push-cta_subtitle.c-heading {
    margin-bottom: 0
}

.c-push-cta_text {
    max-width: 20.625rem
}

.c-accordion {
    position: relative
}

@media(prefers-reduced-motion: no-preference)and (prefers-reduced-motion: no-preference) {
    .c-accordion:before {
        opacity: 0;
        transform: scaleX(0) translate3d(0, 0, 0);
        transform-origin: left top;
        transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .c-accordion.is-inview:before {
        opacity: 1;
        transform: scaleX(1) translate3d(0, 0, 0)
    }
}

@media(prefers-reduced-motion: no-preference) {
    .c-accordion.is-inview:before {
        opacity: .1;
        transform: scaleX(1) translate3d(0, 0, 0)
    }
}

.c-accordion:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #010101
}

.c-accordion_summary {
    position: relative;
    padding-top: .75rem;
    padding-bottom: .75rem;
    cursor: pointer;
    list-style: none;
    transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-accordion_summary::marker {
    display: none
}

@media(hover: hover) {
    .c-accordion_summary:hover {
        opacity: .5
    }
}

.c-accordion_summary_icon {
    display: block;
    position: absolute;
    top: calc(0.75rem + .75em);
    right: 0;
    transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    line-height: 0;
    font-size: .5em;
    transform: rotate(-45deg)
}

.c-accordion.is-active .c-accordion_summary_icon {
    transform: rotate(0)
}

.c-accordion_content {
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

.c-listing-accordions {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-listing-accordions,
.c-info-modal .c-listing-accordions {
    padding-left: 0;
    padding-right: 0
}

.c-listing-accordions_title.c-heading {
    margin-bottom: 0
}

.c-listing-accordions_title+.c-listing-accordions_list {
    margin-top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

.c-card-accordion {
    display: flex
}

@media(max-width: 699px) {
    .c-card-accordion {
        flex-direction: column;
        gap: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(min-width: 700px) {
    .c-card-accordion {
        gap: var(--grid-gutter)
    }
}

.c-card-accordion_col {
    flex: 1
}

.c-card-accordion_content {
    display: flex;
    flex-direction: column
}

@media(max-width: 699px) {
    .c-card-accordion_content {
        gap: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(min-width: 700px) {
    .c-card-accordion_content {
        gap: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
    }
}

.c-card-accordion_text {
    max-width: 31.25rem
}

.c-card-accordion_logo {
    max-width: 200px;
    margin-top: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)));
    mix-blend-mode: luminosity
}

.c-tabs_list {
    width: 100%
}

@media(max-width: 699px) {
    .c-tabs_list {
        display: inline-flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        gap: .625rem
    }

    .c-tabs_list::-webkit-scrollbar {
        display: none
    }

    .c-tabs_list li {
        white-space: nowrap;
        scroll-snap-align: start;
        padding-left: var(--container-margin);
        padding-right: var(--container-margin)
    }
}

@media(min-width: 700px) {
    .c-tabs_list {
        display: flex;
        gap: var(--grid-gutter);
        padding-left: var(--container-margin);
        padding-right: var(--container-margin)
    }
}

.c-tabs_panel_list {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-tabs_panel_list,
.c-info-modal .c-tabs_panel_list {
    padding-left: 0;
    padding-right: 0
}

@media(prefers-reduced-motion: no-preference) {
    .c-tabs-panel[role=tabpanel] {
        animation: slideInUp .3s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

.c-tabs-panel[role=tabpanel].is-hidden {
    display: none
}

.c-push-next {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-push-next,
.c-info-modal .c-push-next {
    padding-left: 0;
    padding-right: 0
}

.c-push-next_grid {
    display: grid;
    width: 100%;
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

@media(max-width: 699px) {
    .c-push-next_grid {
        row-gap: 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-next_grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
    }
}

.c-push-next_title_wrapper+.c-push-next_grid {
    margin-top: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

.c-push-next_title {
    max-width: 18.75rem
}

.c-page-spinner {
    position: fixed;
    bottom: var(--grid-outer);
    right: var(--grid-outer);
    z-index: 10009;
    opacity: 0;
    transform-origin: center center;
    pointer-events: none
}

html.is-animating .c-page-spinner,
html.is-first-load:not(.is-loaded) .c-page-spinner,
html.is-loading-fragment .c-page-spinner {
    animation: scaleIn .3s cubic-bezier(0.215, 0.61, 0.355, 1) 500ms forwards
}

.c-page-spinner:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid;
    border-radius: 50%;
    border-top-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    animation: spin .33s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0deg) translate3d(0, 0, 0)
    }

    100% {
        transform: rotate(360deg) translate3d(0, 0, 0)
    }
}

.c-collections_header {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    display: flex
}

.c-dialog_content .c-collections_header,
.c-info-modal .c-collections_header {
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 699px) {
    .c-collections_header {
        flex-direction: column;
        margin-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)));
        gap: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)));
        align-items: flex-start
    }
}

@media(min-width: 700px) {
    .c-collections_header {
        justify-content: space-between;
        align-items: flex-end;
        margin-top: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)));
        gap: var(--grid-gutter)
    }
}

.c-collections_header+.c-collections_list {
    margin-top: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
}

.c-collections_title.c-heading {
    margin-bottom: 0
}

.c-collections_list {
    display: grid;
    row-gap: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)));
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

@media(max-width: 499px) {
    .c-collections_list {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media(min-width: 500px)and (max-width: 1199px) {
    .c-collections_list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width: 1200px) {
    .c-collections_list {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(min-width: 1200px) {
    .c-collections_list li:nth-child(6n+3) {
        grid-column: span 2
    }

    .c-collections_list li:nth-child(6n+4) {
        grid-column: span 2
    }

    .c-collections_list li:nth-child(1n+13) {
        grid-column: auto
    }
}

.c-gallery {
    --gallery-nav-height: calc(var(--grid-outer) * 2 + 35px);
    --gallery-overlay-duration: 0.6s;
    --gallery-transition-duration: 0.6s;
    --gallery-transition-easing: cubic-bezier(0.215, 0.61, 0.355, 1);
    --gallery-stagger-transition-duration: 0.6s;
    --gallery-stagger-offset-duration: .1s;
    --gallery-secondary-nav-duration: 0.45s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    pointer-events: none;
    transition: visibility 0s var(--gallery-transition-easing) var(--gallery-transition-duration);
    z-index: 999;
    direction: ltr
}

.c-gallery:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, .8);
    transition: opacity var(--gallery-overlay-duration) var(--gallery-transition-easing)
}

@media(prefers-reduced-motion) {
    html.has-gallery-open .c-gallery {
        --gallery-transition-duration: 0s;
        --gallery-secondary-nav-duration: 0s;
        --gallery-stagger-transition-duration: 0s;
        --gallery-stagger-offset-duration: 0s
    }
}

html.has-gallery-open .c-gallery {
    visibility: visible;
    pointer-events: all;
    transition: none
}

html.has-gallery-open .c-gallery:before {
    opacity: 1
}

.c-gallery_inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    clip-path: inset(100% 0 0 0);
    transition: opacity var(--gallery-transition-duration) cubic-bezier(0.55, 0.055, 0.675, 0.19), clip-path var(--gallery-transition-duration) var(--gallery-transition-easing)
}

html.has-gallery-open .c-gallery_inner {
    opacity: 1;
    clip-path: inset(0);
    transition: opacity var(--gallery-transition-duration) var(--gallery-transition-easing), clip-path var(--gallery-transition-duration) var(--gallery-transition-easing)
}

.c-gallery_header_main {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header-height);
    padding: var(--grid-outer);
    z-index: 5;
    pointer-events: none
}

.c-gallery_header_nav {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    position: relative;
    padding-top: var(--grid-outer)
}

.c-dialog_content .c-gallery_header_nav,
.c-info-modal .c-gallery_header_nav {
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 699px) {
    .c-gallery_header_nav {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        z-index: 1
    }
}

@media(min-width: 700px) {
    .c-gallery_header_nav {
        display: grid;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        -moz-column-gap: var(--grid-gutter);
        column-gap: var(--grid-gutter);
        padding-bottom: var(--grid-outer)
    }
}

.c-gallery_header_close {
    pointer-events: auto
}

@media(min-width: 700px) {
    .c-gallery_header_title {
        height: 35px;
        padding-top: .15em;
        transition: transform var(--gallery-secondary-nav-duration) var(--gallery-transition-easing)
    }

    .c-gallery.is-secondary .c-gallery_header_title {
        transform: translate3d(0, 100%, 0)
    }
}

@media(min-width: 700px) {
    .c-gallery_header_infos {
        position: relative;
        clip-path: inset(0);
        grid-column: span 3
    }
}

@media(min-width: 700px) {
    .c-gallery_header_index {
        clip-path: inset(0);
        grid-column: span 3
    }

    .c-gallery_header_index span {
        display: block;
        padding-top: .15em;
        height: 35px;
        transform: translate3d(0, 0, 0);
        transition: transform var(--gallery-secondary-nav-duration) var(--gallery-transition-easing) var(--gallery-stagger-offset-duration)
    }

    .c-gallery.is-secondary .c-gallery_header_index span {
        transform: translate3d(0, 100%, 0);
        transition: transform var(--gallery-secondary-nav-duration) var(--gallery-transition-easing) var(--gallery-stagger-offset-duration)
    }
}

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

@media(min-width: 700px) {
    .c-gallery_header_project {
        grid-column: span 5;
        padding-top: .15em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal
    }
}

.c-gallery_header_back {
    position: absolute
}

@media(max-width: 699px) {
    .c-gallery_header_back {
        top: 4px;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        visibility: hidden;
        transition: opacity var(--gallery-secondary-nav-duration) var(--gallery-transition-easing), visibility 0s var(--gallery-transition-easing) var(--gallery-secondary-nav-duration)
    }

    .c-gallery.is-secondary .c-gallery_header_back {
        visibility: visible;
        opacity: 1;
        transition: opacity var(--gallery-secondary-nav-duration) var(--gallery-transition-easing)
    }
}

@media(min-width: 700px) {
    .c-gallery_header_back {
        position: absolute;
        left: 0;
        bottom: 100%;
        visibility: hidden;
        transition: transform var(--gallery-secondary-nav-duration) var(--gallery-transition-easing), visibility 0s var(--gallery-transition-easing) var(--gallery-secondary-nav-duration)
    }

    .c-gallery.is-secondary .c-gallery_header_back {
        visibility: visible;
        transform: translate3d(0, 100%, 0);
        transition: transform var(--gallery-secondary-nav-duration) var(--gallery-transition-easing)
    }
}

.c-gallery_content {
    position: relative;
    flex: 1
}

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

.c-gallery_panel.-primary {
    overflow: auto
}

.c-gallery_panel.-secondary {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background-color: #fff;
    transition: opacity var(--gallery-transition-duration) var(--gallery-transition-easing), visibility 0s var(--gallery-transition-easing) var(--gallery-transition-duration)
}

.c-gallery_panel.-secondary.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity var(--gallery-transition-duration) var(--gallery-transition-easing)
}

[data-gallery-cta] span {
    pointer-events: none
}

.c-gallery-listing {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    padding-top: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)));
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
}

.c-dialog_content .c-gallery-listing,
.c-info-modal .c-gallery-listing {
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 699px) {
    .c-gallery-listing_section+.c-gallery-listing_section {
        margin-top: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
    }
}

@media(min-width: 700px) {
    .c-gallery-listing_section+.c-gallery-listing_section {
        margin-top: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
    }
}

.c-gallery-listing_section_title {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
    transition: opacity calc(var(--gallery-stagger-transition-duration)*.5) var(--gallery-transition-easing), transform 0s linear var(--gallery-transition-duration)
}

.c-gallery-listing_section_title+.c-gallery-listing_images {
    margin-top: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

.c-gallery.is-active .c-gallery-listing_section_title {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity var(--gallery-stagger-transition-duration) var(--gallery-transition-easing) calc(var(--gallery-stagger-offset-duration)*var(--appear-index) + var(--gallery-transition-duration)*.4), transform var(--gallery-stagger-transition-duration) var(--gallery-transition-easing) calc(var(--gallery-stagger-offset-duration)*var(--appear-index) + var(--gallery-transition-duration)*.4)
}

.c-gallery-listing_images {
    display: grid;
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

.c-gallery-listing_images li {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: opacity calc(var(--gallery-stagger-transition-duration)*.5) var(--gallery-transition-easing), transform 0s linear var(--gallery-transition-duration)
}

@media(min-width: 700px) {
    .c-gallery-listing_images li {
        padding-right: calc(0.0833333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.0833333333)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }
}

.c-gallery.is-active .c-gallery-listing_images li {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity var(--gallery-stagger-transition-duration) var(--gallery-transition-easing) calc(var(--gallery-stagger-offset-duration)*var(--appear-index) + var(--gallery-transition-duration)*.4), transform var(--gallery-stagger-transition-duration) var(--gallery-transition-easing) calc(var(--gallery-stagger-offset-duration)*var(--appear-index) + var(--gallery-transition-duration)*.4)
}

@media(max-width: 699px) {
    .c-gallery-listing_images {
        grid-template-columns: repeat(2, 1fr);
        row-gap: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)))
    }
}

@media(min-width: 700px) {
    .c-gallery-listing_images {
        row-gap: calc(0.0833333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.0833333333)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }
}

@media(min-width: 700px)and (max-width: 1199px) {
    .c-gallery-listing_images {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width: 1200px) {
    .c-gallery-listing_images {
        grid-template-columns: repeat(4, 1fr)
    }
}

.c-gallery-listing_image {
    position: relative;
    transition: transform .225s ease-out
}

.c-gallery-listing_image .c-image_inner {
    transition: transform .225s ease-out
}

.c-gallery-listing_image_wrapper {
    position: relative;
    clip-path: inset(0px round 4px);
    background-color: #e9e9e9
}

.c-gallery-listing_image_wrapper:hover .c-gallery-listing_image {
    transform: scale(0.85)
}

.c-gallery-listing_image_wrapper:hover .c-image_inner {
    transform: scale(1.35)
}

.c-gallery-listing_cta {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-carousel-gallery {
    position: relative
}

@media(max-width: 699px) {
    .c-carousel-gallery {
        --thumbnail-height: 63px;
        height: 100%
    }
}

@media(min-width: 700px) {
    .c-carousel-gallery {
        --thumbnail-height: 100px
    }
}

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

.c-carousel-gallery_container {
    margin-right: auto;
    margin-left: auto
}

.c-dialog_content .c-carousel-gallery_container,
.c-info-modal .c-carousel-gallery_container {
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 699px) {
    .c-carousel-gallery_container {
        height: 100%;
        padding-top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
        padding-right: var(--container-margin);
        padding-left: var(--container-margin)
    }
}

@media(min-width: 700px)and (max-width: 1199px) {
    .c-carousel-gallery_container {
        padding-left: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)));
        padding-right: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
    }
}

@media(min-width: 1200px) {
    .c-carousel-gallery_container {
        padding-left: var(--container-margin);
        padding-right: var(--container-margin)
    }
}

.c-carousel-gallery_arrows_wrapper {
    display: flex;
    align-items: center;
    pointer-events: none
}

@media(max-width: 699px) {
    .c-carousel-gallery_arrows_wrapper {
        height: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)));
        padding-left: var(--container-margin);
        padding-right: var(--container-margin)
    }
}

@media(min-width: 700px) {
    .c-carousel-gallery_arrows_wrapper {
        position: absolute;
        top: 50%;
        transform: translate3d(0, -50%, 0)
    }
}

@media(min-width: 700px)and (max-width: 1199px) {
    .c-carousel-gallery_arrows_wrapper {
        left: calc(clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-big)))*-1 + var(--grid-outer));
        width: calc(100% + clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-big)))*2 - var(--grid-outer)*2)
    }
}

@media(min-width: 1200px) {
    .c-carousel-gallery_arrows_wrapper {
        left: calc(var(--container-margin)*-1 + var(--grid-outer));
        width: calc(100% + var(--container-margin)*2 - var(--grid-outer)*2)
    }
}

.c-carousel-gallery_arrows {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    font-size: 0;
    width: 100%
}

.c-carousel-gallery_arrows .c-button,
.c-carousel-gallery_arrows .c-langswitcher_select {
    pointer-events: auto
}

.c-carousel-gallery_track {
    overflow: visible
}

.c-carousel-gallery_el.-main .c-carousel-gallery_track {
    height: 100%
}

.c-carousel-gallery_el.-main {
    position: relative
}

@media(max-width: 699px) {
    .c-carousel-gallery_el.-main {
        height: calc(100% - clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-huge))))
    }
}

@media(min-width: 700px) {
    .c-carousel-gallery_el.-main {
        height: calc(calc(100 * var(--vh, 1vh)) - var(--gallery-nav-height) - var(--thumbnail-height) - clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))))
    }
}

@media(hover: hover) {
    .c-carousel-gallery_el.-main li:hover {
        cursor: zoom-in
    }
}

@media(max-width: 699px) {
    .c-carousel-gallery_el.-thumbnails {
        display: none
    }
}

@media(min-width: 700px) {
    .c-carousel-gallery_el.-thumbnails {
        position: absolute;
        left: 0;
        bottom: calc((var(--thumbnail-height) + clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))))*-1);
        width: 100%;
        transform: translate3d(0, 50%, 0);
        transition: transform .45s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

@media(prefers-reduced-motion) {
    .c-carousel-gallery_el.-thumbnails {
        transition: none
    }
}

@media(hover: hover) {
    .c-carousel-gallery_el.-thumbnails:hover {
        transform: translate3d(0, 0, 0)
    }
}

.c-carousel-gallery_el.-thumbnails li {
    position: relative
}

.c-carousel-gallery_el.-thumbnails li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    background-color: #fff;
    pointer-events: none;
    z-index: 1;
    transition: opacity .15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media(prefers-reduced-motion) {
    .c-carousel-gallery_el.-thumbnails li:before {
        transition: none
    }
}

.c-carousel-gallery_el.-thumbnails li:hover:before {
    opacity: 0
}

.c-carousel-gallery_el.-thumbnails li.is-active:before {
    opacity: 0
}

.c-carousel-gallery_el.-thumbnails li:not(.is-active) {
    cursor: pointer
}

.c-carousel-gallery_el.-thumbnails li:focus-visible {
    outline-width: 0
}

.c-carousel-gallery_el.-thumbnails li:focus-visible:before {
    border: 2px solid #010101
}

.c-gallery:not(.is-secondary) .c-carousel-gallery_el {
    pointer-events: none;
    visibility: hidden;
    transition: visibility 0s var(--gallery-transition-easing) var(--gallery-transition-duration)
}

.c-carousel-gallery_el.-main .c-carousel-gallery_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.c-carousel-gallery_el.-thumbnails .c-carousel-gallery_image {
    clip-path: inset(0)
}

.c-carousel-gallery_index {
    position: absolute
}

@media(max-width: 699px) {
    .c-carousel-gallery_index {
        bottom: calc(clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-huge)))*-0.5);
        left: 50%;
        transform: translate3d(-50%, 50%, 0)
    }
}

@media(min-width: 700px) {
    .c-carousel-gallery_index {
        top: calc(var(--gallery-nav-height)*-1 + var(--grid-outer));
        left: calc(0.25*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.25)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px));
        clip-path: inset(0)
    }
}

@media(min-width: 700px) {
    .c-carousel-gallery_index_inner {
        display: block;
        padding-top: .15em;
        height: 35px;
        transform: translate3d(0, -100%, 0);
        transition: transform var(--gallery-secondary-nav-duration) var(--gallery-transition-easing) var(--gallery-stagger-offset-duration)
    }

    .c-gallery.is-secondary .c-carousel-gallery_index_inner {
        transform: translate3d(0, 0, 0);
        transition: transform var(--gallery-secondary-nav-duration) var(--gallery-transition-easing) var(--gallery-stagger-offset-duration)
    }
}

.c-careers-hero {
    --page-title-margin-top: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large)));
    --min-height-content: calc(calc(100 * var(--svh, 1svh)) - var(--quicknav-height) * 2 - var(--page-title-margin-top) * 2)
}

.c-careers-hero_inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-careers-hero_inner,
.c-info-modal .c-careers-hero_inner {
    padding-left: 0;
    padding-right: 0
}

.c-careers-hero_content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)));
    padding-top: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)));
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)));
    min-height: var(--min-height-content)
}

.c-careers-hero_title {
    text-align: center;
    max-width: 63.75rem
}

.c-careers-hero_title.c-heading {
    margin-bottom: 0;
    line-height: .9
}

.c-careers-hero_listing {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--grid-gutter);
    transform: translate3d(-50%, -50%, 0)
}

.c-careers-hero_listing li {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-careers-hero_progress {
    position: relative;
    min-height: 200%;
    margin-top: calc((calc(100 * var(--vw, 1vw))*9/16 - calc(0.5 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.5) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px))*9/16)*-0.5);
    pointer-events: none
}

html.is-touch-device .c-careers-hero_progress {
    margin-top: 0
}

.c-careers-hero_progress_inner {
    position: sticky;
    top: 0;
    left: 0;
    overflow: hidden
}

.c-careers-hero_progress_inner::before {
    content: "";
    display: block;
    aspect-ratio: 16/9
}

.c-careers-hero_progress_area {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.c-careers-hero_progress_ref {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(0.5*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.5)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px))
}

.c-careers-hero_progress_item {
    position: relative;
    width: calc(0.3333333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.3333333333)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px));
    aspect-ratio: 16/9
}

.c-careers-hero_progress_item.-fluid {
    width: max(calc(0.5 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.5) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px)), var(--item-width))
}

html.is-touch-device li:nth-child(1) .c-careers-hero_progress_item,
html.is-touch-device li:nth-child(3) .c-careers-hero_progress_item {
    display: none
}

html.is-touch-device .c-careers-hero_progress_item {
    width: calc(100*var(--vw, 1vw))
}

.c-careers-hero_progress_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-explore-toggler {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: hsla(0, 0%, 100%, .1);
    background-color: color-mix(in srgb, currentColor 10%, transparent);
    border-radius: 999px;
    animation: slideInUpCentered .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-explore-toggler:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: currentColor;
    border-radius: 999px;
    transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-explore.show-mobile-list .c-explore-toggler:before {
    transform: translate3d(100%, 0, 0)
}

.c-explore-toggler_option {
    position: relative;
    padding: 7px 20px;
    z-index: 1;
    transition: color .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-explore.show-mobile-list .c-explore-toggler_option:last-child {
    color: var(--color-bg)
}

.c-explore:not(.show-mobile-list) .c-explore-toggler_option:first-child {
    color: var(--color-bg)
}

.c-explore {
    --color: white;
    --color-bg: #010101;
    --color-overlay: rgba(0, 0, 139, 0.1);
    --color-overlay-light: rgba(0, 0, 11.5, 0.25);
    color: var(--color);
    position: relative;
    display: grid;
    min-height: 100svh;
    background-color: var(--color-bg)
}

.c-explore.is-not-interactive {
    pointer-events: none !important
}

.c-explore_scene {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media(prefers-reduced-motion: no-preference) {
    .c-explore_scene {
        transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

.c-explore.show-mobile-list .c-explore_scene {
    opacity: 0
}

.c-explore_canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(6.1, 6.1, 6.1)
}

.c-explore_labels {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: grab;
    background-color: var(--color-overlay);
    direction: ltr
}

.c-explore_labels:active {
    cursor: grabbing
}

.c-explore_label-wrapper {
    pointer-events: none
}

.c-explore_label-wrapper:hover,
.c-explore_label-wrapper:focus-within {
    z-index: 9999 !important
}

.c-explore_label {
    pointer-events: all;
    transform: scale(1)
}

@media(prefers-reduced-motion: no-preference) {
    .c-explore_label {
        transition: opacity .198s cubic-bezier(0.215, 0.61, 0.355, 1), transform .15s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

.is-hidden>.c-explore_label {
    pointer-events: none;
    opacity: 0;
    transform: scale(0.5)
}

.c-explore.is-not-interactive .c-explore_label {
    pointer-events: none !important
}

.c-explore_pin {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-color: rgba(1, 1, 1, .5)
}

@media(prefers-reduced-motion: no-preference) {
    .c-explore_pin {
        transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1) .15s
    }
}

.c-explore_pin.-single {
    transform: rotate(45deg)
}

.has-focused-location .c-explore_pin:not(.is-active) {
    opacity: .5;
    transition-delay: 0s
}

.has-exclusive-location .c-explore_label>.c-explore_pin:not(.is-active),
.has-exclusive-location .c-explore_cluster:not(.is-active) .c-explore_pin {
    opacity: 0;
    transition-delay: 0s
}

.c-explore_pin:before,
.c-explore_pin:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    display: block;
    transform: translate3d(-50%, -50%, 0)
}

@media(prefers-reduced-motion: no-preference) {

    .c-explore_pin:before,
    .c-explore_pin:after {
        transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

.c-explore_pin:before {
    width: 100%;
    height: 100%;
    border: 1px solid hsla(0, 0%, 100%, .5);
    outline: 1px solid #010101
}

@media(prefers-reduced-motion: no-preference) {
    .c-explore_pin:before {
        transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

.c-explore_pin:after {
    width: 25%;
    height: 25%;
    background-color: #fff
}

.c-explore_pin:hover,
.c-explore_pin.is-active {
    transition-delay: 0s
}

.c-explore_pin:hover:after,
.c-explore_pin.is-active:after {
    transform: translate3d(-50%, -50%, 0) scale(2)
}

.c-explore_cluster {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
    gap: 4px;
    padding: 4px;
    transform: rotate(45deg) translate3d(0, 0, 0)
}

@media(prefers-reduced-motion: no-preference) {
    .c-explore_cluster {
        transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

.c-explore_cluster:hover,
.c-explore_cluster:focus-within,
.c-explore_cluster.is-active {
    transform: rotate(45deg) translate3d(0, 0, 0) scale(1.5)
}

.c-explore_cluster:hover:before,
.c-explore_cluster:focus-within:before,
.c-explore_cluster.is-active:before {
    opacity: 0
}

.c-explore_cluster-item {
    position: relative;
    width: 16px;
    height: 16px
}

.c-explore_cluster:not(:hover):not(:focus-within):not(.is-active) .c-explore_cluster-item:after {
    transform: translate3d(-50%, -50%, 0) scale(1.5)
}

.c-explore_temp {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: var(--grid-outer);
    gap: 10px;
    display: flex;
    align-items: center;
    z-index: 9999
}

.c-explore_splash {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    overflow: auto
}

.c-explore:not(.-has-splash) .c-explore_splash {
    display: none
}

@media(prefers-reduced-motion: no-preference) {
    .c-explore_card {
        --animation-duration-factor: .75
    }
}

.c-explore_card {
    position: relative;
    opacity: 0;
    transform: translate3d(clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-medium))), 0, 0)
}

@media(max-width: 999px) {
    .c-explore_card {
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-medium))), 0)
    }
}

.c-explore-ui_tabs-content.is-inview .c-explore_card {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

@media(prefers-reduced-motion: no-preference) {
    .c-explore-ui_tabs-content.is-inview .c-explore_card {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .c-explore-ui_tabs-content.is-inview .c-explore_card.-delay-1 {
        transition-delay: 0.2s, 0.2s
    }

    .c-explore-ui_tabs-content.is-inview .c-explore_card.-delay-2 {
        transition-delay: 0.4s, 0.4s
    }

    .c-explore-ui_tabs-content.is-inview .c-explore_card.-delay-3 {
        transition-delay: 0.6s, 0.6s
    }

    .c-explore-ui_tabs-content.is-inview .c-explore_card.-delay-4 {
        transition-delay: 0.8s, 0.8s
    }
}

html[dir=rtl][data-post-is-translated=true] main .c-explore-ui_tabs-content#tabpanel-showcases .c-explore_card {
    direction: rtl
}

.c-explore_card:before {
    content: "";
    position: absolute;
    inset: -10px;
    background-color: var(--color);
    border-radius: 4px;
    transform: scaleY(0.5);
    transform-origin: bottom center;
    opacity: 0;
    pointer-events: none
}

.c-explore_card.is-active {
    color: var(--color-bg)
}

.c-explore_card.is-active:before {
    transform: scaleY(1);
    opacity: 1
}

@media(prefers-reduced-motion: no-preference) {
    .c-explore_card.is-active:before {
        transition: transform .198s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .198s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

.c-explore-splash {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    background-color: var(--color-overlay-light)
}

.c-dialog_content .c-explore-splash,
.c-info-modal .c-explore-splash {
    padding-left: 0;
    padding-right: 0
}

.c-explore-splash_inner {
    display: flex;
    max-width: 100%;
    min-height: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)));
    margin: auto;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 30vh;
    overflow: auto
}

@media(min-width: 700px) {
    .c-explore-splash_inner {
        width: calc(0.5*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.5)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px))
    }
}

.c-explore-splash_title {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h1);
    margin-bottom: 0
}

.c-explore-splash_text {
    max-width: 480px
}

.c-explore-splash_ctas {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center
}

.c-explore-ui {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    pointer-events: none
}

.c-explore.-has-splash .c-explore-ui {
    display: none
}

.c-explore-ui_primary {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

@media(min-width: 700px) {
    .c-explore-ui_primary {
        pointer-events: all;
        display: flex;
        flex-direction: column;
        width: calc(0.25*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.25)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px) + var(--grid-margin));
        min-width: 320px
    }

    .c-explore.is-not-interactive .c-explore-ui_primary {
        pointer-events: none !important
    }
}

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

.c-explore-ui_tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
    pointer-events: all;
    padding-top: var(--grid-outer);
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)));
    padding-right: var(--grid-outer);
    z-index: 1;
    direction: ltr
}

@media(max-width: 699px) {
    .c-explore-ui_tabs {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        justify-content: center;
        font-size: 16px
    }
}

.c-explore-ui_tabs-button[aria-selected=true] {
    position: relative;
    text-decoration: underline
}

html[lang=ja-JP] .c-explore-ui_tabs-button[aria-selected=true],
html[lang=ko-KR] .c-explore-ui_tabs-button[aria-selected=true],
html[lang=ar] .c-explore-ui_tabs-button[aria-selected=true],
html[lang=ko] .c-explore-ui_tabs-button[aria-selected=true] {
    text-underline-offset: .75em
}

.c-explore-ui_list {
    flex: 1;
    overflow: auto;
    direction: ltr
}

.c-explore-ui_list::-webkit-scrollbar {
    display: none
}

@media(min-width: 700px) {
    .c-explore-ui_list {
        padding-bottom: var(--grid-outer);
        padding-right: var(--grid-outer);
        padding-top: calc(clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small))) + 10px);
        padding-left: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
        margin-top: calc(-1*clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small))));
        margin-left: calc(-1*clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small))));
        clip-path: polygon(0 clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-small))), 100% clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-small))), 100% 100%, 0 100%)
    }
}

@media(max-width: 699px) {
    .c-explore-ui_list {
        position: absolute;
        pointer-events: all;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big))) var(--grid-outer) clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)));
        -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.3) 30px, black 80px, black calc(100% - 80px), rgba(0, 0, 0, 0) 100%);
        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.3) 30px, black 80px, black calc(100% - 80px), rgba(0, 0, 0, 0) 100%)
    }

    .c-explore:not(.show-mobile-list) .c-explore-ui_list {
        display: none
    }
}

.c-explore-ui_tabs-content {
    display: flex;
    flex-direction: column;
    gap: clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny)/14.4*1vw, calc(0.0625rem * var(--spacing-tiny)))
}

.c-explore-ui_tabs-content:not(.is-active) {
    display: none
}

@media(min-width: 700px) {
    .c-explore-ui_mode-toggler {
        display: none
    }
}

@media(max-width: 699px) {
    .c-explore-ui_mode-toggler {
        pointer-events: all;
        position: absolute;
        top: calc(var(--header-height)*.5);
        left: 50%;
        z-index: 1;
        transform: translate(-50%, -50%)
    }
}

.c-explore-ui_secondary {
    pointer-events: all;
    position: fixed;
    bottom: var(--grid-outer);
    left: var(--grid-outer)
}

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

@media(min-width: 700px) {
    .c-explore-ui_mobile-langswitcher {
        display: none
    }
}

@media(max-width: 699px) {
    .c-explore-ui_mobile-langswitcher {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

@media(max-width: 699px)and (prefers-reduced-motion: no-preference) {
    .c-explore-ui_mobile-langswitcher {
        animation: slideInUp .3s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

.c-showcase-preview {
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
}

html[dir=rtl][data-post-is-translated=true] .c-showcase-preview {
    direction: rtl
}

.c-dialog .c-showcase-preview {
    margin-bottom: 0;
    min-height: calc(100svh - var(--header-height) - var(--dialog-padding));
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media(max-width: 699px) {
    .c-dialog .c-showcase-preview {
        min-height: calc(100svh - var(--header-height) - clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-huge))))
    }
}

.c-showcase-preview_head {
    display: grid;
    gap: var(--grid-gutter);
    padding-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

@media(min-width: 700px) {
    .c-showcase-preview_head {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-aspect-ratio: 1/1) {
    .c-showcase-preview_head {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        margin-top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
    }
}

.c-showcase-preview_title {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h1);
    grid-column: 1/-1
}

@media(min-width: 700px) {
    .c-showcase-preview_title {
        order: 1
    }
}

@media(max-aspect-ratio: 1/1) {
    .c-showcase-preview_title {
        flex-grow: 1
    }
}

@media(min-width: 700px) {
    .c-showcase-preview_intro {
        order: 3
    }
}

@media(max-aspect-ratio: 1/1) {
    .c-showcase-preview_intro {
        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: 700px) {
    .c-showcase-preview_cta {
        align-self: end;
        justify-self: start;
        order: 2
    }
}

@media(max-aspect-ratio: 1/1) {
    .c-showcase-preview_cta {
        align-self: flex-start;
        order: 3
    }
}

.c-showcase-preview_image {
    position: relative;
    --ratio: 2.25/1
}

@media(max-aspect-ratio: 1.5/1) {
    .c-showcase-preview_image {
        --ratio: 1.6/1
    }
}

.c-showcase-toolbar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--grid-gutter);
    align-items: center;
    height: var(--header-height)
}

.c-showcase-toolbar_nav {
    grid-column: 1/3
}

@media(max-width: 999px) {
    .c-showcase-toolbar_nav {
        grid-column: 1/-1
    }
}

.c-showcase-toolbar_cta {
    grid-column: 3/5;
    justify-self: start
}

@media(max-width: 999px) {
    .c-showcase-toolbar_cta {
        display: none
    }
}

.c-langswitcher {
    position: relative
}

.c-langswitcher::after {
    content: "↓";
    position: absolute;
    top: 50%;
    left: .75em;
    z-index: 2;
    width: .75em;
    pointer-events: none;
    transform: translate(0, -50%);
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-small);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0
}

.c-langswitcher_select {
    width: auto;
    text-align: right;
    padding-left: 2.5em
}

.c-page-form {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
    display: grid;
    gap: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium))) var(--grid-gutter);
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big)/14.4*1vw, calc(0.0625rem * var(--spacing-big)))
}

.c-dialog_content .c-page-form,
.c-info-modal .c-page-form {
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 700px) {
    .c-page-form {
        grid-template-columns: repeat(2, 1fr)
    }
}

.c-page-form_intro {
    display: flex;
    flex-direction: column;
    gap: 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-page-form_intro {
        grid-column: 1/2;
        padding-right: calc(0.0833333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.0833333333)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px))
    }
}

.c-page-form_form {
    display: grid;
    gap: var(--grid-gutter)
}

@media(min-width: 700px) {
    .c-page-form_form {
        grid-template-columns: 1fr 1fr;
        grid-column: 2/-1
    }
}

.c-page-form_form.is-loading .c-page-form_item {
    opacity: .5;
    pointer-events: none
}

.c-page-form_note {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-small);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
    transition: color .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    justify-self: start
}

.c-page-form_note a {
    text-decoration: underline
}

@media(hover: hover) {
    .c-page-form_note {
        color: color-mix(in srgb, currentColor 20%, transparent)
    }

    .c-page-form_note:focus-within,
    .c-page-form_note:hover {
        color: currentColor
    }

    .c-page-form_note a:hover {
        color: var(--color-accent)
    }
}

.c-page-form_feedback {
    grid-column: 1/-1
}

.c-page-form_cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--grid-gutter)
}

@media(min-width: 700px) {

    .c-contact_form-item.-email,
    .c-contact_form-item.-message {
        grid-column: 1/-1
    }
}

.c-info-modal {
    --info-modal-animation-duration: 0.15s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 515;
    display: flex;
    justify-content: flex-end;
    direction: ltr
}

.c-info-modal:not(.is-active) {
    visibility: hidden;
    transition: visibility 0s linear var(--info-modal-animation-duration)
}

.c-info-modal_backdrop {
    position: absolute;
    inset: 0;
    background-color: var(--color);
    opacity: .8;
    transition: opacity var(--info-modal-animation-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: no-drop
}

.c-info-modal:not(.is-active) .c-info-modal_backdrop {
    opacity: 0
}

.c-info-modal_outer {
    position: relative;
    height: 100%;
    width: max(640px, var(--grid-margin) + calc(0.6666666667 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.6666666667) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px)));
    max-width: 100%;
    overflow: auto;
    color: var(--color);
    background-color: var(--color-bg);
    transition: transform var(--info-modal-animation-duration) cubic-bezier(0.215, 0.61, 0.355, 1), opacity var(--info-modal-animation-duration) cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-info-modal:not(.is-active) .c-info-modal_outer {
    opacity: 0;
    transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-medium))) * 1), 0, 0)
}

.c-info-modal_inner {
    position: relative;
    min-height: 100dvh;
    padding: 0 var(--dialog-padding) var(--dialog-padding) var(--dialog-padding)
}

.c-info-modal_toolbar {
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

.c-info-modal_content {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-info-modal_content,
.c-info-modal .c-info-modal_content {
    padding-left: 0;
    padding-right: 0
}

.c-info-modal_container {
    display: flex;
    flex-direction: column;
    gap: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

@media(min-width: 700px) {
    .c-info-modal_container {
        padding-right: calc(var(--grid-margin) + calc(0.1666666667 * (calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin, 0px)) - (1 - 0.1666666667) * var(--grid-gutter, 0px) + -1 * var(--grid-gutter, 0px)))
    }
}

.c-info-modal_close {
    --info-modal-close-size: 20px;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: var(--grid-outer);
    right: var(--grid-outer);
    padding: calc(var(--info-modal-close-size)*.5);
    border-radius: 999px;
    overflow: hidden;
    z-index: 499
}

.c-info-modal_close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: currentColor;
    opacity: 0;
    z-index: -1
}

@media(hover: hover) {
    .c-info-modal_close:hover:before {
        opacity: .1
    }
}

@media(hover: hover)and (min-width: 1000px) {
    .c-info-modal_close {
        margin: calc(var(--info-modal-close-size)*-0.5)
    }
}

@media(hover: none), (max-width: 999px) {
    .c-info-modal_close:before {
        opacity: .1
    }
}

.c-anchors-nav {
    position: relative;
    width: 100%
}

.c-anchors-nav_list {
    --anchors-nav-padding-end: 80px;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    gap: var(--grid-gutter);
    padding: 2em 0;
    margin-top: -2em;
    margin-bottom: -2em
}

.c-anchors-nav_list::-webkit-scrollbar {
    display: none
}

html[dir=rtl][data-post-is-translated=true] .c-anchors-nav_list {
    padding-right: calc(var(--grid-outer)/2);
    margin-right: calc(var(--grid-outer)/2*-1);
    padding-left: var(--anchors-nav-padding-end);
    -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0px, black var(--grid-outer), black calc(100% - var(--anchors-nav-padding-end)), rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0px, black var(--grid-outer), black calc(100% - var(--anchors-nav-padding-end)), rgba(0, 0, 0, 0) 100%)
}

html:not([dir=rtl]) .c-anchors-nav_list,
html[dir=rtl][data-post-is-translated=false] .c-anchors-nav_list {
    padding-left: var(--grid-outer);
    margin-left: calc(var(--grid-outer)*-1);
    padding-right: var(--anchors-nav-padding-end);
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, black var(--grid-outer), black calc(100% - var(--anchors-nav-padding-end)), rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, black var(--grid-outer), black calc(100% - var(--anchors-nav-padding-end)), rgba(0, 0, 0, 0) 100%)
}

@media(min-width: 1000px) {
    .c-anchors-nav_list {
        --anchors-nav-padding-end: var(--grid-outer)
    }
}

.c-anchors-nav_link {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body);
    font-weight: 400;
    opacity: .4;
    white-space: nowrap;
    transition: opacity .15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-anchors-nav_link.is-active {
    opacity: 1
}

@media(hover: hover) {
    .c-anchors-nav_link:hover {
        opacity: 1
    }
}

.c-team-member {
    display: grid;
    gap: var(--grid-gutter);
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large)/14.4*1vw, calc(0.0625rem * var(--spacing-large)));
    margin-top: clamp(calc(0.0625rem * var(--spacing-huge-mobile)), var(--spacing-huge)/14.4*1vw, calc(0.0625rem * var(--spacing-huge)))
}

@media(min-width: 700px) {
    .c-team-member {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto
    }

    .c-dialog .c-team-member {
        margin-top: max(0px, 100vh - var(--header-height) - clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-small))) - var(--dialog-padding) - (var(--dialog-width) - var(--grid-gutter) - var(--dialog-padding)*2)/2)
    }
}

@media(min-width: 700px) {
    .c-team-member_image {
        grid-column: 2/-1;
        grid-row: 1/3;
        position: sticky;
        top: calc(var(--header-height) + var(--dialog-padding));
        align-self: start;
        margin-top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
        max-width: 500px;
        justify-self: end;
        width: 100%
    }
}

.c-team-member_content {
    margin-top: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)))
}

@media(min-width: 700px) {
    .c-team-member_content {
        grid-column: 1/2
    }
}

.c-not-found {
    min-height: calc(100vh - var(--header-height) - var(--quicknav-margin-bottom));
    display: flex;
    align-items: center
}

@media(min-width: 1000px) {
    .c-not-found_content {
        position: relative;
        top: -10vh
    }
}

.c-not-found_title {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h1)
}

.c-not-found_subtitle {
    line-height: 1;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    font-size: var(--font-size-h1)
}

.c-jobs-header {
    display: grid;
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter);
    row-gap: 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-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

@media(max-width: 499px) {
    .c-jobs-header {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media(min-width: 500px) {
    .c-jobs-header {
        grid-template-columns: repeat(2, 1fr)
    }
}

.c-jobs-header_col:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

@media(min-width: 500px) {
    .c-jobs-header_col:nth-child(2) {
        justify-content: flex-end
    }
}

.c-video-player {
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    clip-path: inset(0 round 8px)
}

.c-video-player_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000
}

.c-authors {
    margin-right: auto;
    margin-left: auto;
    padding-left: var(--container-margin);
    padding-right: var(--container-margin)
}

.c-dialog_content .c-authors,
.c-info-modal .c-authors {
    padding-left: 0;
    padding-right: 0
}

.c-authors_title {
    font-family: "SuisseIntl", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: var(--font-size-body-large);
    line-height: 1.2;
    display: block;
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-medium-mobile)), var(--spacing-medium)/14.4*1vw, calc(0.0625rem * var(--spacing-medium)))
}

.c-authors_list {
    display: grid
}

@media(min-width: 700px) {
    .c-authors_list {
        grid-template-columns: 1fr 1fr;
        gap: var(--grid-gutter)
    }
}

@media(min-width: 1000px) {
    .c-authors_list:has(.c-authors_item:nth-child(3)) {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(max-width: 699px) {
    .c-authors_list {
        gap: clamp(calc(0.0625rem * var(--spacing-small-mobile)), var(--spacing-small)/14.4*1vw, calc(0.0625rem * var(--spacing-small)));
        grid-template-columns: 1fr
    }
}

.c-authors_item {
    position: relative;
    display: grid;
    gap: var(--grid-gutter);
    grid-template-columns: 1fr 1fr 1fr
}

.c-authors_item:before {
    content: "";
    position: absolute;
    inset: -5px;
    background-color: currentColor;
    opacity: 0;
    border-radius: 3px
}

@media(min-width: 1000px) {
    .c-authors_list:has(.c-authors_item:nth-child(3)) .c-authors_item {
        grid-template-columns: 1fr 1fr
    }
}

@media(hover: hover) {
    .c-authors_item:hover:before {
        opacity: .05
    }
}

.c-authors_content {
    grid-column: 2/-1
}

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

.c-search-results_query {
    display: inline-flex;
    line-height: inherit;
    letter-spacing: inherit;
    text-decoration: underline;
    vertical-align: inherit;
    text-overflow: ellipsis
}

.c-search-results_query span {
    max-width: 8em;
    padding-right: .1em;
    overflow: hidden;
    text-overflow: ellipsis
}

.u-2\:1::before {
    padding-bottom: 50%
}

.u-4\:3::before {
    padding-bottom: 75%
}

.u-16\:9::before {
    padding-bottom: 56.25%
}

.u-gc-1\/2 {
    --gc-start: 1;
    --gc-end: 2
}

.u-gc-2\/3 {
    --gc-start: 2;
    --gc-end: 3
}

.u-gc-3\/5 {
    --gc-start: 3;
    --gc-end: 5
}

@media(min-width: 1000px) {
    .u-gc-1\/6\@from-medium {
        --gc-start: 1;
        --gc-end: 6
    }
}

@media(min-width: 1000px) {
    .u-gc-1\/10\@from-medium {
        --gc-start: 1;
        --gc-end: 10
    }
}

@media(min-width: 1000px) {
    .u-gc-10\/13\@from-medium {
        --gc-start: 10;
        --gc-end: 13
    }
}

@media(prefers-reduced-motion: no-preference) {
    .u-anim {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-1 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-1.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-1:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-1.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .1s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-2 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-2.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-2:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-2.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .2s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-3 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-3.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-3:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-3.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .3s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-4 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-4.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-4:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-4.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .4s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-5 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-5.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-5:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-5.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .5s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-6 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-6.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-6:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-6.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .6s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-7 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-7.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-7:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-7.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .7s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-8 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-8.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-8:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-8.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .8s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-9 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-9.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-9:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-9.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .9s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-10 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-10.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-10:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-10.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-11 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-11.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-11:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-11.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.1s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-12 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-12.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-12:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-12.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.2s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-13 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-13.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-13:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-13.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.3s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-14 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-14.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-14:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-14.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.4s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-15 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-15.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-15:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-15.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.5s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-16 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-16.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-16:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-16.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.6s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-17 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-17.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-17:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-17.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.7s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-18 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-18.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-18:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-18.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.8s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-19 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-19.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-19:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-19.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.9s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim.-delay-20 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0)
    }

    .u-anim.-delay-20.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    html.is-ready:not(.is-replacing) .u-anim.-delay-20:not(.-ignore-fragment),
    html.is-ready:not(.is-replacing-page) .u-anim.-delay-20.-ignore-fragment {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 2s;
        transform: translate3d(0, 0, 0)
    }

    .u-opacity {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s
    }

    .u-opacity.-delay-1 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-1.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .1s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-1.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .1s
    }

    .u-opacity.-delay-2 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-2.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .2s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-2.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .2s
    }

    .u-opacity.-delay-3 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-3.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .3s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-3.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .3s
    }

    .u-opacity.-delay-4 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-4.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .4s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-4.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .4s
    }

    .u-opacity.-delay-5 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-5.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .5s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-5.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .5s
    }

    .u-opacity.-delay-6 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-6.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .6s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-6.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .6s
    }

    .u-opacity.-delay-7 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-7.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .7s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-7.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .7s
    }

    .u-opacity.-delay-8 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-8.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .8s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-8.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .8s
    }

    .u-opacity.-delay-9 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-9.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .9s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-9.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .9s
    }

    .u-opacity.-delay-10 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-10.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-10.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1s
    }

    .u-opacity.-delay-11 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-11.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.1s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-11.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.1s
    }

    .u-opacity.-delay-12 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-12.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.2s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-12.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.2s
    }

    .u-opacity.-delay-13 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-13.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.3s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-13.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.3s
    }

    .u-opacity.-delay-14 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-14.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.4s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-14.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.4s
    }

    .u-opacity.-delay-15 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-15.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.5s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-15.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.5s
    }

    .u-opacity.-delay-16 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-16.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.6s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-16.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.6s
    }

    .u-opacity.-delay-17 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-17.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.7s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-17.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.7s
    }

    .u-opacity.-delay-18 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-18.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.8s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-18.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.8s
    }

    .u-opacity.-delay-19 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-19.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.9s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-19.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.9s
    }

    .u-opacity.-delay-20 {
        opacity: 0
    }

    html.is-ready:not(.is-replacing) .u-opacity.-delay-20.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 2s
    }

    html.is-ready:not(.is-replacing) .u-anim-parent.is-inview .u-opacity.-delay-20.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 2s
    }

    .u-anim-scroll {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-1 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-1.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .1s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-1.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .1s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-1.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-2 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-2.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .2s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-2.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .2s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-2.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-3 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-3.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .3s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-3.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .3s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-3.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-4 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-4.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .4s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-4.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .4s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-4.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-5 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-5.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .5s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-5.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .5s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-5.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-6 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-6.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .6s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-6.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .6s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-6.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-7 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-7.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .7s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-7.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .7s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-7.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-8 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-8.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .8s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-8.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .8s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-8.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-9 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-9.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .9s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-9.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .9s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-9.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-10 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-10.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-10.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-10.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-11 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-11.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.1s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-11.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.1s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-11.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-12 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-12.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.2s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-12.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.2s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-12.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-13 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-13.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.3s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-13.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.3s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-13.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-14 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-14.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.4s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-14.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.4s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-14.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-15 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-15.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.5s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-15.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.5s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-15.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-16 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-16.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.6s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-16.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.6s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-16.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-17 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-17.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.7s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-17.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.7s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-17.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-18 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-18.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.8s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-18.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.8s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-18.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-19 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-19.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.9s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-19.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.9s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-19.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-anim-scroll.-delay-20 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-anim-scroll.-delay-20.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 2s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-anim-scroll.-delay-20.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 2s;
        transform: translate3d(0, 0, 0)
    }

    .u-anim-scroll.-delay-20.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-line-mask-anim span {
        transition: clip-path .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%)
    }

    html.is-ready .u-line-mask-anim.is-inview span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    html.is-ready .is-inview .u-line-mask-anim.-parent span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    .u-line-mask-anim.-i-0 span {
        transition: clip-path .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%)
    }

    html.is-ready .u-line-mask-anim.-i-0.is-inview span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    html.is-ready .is-inview .u-line-mask-anim.-i-0.-parent span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    .u-line-mask-anim.-i-1 span {
        transition: clip-path .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .15s;
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%)
    }

    html.is-ready .u-line-mask-anim.-i-1.is-inview span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    html.is-ready .is-inview .u-line-mask-anim.-i-1.-parent span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    .u-line-mask-anim.-i-2 span {
        transition: clip-path .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .3s;
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%)
    }

    html.is-ready .u-line-mask-anim.-i-2.is-inview span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    html.is-ready .is-inview .u-line-mask-anim.-i-2.-parent span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    .u-line-mask-anim.-i-3 span {
        transition: clip-path .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .45s;
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%)
    }

    html.is-ready .u-line-mask-anim.-i-3.is-inview span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    html.is-ready .is-inview .u-line-mask-anim.-i-3.-parent span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    .u-line-mask-anim.-i-4 span {
        transition: clip-path .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .6s;
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%)
    }

    html.is-ready .u-line-mask-anim.-i-4.is-inview span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    html.is-ready .is-inview .u-line-mask-anim.-i-4.-parent span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    .u-line-mask-anim.-i-5 span {
        transition: clip-path .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .75s;
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%)
    }

    html.is-ready .u-line-mask-anim.-i-5.is-inview span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    html.is-ready .is-inview .u-line-mask-anim.-i-5.-parent span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    .u-line-mask-anim.-i-6 span {
        transition: clip-path .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .9s;
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%)
    }

    html.is-ready .u-line-mask-anim.-i-6.is-inview span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    html.is-ready .is-inview .u-line-mask-anim.-i-6.-parent span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    .u-line-mask-anim.-i-7 span {
        transition: clip-path .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.05s;
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%)
    }

    html.is-ready .u-line-mask-anim.-i-7.is-inview span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    html.is-ready .is-inview .u-line-mask-anim.-i-7.-parent span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    .u-line-mask-anim.-i-8 span {
        transition: clip-path .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.2s;
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%)
    }

    html.is-ready .u-line-mask-anim.-i-8.is-inview span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    html.is-ready .is-inview .u-line-mask-anim.-i-8.-parent span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    .u-line-mask-anim.-i-9 span {
        transition: clip-path .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.35s;
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%)
    }

    html.is-ready .u-line-mask-anim.-i-9.is-inview span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    html.is-ready .is-inview .u-line-mask-anim.-i-9.-parent span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    .u-line-mask-anim.-i-10 span {
        transition: clip-path .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.5s;
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%)
    }

    html.is-ready .u-line-mask-anim.-i-10.is-inview span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    html.is-ready .is-inview .u-line-mask-anim.-i-10.-parent span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    .u-line-mask-anim-no-scroll span {
        transition: clip-path .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%)
    }

    html.is-ready:not(.is-replacing) .u-line-mask-anim-no-scroll:not(.-ignore-fragment) span,
    html.is-ready:not(.is-replacing-page) .u-line-mask-anim-no-scroll.-ignore-fragment span {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%)
    }

    .u-mask-anim {
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%);
        transition: clip-path .6s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-mask-anim.-parent:not(.-ignore-fragment),
    html.is-ready .is-inview .u-mask-anim.-parent.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: 0s
    }

    html.is-ready .u-mask-anim.is-inview:not(.-ignore-fragment),
    html.is-ready .u-mask-anim.is-inview.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: 0s
    }

    .u-mask-anim.-i-0 {
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%);
        transition: clip-path .6s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-mask-anim.-i-0.-parent:not(.-ignore-fragment),
    html.is-ready .is-inview .u-mask-anim.-i-0.-parent.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: 0s
    }

    html.is-ready .u-mask-anim.-i-0.is-inview:not(.-ignore-fragment),
    html.is-ready .u-mask-anim.-i-0.is-inview.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: 0s
    }

    .u-mask-anim.-i-1 {
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%);
        transition: clip-path .6s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-mask-anim.-i-1.-parent:not(.-ignore-fragment),
    html.is-ready .is-inview .u-mask-anim.-i-1.-parent.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .1s
    }

    html.is-ready .u-mask-anim.-i-1.is-inview:not(.-ignore-fragment),
    html.is-ready .u-mask-anim.-i-1.is-inview.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .1s
    }

    .u-mask-anim.-i-2 {
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%);
        transition: clip-path .6s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-mask-anim.-i-2.-parent:not(.-ignore-fragment),
    html.is-ready .is-inview .u-mask-anim.-i-2.-parent.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .2s
    }

    html.is-ready .u-mask-anim.-i-2.is-inview:not(.-ignore-fragment),
    html.is-ready .u-mask-anim.-i-2.is-inview.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .2s
    }

    .u-mask-anim.-i-3 {
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%);
        transition: clip-path .6s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-mask-anim.-i-3.-parent:not(.-ignore-fragment),
    html.is-ready .is-inview .u-mask-anim.-i-3.-parent.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .3s
    }

    html.is-ready .u-mask-anim.-i-3.is-inview:not(.-ignore-fragment),
    html.is-ready .u-mask-anim.-i-3.is-inview.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .3s
    }

    .u-mask-anim.-i-4 {
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%);
        transition: clip-path .6s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-mask-anim.-i-4.-parent:not(.-ignore-fragment),
    html.is-ready .is-inview .u-mask-anim.-i-4.-parent.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .4s
    }

    html.is-ready .u-mask-anim.-i-4.is-inview:not(.-ignore-fragment),
    html.is-ready .u-mask-anim.-i-4.is-inview.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .4s
    }

    .u-mask-anim.-i-5 {
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%);
        transition: clip-path .6s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-mask-anim.-i-5.-parent:not(.-ignore-fragment),
    html.is-ready .is-inview .u-mask-anim.-i-5.-parent.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .5s
    }

    html.is-ready .u-mask-anim.-i-5.is-inview:not(.-ignore-fragment),
    html.is-ready .u-mask-anim.-i-5.is-inview.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .5s
    }

    .u-mask-anim.-i-6 {
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%);
        transition: clip-path .6s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-mask-anim.-i-6.-parent:not(.-ignore-fragment),
    html.is-ready .is-inview .u-mask-anim.-i-6.-parent.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .6s
    }

    html.is-ready .u-mask-anim.-i-6.is-inview:not(.-ignore-fragment),
    html.is-ready .u-mask-anim.-i-6.is-inview.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .6s
    }

    .u-mask-anim.-i-7 {
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%);
        transition: clip-path .6s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-mask-anim.-i-7.-parent:not(.-ignore-fragment),
    html.is-ready .is-inview .u-mask-anim.-i-7.-parent.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .7s
    }

    html.is-ready .u-mask-anim.-i-7.is-inview:not(.-ignore-fragment),
    html.is-ready .u-mask-anim.-i-7.is-inview.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .7s
    }

    .u-mask-anim.-i-8 {
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%);
        transition: clip-path .6s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-mask-anim.-i-8.-parent:not(.-ignore-fragment),
    html.is-ready .is-inview .u-mask-anim.-i-8.-parent.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .8s
    }

    html.is-ready .u-mask-anim.-i-8.is-inview:not(.-ignore-fragment),
    html.is-ready .u-mask-anim.-i-8.is-inview.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .8s
    }

    .u-mask-anim.-i-9 {
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%);
        transition: clip-path .6s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-mask-anim.-i-9.-parent:not(.-ignore-fragment),
    html.is-ready .is-inview .u-mask-anim.-i-9.-parent.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .9s
    }

    html.is-ready .u-mask-anim.-i-9.is-inview:not(.-ignore-fragment),
    html.is-ready .u-mask-anim.-i-9.is-inview.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: .9s
    }

    .u-mask-anim.-i-10 {
        transform: translate3d(0, 100%, 0);
        clip-path: polygon(0% -100%, 100% -100%, 100% 0%, 0% 0%);
        transition: clip-path .6s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-mask-anim.-i-10.-parent:not(.-ignore-fragment),
    html.is-ready .is-inview .u-mask-anim.-i-10.-parent.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: 1s
    }

    html.is-ready .u-mask-anim.-i-10.is-inview:not(.-ignore-fragment),
    html.is-ready .u-mask-anim.-i-10.is-inview.-ignore-fragment {
        transform: translate3d(0, 0, 0);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition-delay: 1s
    }

    .u-translate-anim {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-translate-anim.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-translate-anim.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: translate3d(0, 0, 0)
    }

    .u-translate-anim.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-translate-anim.-i-0 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-translate-anim.-i-0.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-translate-anim.-i-0.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: translate3d(0, 0, 0)
    }

    .u-translate-anim.-i-0.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-translate-anim.-i-1 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-translate-anim.-i-1.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .15s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-translate-anim.-i-1.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .15s;
        transform: translate3d(0, 0, 0)
    }

    .u-translate-anim.-i-1.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-translate-anim.-i-2 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-translate-anim.-i-2.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .3s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-translate-anim.-i-2.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .3s;
        transform: translate3d(0, 0, 0)
    }

    .u-translate-anim.-i-2.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-translate-anim.-i-3 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-translate-anim.-i-3.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .45s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-translate-anim.-i-3.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .45s;
        transform: translate3d(0, 0, 0)
    }

    .u-translate-anim.-i-3.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-translate-anim.-i-4 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-translate-anim.-i-4.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .6s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-translate-anim.-i-4.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .6s;
        transform: translate3d(0, 0, 0)
    }

    .u-translate-anim.-i-4.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-translate-anim.-i-5 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-translate-anim.-i-5.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .75s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-translate-anim.-i-5.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .75s;
        transform: translate3d(0, 0, 0)
    }

    .u-translate-anim.-i-5.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-translate-anim.-i-6 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-translate-anim.-i-6.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .9s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-translate-anim.-i-6.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .9s;
        transform: translate3d(0, 0, 0)
    }

    .u-translate-anim.-i-6.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-translate-anim.-i-7 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-translate-anim.-i-7.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.05s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-translate-anim.-i-7.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.05s;
        transform: translate3d(0, 0, 0)
    }

    .u-translate-anim.-i-7.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-translate-anim.-i-8 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-translate-anim.-i-8.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.2s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-translate-anim.-i-8.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.2s;
        transform: translate3d(0, 0, 0)
    }

    .u-translate-anim.-i-8.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-translate-anim.-i-9 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-translate-anim.-i-9.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.35s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-translate-anim.-i-9.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.35s;
        transform: translate3d(0, 0, 0)
    }

    .u-translate-anim.-i-9.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-translate-anim.-i-10 {
        opacity: 0;
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-large-mobile)), var(--spacing-large) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-large))), 0)
    }

    html.is-ready .u-translate-anim.-i-10.is-inview {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.5s;
        transform: translate3d(0, 0, 0)
    }

    html.is-ready .u-anim-parent.is-inview .u-translate-anim.-i-10.-parent {
        opacity: 1;
        transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1), transform .9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.5s;
        transform: translate3d(0, 0, 0)
    }

    .u-translate-anim.-i-10.-left {
        transform: translate3d(calc(clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))) * -1), 0, 0)
    }

    .u-scale-anim {
        transform: scale(1.2)
    }

    html.is-ready .u-scale-anim.is-inview {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: scale(1)
    }

    html.is-ready .u-scale-anim.is-inview.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-parent {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: scale(1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-parent.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .u-scale-anim.-i-0 {
        transform: scale(1.2)
    }

    html.is-ready .u-scale-anim.-i-0.is-inview {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: scale(1)
    }

    html.is-ready .u-scale-anim.-i-0.is-inview.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-0.-parent {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: scale(1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-0.-parent.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .u-scale-anim.-i-1 {
        transform: scale(1.2)
    }

    html.is-ready .u-scale-anim.-i-1.is-inview {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .15s;
        transform: scale(1)
    }

    html.is-ready .u-scale-anim.-i-1.is-inview.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-1.-parent {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .15s;
        transform: scale(1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-1.-parent.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .u-scale-anim.-i-2 {
        transform: scale(1.2)
    }

    html.is-ready .u-scale-anim.-i-2.is-inview {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .3s;
        transform: scale(1)
    }

    html.is-ready .u-scale-anim.-i-2.is-inview.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-2.-parent {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .3s;
        transform: scale(1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-2.-parent.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .u-scale-anim.-i-3 {
        transform: scale(1.2)
    }

    html.is-ready .u-scale-anim.-i-3.is-inview {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .45s;
        transform: scale(1)
    }

    html.is-ready .u-scale-anim.-i-3.is-inview.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-3.-parent {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .45s;
        transform: scale(1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-3.-parent.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .u-scale-anim.-i-4 {
        transform: scale(1.2)
    }

    html.is-ready .u-scale-anim.-i-4.is-inview {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .6s;
        transform: scale(1)
    }

    html.is-ready .u-scale-anim.-i-4.is-inview.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-4.-parent {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .6s;
        transform: scale(1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-4.-parent.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .u-scale-anim.-i-5 {
        transform: scale(1.2)
    }

    html.is-ready .u-scale-anim.-i-5.is-inview {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .75s;
        transform: scale(1)
    }

    html.is-ready .u-scale-anim.-i-5.is-inview.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-5.-parent {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .75s;
        transform: scale(1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-5.-parent.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .u-scale-anim.-i-6 {
        transform: scale(1.2)
    }

    html.is-ready .u-scale-anim.-i-6.is-inview {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .9s;
        transform: scale(1)
    }

    html.is-ready .u-scale-anim.-i-6.is-inview.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-6.-parent {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .9s;
        transform: scale(1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-6.-parent.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .u-scale-anim.-i-7 {
        transform: scale(1.2)
    }

    html.is-ready .u-scale-anim.-i-7.is-inview {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.05s;
        transform: scale(1)
    }

    html.is-ready .u-scale-anim.-i-7.is-inview.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-7.-parent {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.05s;
        transform: scale(1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-7.-parent.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .u-scale-anim.-i-8 {
        transform: scale(1.2)
    }

    html.is-ready .u-scale-anim.-i-8.is-inview {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.2s;
        transform: scale(1)
    }

    html.is-ready .u-scale-anim.-i-8.is-inview.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-8.-parent {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.2s;
        transform: scale(1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-8.-parent.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .u-scale-anim.-i-9 {
        transform: scale(1.2)
    }

    html.is-ready .u-scale-anim.-i-9.is-inview {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.35s;
        transform: scale(1)
    }

    html.is-ready .u-scale-anim.-i-9.is-inview.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-9.-parent {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.35s;
        transform: scale(1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-9.-parent.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .u-scale-anim.-i-10 {
        transform: scale(1.2)
    }

    html.is-ready .u-scale-anim.-i-10.is-inview {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.5s;
        transform: scale(1)
    }

    html.is-ready .u-scale-anim.-i-10.is-inview.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-10.-parent {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.5s;
        transform: scale(1)
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-anim.-i-10.-parent.-fast {
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .u-scale-slide-anim {
        transform: scale(1.175) translate3d(0, clamp(calc(0.0625rem * var(--spacing-big-mobile)), var(--spacing-big) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-big))), 0px);
        opacity: 0
    }

    html.is-ready .u-scale-slide-anim.is-inview {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }

    html.is-ready .u-anim-parent.is-inview .u-scale-slide-anim.-parent {
        transition: transform calc(1.5s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1), opacity calc(0.6s*var(--animation-duration-factor)) cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(0.5)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-10px, 0, 0);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 10px, 0);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes slideInUpTiny {
    0% {
        transform: translate3d(0, clamp(calc(0.0625rem * var(--spacing-tiny-mobile)), var(--spacing-tiny) / 14.4 * 1vw, calc(0.0625rem * var(--spacing-tiny))), 0);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes slideInUpCentered {
    0% {
        transform: translate3d(-50%, calc(-50% + 10px), 0);
        opacity: 0
    }

    100% {
        transform: translate3d(-50%, -50%, 0);
        opacity: 1
    }
}

@keyframes slideOutLeftTiny {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    100% {
        transform: translate3d(-4px, 0, 0);
        opacity: 0
    }
}

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

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

.u-clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.u-relative {
    position: relative
}

.u-inline {
    display: inline
}

.u-inline-block {
    display: inline-block
}

.u-none {
    display: none
}

html.has-no-js .u-js-only {
    display: none
}

html.has-js .u-no-js-only {
    display: none
}

.u-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

[hidden][aria-hidden=false] {
    position: absolute;
    display: inherit;
    clip: rect(0, 0, 0, 0)
}

[hidden][aria-hidden=false]:focus {
    clip: auto
}

.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
}

@media(max-width: 999px) {
    .u-sticky-area\@to-medium {
        position: relative
    }
}

@media(min-width: 1000px) {
    .u-sticky-area\@to-medium {
        display: inline
    }
}

.u-margin-micro-bottom {
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-micro-mobile)), var(--spacing-micro)/14.4*1vw, calc(0.0625rem * var(--spacing-micro)))
}

.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-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-bottom {
    margin-bottom: clamp(calc(0.0625rem * var(--spacing-enormous-mobile)), var(--spacing-enormous)/14.4*1vw, calc(0.0625rem * var(--spacing-enormous)))
}

.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)))
}