:root {
    --spacing-xs-mobile: 12;
    --spacing-xs-desktop: 16;
    --spacing-sm-mobile: 22;
    --spacing-sm-desktop: 32;
    --spacing-md-mobile: 32;
    --spacing-md-desktop: 56;
    --spacing-lg-mobile: 48;
    --spacing-lg-desktop: 96;
    --spacing-xl-mobile: 64;
    --spacing-xl-desktop: 128
}

:root {
    --font-size-body: 1rem;
    --grid-columns: 6;
    --grid-gutter: 1rem;
    --grid-margin: 1rem;
    --color-darkest: #1D2120;
    --color-accent: #dffe40
}

@media(min-width: 700px) {
    :root {
        --grid-columns: 12;
        --grid-gutter: 1.3333333333rem;
        --grid-margin: 1.3333333333rem
    }
}

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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
    perspective: 1200px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
    --cc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --cc-modal-border-radius: .5rem;
    --cc-btn-border-radius: .4rem;
    --cc-modal-transition-duration: .25s;
    --cc-link-color: var(--cc-btn-primary-bg);
    --cc-modal-margin: 1rem;
    --cc-z-index: 2147483647;
    --cc-bg: #fff;
    --cc-primary-color: #2c2f31;
    --cc-secondary-color: #5e6266;
    --cc-btn-primary-bg: #30363c;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: #000;
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
    --cc-btn-secondary-bg: #eaeff2;
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
    --cc-btn-secondary-hover-bg: #d4dae0;
    --cc-btn-secondary-hover-color: #000;
    --cc-btn-secondary-hover-border-color: #d4dae0;
    --cc-separator-border-color: #f0f4f7;
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-toggle-off-bg: #667481;
    --cc-toggle-on-knob-bg: #fff;
    --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);
    --cc-toggle-readonly-bg: #d5dee2;
    --cc-toggle-readonly-knob-bg: #fff;
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
    --cc-section-category-border: var(--cc-cookie-category-block-bg);
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-border: #f0f4f7;
    --cc-cookie-category-block-hover-bg: #e9eff4;
    --cc-cookie-category-block-hover-border: #e9eff4;
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: #dee4e9;
    --cc-overlay-bg: rgba(0, 0, 0, .65);
    --cc-footer-bg: var(--cc-btn-secondary-bg);
    --cc-footer-color: var(--cc-secondary-color);
    --cc-footer-border-color: #e4eaed;
    --cc-pm-toggle-border-radius: 4em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     .educert {
            font-size: 3.5vh;
            text-wrap-mode: nowrap;

        }


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #cc-main {
        --cc-modal-margin: .5em
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #cc-main .pm__badge {
        display: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

#cc-main {
    --cc-bg: white;
    --cc-primary-color: #1d2120;
    --cc-secondary-color: #1d2120;
    --cc-separator-border-color: rgba(128, 128, 128, 0.3);
    --cc-overlay-bg: rgba(29, 33, 32, 0.6);
    --focus-visible-color: #1d2120;
    --cc-btn-primary-bg: var(--cc-primary-color);
    --cc-btn-primary-color: var(--cc-bg);
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: var(--cc-bg);
    --cc-btn-primary-hover-color: var(--cc-primary-color);
    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-color);
    --cc-btn-secondary-bg: transparent;
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: var(--cc-separator-border-color);
    --cc-btn-secondary-hover-bg: transparent;
    --cc-btn-secondary-hover-color: var(--cc-btn-secondary-color);
    --cc-btn-secondary-hover-border-color: var(--cc-btn-primary-hover-color);
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-toggle-off-bg: var(--cc-separator-border-color);
    --cc-toggle-on-knob-bg: var(--cc-bg);
    --cc-toggle-off-knob-bg: var(--cc-primary-color);
    --cc-toggle-readonly-bg: var(--cc-primary-color);
    --cc-toggle-readonly-knob-bg: var(--cc-bg);
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
    --cc-cookie-category-block-bg: var(--cc-bg);
    --cc-cookie-category-block-border: var(--cc-separator-border-color);
    --cc-cookie-category-block-hover-bg: transparent;
    --cc-cookie-category-block-hover-border: var(--cc-primary-color);
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: transparent;
    --cc-footer-bg: var(--cc-bg);
    --cc-footer-color: var(--cc-primary-color);
    --cc-footer-border-color: transparent;
    --cc-z-index: 900;
    --cc-font-family: Switzer, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    --cc-modal-border-radius: radius();
    --cc-btn-border-radius: 40px
}

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

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

#cc-main *:focus:not(:focus-visible) {
    outline: none
}

#cc-main *:focus-visible:not(input):not(textarea) {
    outline-color: var(--focus-visible-color);
    outline-width: var(--focus-visible-width);
    outline-offset: var(--focus-visible-offset);
    outline-style: solid
}

#cc-main .toggle__icon-off {
    --cc-toggle-off-bg: var(--cc-bg)
}

#cc-main .section__toggle:checked:disabled~.toggle__icon {
    opacity: .5
}

#cc-main div[tabindex="-1"] {
    --focus-visible-color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cc-main .pm__section--toggle {
    --cc-btn-border-radius: radius()
}

#cc-main .pm__section--toggle.is-expanded .pm__section-title,
#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
    border: 1px solid var(--cc-cookie-category-block-hover-border)
}

#cc-main .pm__section--toggle.is-expanded .pm__section-title {
    border-bottom: 1px solid var(--cc-separator-border-color)
}

#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
    border-top: none
}

#cc-main .pm__section-arrow {
    --cc-toggle-readonly-bg: var(--cc-bg)
}

#cc-main .cm {
    border: 2px solid currentColor;
    overflow: visible
}

#cc-main .cm__desc,
#cc-main .cm__btns,
#cc-main .cm__links,
#cc-main .cm__title {
    padding-left: spacer() !important;
    padding-right: spacer() !important
}

#cc-main .cm__btns {
    border-top: none !important
}

#cc-main .cm--box,
#cc-main .pm--box {
    box-shadow: none
}

#cc-main a,
#cc-main .cc__link {
    color: inherit;
    text-decoration: underline;
    background: none
}

#cc-main a:hover,
#cc-main .cc__link:hover {
    color: #dffe40
}

#cc-main a,
#cc-main b,
#cc-main em,
#cc-main strong,
#cc-main .cm__btn,
#cc-main .cc__link,
#cc-main .cm__title,
#cc-main .pm__badge,
#cc-main .pm__btn,
#cc-main .pm__section-title,
#cc-main .pm__table-caption,
#cc-main .pm__table-th,
#cc-main .pm__title {
    font-weight: 400
}

#cc-main .pm__btn,
#cc-main .cm__btn,
#cc-main .cc--anim .cm__btn {
    transition: none
}

#cc-main .cm__title,
#cc-main .pm__title {
    font-size: var(--font-size, var(--font-size-h6))
}

#cc-main .pm__body,
#cc-main .pm__footer {
    z-index: 1
}

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

html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
figure,
blockquote {
    margin-block: unset
}

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

html {
    line-height: 1.5
}

body {
    margin: unset
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
button {
    line-height: 1.1
}

html:not(.is-webkit) h1,
html:not(.is-webkit) h2,
html:not(.is-webkit) h3,
html:not(.is-webkit) h4,
html:not(.is-webkit) h5,
html:not(.is-webkit) h6 {
    text-wrap: balance
}

a[class] {
    color: inherit;
    text-decoration: none
}

img,
svg,
canvas,
picture {
    display: block;
    max-inline-size: 100%;
    block-size: auto
}

input,
button,
select,
textarea {
    font: inherit
}

textarea:not([rows]) {
    min-height: 10em
}

:target {
    scroll-margin-block: 1rlh
}

@media(prefers-reduced-motion: reduce) {

    *,
    *:after,
    *:before {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

:root {
    --focus-visible-color: currentColor;
    --focus-visible-width: 2px;
    --focus-visible-offset: 0
}

*:focus-visible {
    outline-color: var(--focus-visible-color) !important;
    outline-width: var(--focus-visible-width) !important;
    outline-offset: var(--focus-visible-offset) !important;
    outline-style: solid !important
}

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

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

@font-face {
    font-display: swap;
    font-family: "Canela Condensed";
    src: url("../fonts/CanelaCondensed-Light-Web.woff2") format("woff2"), url("../fonts/CanelaCondensed-Light-Web.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

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

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

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

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

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

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

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

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

@media(min-width: 1800px) {
    html {
        font-size: 17px
    }
}

html.is-loading {
    cursor: wait
}

::-moz-selection {
    background-color: #dffe40;
    color: #1d2120;
    text-shadow: none
}

::selection {
    background-color: #dffe40;
    color: #1d2120;
    text-shadow: none
}

a {
    color: currentColor
}

a:focus,
a:hover {
    color: currentColor
}

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

@media(min-width: 1000px) {
    .o-container.-small {
        padding-left: calc(var(--grid-margin) + 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(var(--grid-margin) + 0.0833333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.0833333333)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
    }
}

.u-link-absolute::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 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
}

.svg-quote {
    --icon-width: 0.9333333333rem;
    --icon-ratio: 1.2051282051
}

.svg-arrow-link {
    --icon-width: 0.8426666667rem;
    --icon-ratio: 1.0160771704;
    fill: #000
}

.svg-arrow-left,
.svg-arrow-right {
    --icon-width: 2rem;
    --icon-ratio: 3.75
}

.svg-corners {
    --icon-width: 13.3333333333rem;
    --icon-ratio: 1.6370967742
}

.svg-arrow-select {
    --icon-width: 0.3333333333rem;
    --icon-ratio: 0.5
}

.svg-arrow-right-small {
    --icon-width: 0.6666666667rem;
    --icon-ratio: 2
}

.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-md {
        grid-template-columns: repeat(12, 1fr)
    }
}

.o-grid.-col-2\@from-md {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

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

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

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

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

:root {
    --font-size-ultra-huge: clamp(90px, 0.1785714286 * calc(100 * var(--vw, 1vw)), 250px);
    --font-size-huge: clamp(115px, 0.15 * calc(100 * var(--vw, 1vw)), 210px);
    --font-size-h1: clamp(70px, 0.0928571429 * calc(100 * var(--vw, 1vw)), 130px);
    --font-size-h2: clamp(60px, 0.0714285714 * calc(100 * var(--vw, 1vw)), 100px);
    --font-size-h3: clamp(50px, 0.0535714286 * calc(100 * var(--vw, 1vw)), 75px);
    --font-size-h4: clamp(36px, 0.04 * calc(100 * var(--vw, 1vw)), 56px);
    --font-size-h5: clamp(28px, 0.025 * calc(100 * var(--vw, 1vw)), 35px);
    --font-size-h6: clamp(20px, 0.0185714286 * calc(100 * var(--vw, 1vw)), 26px)
}

.c-heading.-display {
   
    line-height: .775;
    letter-spacing: -0.01em
}

.c-heading.-serif {
   
    line-height: .68;
    font-weight: 300;
    letter-spacing: -0.02em
}

.c-heading.-ultra-huge {
    text-transform: uppercase;
    font-size: var(--font-size-ultra-huge)
}

.c-heading.-huge {
    text-transform: uppercase;
    font-size: var(--font-size-huge)
}

.c-heading.-h1 {
    text-transform: uppercase;
    font-size: var(--font-size-h1)
}

.c-heading.-h2 {
    text-transform: uppercase;
    font-size: var(--font-size-h2)
}

.c-heading.-h3 {
    text-transform: uppercase;
    font-size: var(--font-size-h3)
}

.c-heading.-h4 {
    /* text-transform: uppercase; */
    font-size: var(--font-size-h4);
    line-height: 1
}

.c-heading.-h5 {
    text-transform: uppercase;
    font-size: var(--font-size-h5)
}

.c-heading.-h5.-serif {
    line-height: 1
}

.c-heading.-h6 {
    text-transform: uppercase;
    font-size: var(--font-size-h6)
}

.c-button {
    padding: 1rem 1.3333333333rem;
    background-color: #d3d3d3
}

.c-button:focus,
.c-button:hover {
    background-color: #a9a9a9
}

.c-form_item {
    position: relative;
    margin-bottom: 2rem
}

.c-form_label,
.c-form_checkboxLabel,
.c-form_radioLabel {
    display: block;
    margin-bottom: .6666666667rem
}

.c-form_input,
.c-form_textarea,
.c-form_select_input {
    padding: .6666666667rem;
    border: 1px solid #d3d3d3;
    background-color: #fff
}

.c-form_input:hover,
.c-form_textarea:hover,
.c-form_select_input:hover {
    border-color: #a9a9a9
}

.c-form_input:focus,
.c-form_textarea:focus,
.c-form_select_input:focus {
    border-color: dimgray
}

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

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

.c-form_checkboxLabel,
.c-form_radioLabel {
    position: relative;
    display: inline-block;
    margin-right: .6666666667rem;
    margin-bottom: 0;
    padding-left: 1.8666666667rem;
    cursor: pointer
}

.c-form_checkboxLabel::before,
.c-form_radioLabel::before,
.c-form_checkboxLabel::after,
.c-form_radioLabel::after {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    margin-top: -0.6rem;
    padding: 0;
    width: 1.2rem;
    height: 1.2rem;
    content: ""
}

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

.c-form_checkboxLabel::after,
.c-form_radioLabel::after {
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2210.5%22%20viewBox%3D%220%200%2013%2010.5%22%20enable-background%3D%22new%200%200%2013%2010.5%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M4.8%205.8L2.4%203.3%200%205.7l4.8%204.8L13%202.4c0%200-2.4-2.4-2.4-2.4L4.8%205.8z%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-size: .8rem;
    background-repeat: no-repeat;
    opacity: 0
}

.c-form_checkboxLabel:hover::before,
.c-form_radioLabel:hover::before {
    border-color: #a9a9a9
}

.c-form_checkbox:focus+.c-form_checkboxLabel::before,
.c-form_radio:focus+.c-form_checkboxLabel::before,
.c-form_checkbox:focus+.c-form_radioLabel::before,
.c-form_radio:focus+.c-form_radioLabel::before {
    border-color: dimgray
}

.c-form_checkbox:checked+.c-form_checkboxLabel::after,
.c-form_radio:checked+.c-form_checkboxLabel::after,
.c-form_checkbox:checked+.c-form_radioLabel::after,
.c-form_radio:checked+.c-form_radioLabel::after {
    opacity: 1
}

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

.c-form_radioLabel::before,
.c-form_radioLabel::after {
    border-radius: 50%
}

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

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

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

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

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

.c-text.-small {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body);
    font-size: 12px
}

.c-text.-md {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body);
    font-size: 20px
}

.c-text.-weight-medium {
    font-weight: 500
}

.c-text.-weight-bold {
    font-weight: 700
}

.c-text.-label {
    font-weight: 700;
    text-transform: uppercase;
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body);
    font-size: 20px
}

.c-text.-label-sm {
    font-weight: 700;
    text-transform: uppercase;
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body);
    font-size: 12px
}

.c-footer {
    background-color: #1d2120;
    color: white;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    padding: calc(var(--grid-gutter) * 1);
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop))) * 1);
    padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1)
}

.c-footer_title {
    font-size: var(--font-size-h4);
    line-height: 1;
    font-family: "Sohne Schmal", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: .775;
    letter-spacing: -0.01em;
    text-transform: uppercase
}

@media(min-width: 700px) {
    .c-footer_title {
        font-size: var(--font-size-h3)
    }
}

.c-footer_contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 85%
}

@media(min-width: 1000px) {
    .c-footer_contact {
        max-width: 800px
    }
}

.c-footer_contact_topic {
    text-transform: uppercase;
    font-weight: 600;
    max-width: 180px;
    text-align: center;
    margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    font-size: 12px
}

@media(min-width: 700px) {
    .c-footer_contact_topic {
        max-width: 205px
    }
}

.c-footer_contact a {
    text-decoration: underline
}

@media(min-width: 1000px) {
    .c-footer_contact a {
        font-size: 20px
    }
}

.c-footer_contact_choices {
    display: flex;
    flex-direction: column;
    width: 65vw;
    margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1)
}

@media(min-width: 700px) {
    .c-footer_contact_choices {
        flex-direction: row;
        width: 100%
    }
}

.c-footer_cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

@media(min-width: 1000px) {
    .c-footer_cta {
        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-footer_cta_title {
    line-height: 1 !important
}

.c-footer_cta_link {
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    padding: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    width: 100%;
    border: 1px solid white;
    color: white;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: border .1s linear !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.c-footer_cta_link:hover {
    border-color: #1d2120
}

@media(min-width: 700px) {
    .c-footer_cta_link {
        padding: calc(calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)*1.5) calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
        padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1 * 0.7);
        padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1 * 0.7)
    }

    .-active .c-footer_cta_link {
        border-color: #1d2120
    }
}

.c-footer_cta_link span {
    position: relative;
    z-index: 2
}

.c-footer_contact_choices_el_inner {
    display: inline-block;
    position: relative;
    z-index: 3;
    line-height: 1;
    pointer-events: none;
    transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1), transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-footer_contact_choices_el:hover .c-footer_contact_choices_el_inner {
    opacity: .25;
    transform: translateY(15px)
}

.c-footer_contact_choices_el_inner span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(0deg) translate3d(0, 0, 0);
    transition-delay: .2s !important;
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.c-footer_contact_choices_el:hover .c-footer_contact_choices_el_inner span {
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%);
    transition-delay: .2s !important;
    transition-duration: 0s
}

.c-footer_contact_choices_el_inner.o-icon {
    margin-left: 5px;
    vertical-align: text-bottom
}

.c-footer_contact_choices_el {
    padding: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    width: 100%;
    border: 1px solid white;
    color: white;
    transition: border .15s;
    cursor: pointer;
    background: none;
    position: relative;
    clip-path: inset(0px)
}

.c-footer_contact_choices_el.-active {
    border: none;
    clip-path: inset(-0.25px)
}

.c-footer_contact_choices_el:nth-of-type(1),
.c-footer_contact_choices_el:nth-of-type(2) {
    border-bottom: 1px solid #1d2120
}

@media(min-width: 700px) {

    .c-footer_contact_choices_el:nth-of-type(1),
    .c-footer_contact_choices_el:nth-of-type(2) {
        border-bottom-color: white;
        border-right: none
    }

    .c-footer_contact_choices_el:nth-of-type(1).-active,
    .c-footer_contact_choices_el:nth-of-type(2).-active {
        border-bottom: none
    }
}

@media(min-width: 700px) {
    .c-footer_contact_choices_el {
        padding: calc(calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)*1.5) calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
    }

    .-active .c-footer_contact_choices_el {
        border: none
    }

    .-active .c-footer_contact_choices_el:nth-of-type(1) {
        border-right: none
    }

    .-active .c-footer_contact_choices_el:nth-of-type(2) {
        border-right: none
    }
}

@media(max-width: 699px) {
    .c-footer_contact_choices_el:nth-of-type(1).-active+.c-footer_contact_choices_el:nth-of-type(2) {
        border-top: none
    }
}

@media(min-width: 700px) {
    .c-footer_contact_choices_el:nth-of-type(1).-active+.c-footer_contact_choices_el:nth-of-type(2) {
        border-left-color: #1d2120
    }
}

@media(max-width: 699px) {
    .c-footer_contact_choices_el:nth-of-type(2).-active+.c-footer_contact_choices_el:nth-of-type(3) {
        border-top: none
    }
}

@media(min-width: 700px) {
    .c-footer_contact_choices_el:nth-of-type(2).-active+.c-footer_contact_choices_el:nth-of-type(3) {
        border-left-color: #1d2120
    }
}

.c-footer_contact_choices_el_bg {
    display: inline-block;
    position: absolute;
    left: -20%;
    top: 0;
    background-color: #fff;
    z-index: 10;
    height: 115%;
    width: 130%;
    transform: translateY(-120%) rotate(-5deg);
    transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    pointer-events: none
}

.c-footer_contact_choices_el:hover .c-footer_contact_choices_el_bg {
    transform: translateY(-1px) rotate(0deg)
}

.c-footer_contact_choices_el_bg_content {
    color: #1d2120;
    z-index: 11;
    position: absolute;
    pointer-events: none;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    line-height: 1;
    clip-path: inset(0 0 100% 0);
    transition: clip-path .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 100%
}

.c-footer_contact_choices_el:hover .c-footer_contact_choices_el_bg_content {
    clip-path: inset(0 0 0 0)
}

.c-footer_contact_choices_el_bg_content span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.c-footer_contact_choices_el:hover .c-footer_contact_choices_el_bg_content span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.c-footer_contact_copy_mobile,
.c-footer_contact_copy {
    width: 60px;
    height: 60px;
    background-color: #dffe40;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1);
    color: #1d2120;
    line-height: 1.1;
    transition: opacity .33s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media(min-width: 700px) {

    .c-footer_contact_copy_mobile,
    .c-footer_contact_copy {
        margin-top: 40px;
        opacity: 0;
        transform: scale(0)
    }

    .c-footer_contact_copy_button:hover .c-footer_contact_copy_mobile,
    .c-footer_contact_copy_button:hover .c-footer_contact_copy {
        opacity: 1;
        transform: scale(1)
    }
}

.c-footer_contact_copy p,
.c-footer_contact_copy_mobile p {
    text-transform: uppercase;
    margin: 0px;
    max-width: 50px;
    line-height: 1.1
}

.c-footer_contact_copy_email {
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    clip-path: inset(0px -10% 0px -10%);
    background-color: rgba(0, 0, 0, 0);
    border: none;
    color: white;
    font-size: 20px
}

.c-footer_contact_copy_email_el {
    position: relative;
    white-space: nowrap
}

.c-footer_contact_copy_email_el span:hover {
    text-decoration: underline
}

.c-footer_contact_copy_email_el:nth-of-type(1),
.c-footer_contact_copy_email_el:nth-of-type(2) {
    position: absolute
}

.c-footer_contact_copy {
    display: none;
    width: 80px;
    height: 80px;
    align-self: center;
    font-size: 12px;
    font-weight: 600;
    pointer-events: none;
    position: relative
}

@media(min-width: 700px) {
    .c-footer_contact_copy {
        display: flex;
        position: absolute
    }
}

.c-footer_contact_copy_active {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.c-footer_contact_copy_mobile {
    cursor: pointer;
    font-size: 12px;
    position: relative
}

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

.c-footer_contact_copy_inactive span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%);
    transition-delay: .2s !important
}

.-active .c-footer_contact_copy_inactive span {
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%);
    transition-delay: 0s !important
}

.c-footer_contact_copy_active span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.-active .c-footer_contact_copy_active span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%);
    transition-delay: .2s !important
}

.c-footer_contact_copy_button {
    color: white;
    background-color: #1d2120;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media(min-width: 700px) {
    .c-footer_contact_copy_button {
        margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop))) * 1)
    }
}

.c-footer_section {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1)
}

@media(min-width: 700px) {
    .c-footer_section {
        flex-direction: row;
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
    }
}

@media(min-width: 1000px) {
    .c-footer_section {
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
        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-footer_subscription {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1);
    flex-shrink: 0
}

@media(min-width: 700px) {
    .c-footer_subscription {
        justify-content: space-between;
        margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
        width: 50%
    }
}

.c-footer_subscription p {
    margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop))) * 1);
    max-width: 180px
}

.c-footer_subscription form {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

.c-footer_subscription_form_inner {
    display: flex;
    width: 100%;
    border-bottom: 1px solid white;
    justify-content: space-between;
    padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    font-size: 14px;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

.c-footer_subscription input {
    color: white;
    background-color: #1d2120;
    text-transform: uppercase;
    border: none;
    font-size: 14px;
    width: 100%
}

.c-footer_subscription input::-moz-placeholder {
    color: white
}

.c-footer_subscription input::placeholder {
    color: white
}

.c-footer_subscription input:focus {
    outline: none
}

.c-footer_subscription button {
    color: white;
    background-color: #1d2120;
    border: 1px solid white;
    padding: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1) calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1)
}

@media(min-width: 700px) {
    .c-footer_subscription button {
        padding: calc(calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)*.75) calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
    }
}

.c-footer_links {
    --focus-visible-offset: -8px;
    --focus-visible-color: white;
    width: 100%;
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

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

.c-footer_links button {
    color: white;
    background-color: #1d2120;
    border: none;
    text-transform: uppercase;
    font-size: 20px
}

@media(min-width: 700px) {
    .c-footer_links button {
        font-size: 13px
    }
}

.c-footer_socials {
    text-transform: uppercase;
    display: flex;
    width: 100%;
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1);
    gap: 20px
}

.c-footer_socials.-multiple {
    justify-content: space-between
}

@media(min-width: 700px) {
    .c-footer_socials {
        margin-top: 0px;
        max-width: 320px
    }
}

.c-footer_locations {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1)
}

.c-footer_locations_el {
    width: 50%
}

.c-footer_locations div {
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1)
}

@media(min-width: 700px) {
    .c-footer_locations div {
        margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
    }
}

.c-footer_contacts {
    width: 100%
}

@media(min-width: 1000px) {
    .c-footer_contacts {
        max-width: 500px
    }
}

.c-footer_copyright {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    text-transform: uppercase
}

@media(min-width: 700px) {
    .c-footer_copyright {
        flex-direction: row-reverse;
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
    }
}

@media(min-width: 1000px) {
    .c-footer_copyright {
        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-footer_copyright a {
    text-decoration: none
}

.c-footer_copyright a:hover {
    text-decoration: underline
}

.c-footer_copyright div {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media(min-width: 700px) {
    .c-footer_copyright div {
        flex-direction: row;
        justify-content: space-between
    }
}

@media(min-width: 1000px) {
    .c-footer_copyright div {
        max-width: 500px
    }
}

.c-footer_subscription_button {
    cursor: pointer;
    position: relative;
    clip-path: inset(0px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    transition: border .75s linear
}

.c-footer_subscription_button:hover {
    border-color: rgba(0, 0, 0, 0)
}

.c-footer_subscription_button_inner {
    position: relative;
    clip-path: inset(0px);
    pointer-events: none;
    z-index: 3
}

.c-footer_subscription_button_active,
.c-footer_subscription_button_inactive {
    display: inline-block;
    pointer-events: none
}

.c-footer_subscription_button_inactive {
    transform: translateY(0%) rotate(0deg);
    transition: transform .4s cubic-bezier(0.25, 1, 0.5, 1), opacity .4s cubic-bezier(0.25, 1, 0.5, 1);
    transition-delay: .2s;
    opacity: 1
}

.c-footer_subscription_button:hover .c-footer_subscription_button_inactive {
    transform: translateY(100%);
    transition-delay: 0s;
    opacity: .25
}

.c-footer_subscription_button_active {
    top: 0;
    left: 0;
    position: absolute;
    transform: translateY(-100%);
    transition: transform .4s cubic-bezier(0.25, 1, 0.5, 1)
}

.c-footer_subscription_button:hover .c-footer_subscription_button_active {
    transition: transform .4s cubic-bezier(0.25, 1, 0.5, 1);
    transform: translateY(0%) rotate(0deg);
    transition-delay: .2s !important
}

.c-footer_subscription_button_bg_black {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #1d2120
}

.c-footer_subscription_button_bg {
    display: inline-block;
    position: absolute;
    left: -10%;
    top: 0;
    background-color: #dffe40;
    transform: translateY(-135%) rotate(-2.5deg);
    width: 120%;
    height: 100%;
    transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    pointer-events: none;
    transition-delay: .1s;
    z-index: 2
}

.c-footer_subscription_button:hover .c-footer_subscription_button_bg {
    transform: translateY(0%) rotate(0deg);
    transition-delay: 0s !important
}

.c-footer_link {
    width: 100px;
    height: 100px;
    font-size: 12px;
    text-decoration: none;
    position: relative;
    border: 1px solid white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: inset(0px round 50%);
    transition: border .5s linear, clip-path .5s linear
}

.c-footer_link:hover {
    border-color: rgba(0, 0, 0, 0);
    clip-path: inset(2px round 50%)
}

.c-footer_link_inner {
    position: relative;
    clip-path: inset(0px);
    pointer-events: none;
    z-index: 3
}

.c-footer_link_inactive {
    transform: translateY(0%) rotate(0deg);
    transition: transform .4s cubic-bezier(0.25, 1, 0.5, 1), opacity .4s cubic-bezier(0.25, 1, 0.5, 1);
    transition-delay: .2s;
    opacity: 1;
    display: inline-block;
    pointer-events: none
}

.c-footer_link:hover .c-footer_link_inactive {
    transform: translateY(100%);
    transition-delay: 0s;
    opacity: .25
}

.c-footer_link_active {
    top: 0;
    left: 0;
    position: absolute;
    transform: translateY(-100%);
    transition: transform .4s cubic-bezier(0.25, 1, 0.5, 1);
    display: inline-block;
    pointer-events: none
}

.c-footer_link:hover .c-footer_link_active {
    transition: transform .4s cubic-bezier(0.25, 1, 0.5, 1);
    transform: translateY(0%) rotate(0deg);
    transition-delay: .2s !important
}

.c-footer_link_bg {
    display: inline-block;
    position: absolute;
    left: -10%;
    top: 0;
    background-color: #dffe40;
    transform: translateY(-135%) rotate(-2.5deg);
    width: 120%;
    height: 100%;
    transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    pointer-events: none;
    transition-delay: .1s;
    z-index: 2
}

.c-footer_link:hover .c-footer_link_bg {
    transform: translateY(0%) rotate(0deg);
    transition-delay: 0s !important
}

.c-home-hero {
    position: relative;
    min-height: 100vh;
    background-color: #1d2120;
    color: white;
    clip-path: inset(0);
    --initial-video-size: 90vw;
    padding-top: 50px
}

@media(min-width: 525px) {
    .c-home-hero {
        --initial-video-size: 50vw
    }
}

@media(min-width: 700px) {
    .c-home-hero {
        --initial-video-size: 220px
    }
}

@media(min-width: 1200px) {
    .c-home-hero {
        --initial-video-size: 280px
    }
}

@media(min-width: 1000px) {
    .c-home-hero {
        height: 160vh;
        padding-top: 0px
    }
}

.c-home-hero_title {
    --angle: 3.5deg;
    --scroll: calc(--progress * 100%);
    line-height: .8 !important
}

.c-home-hero_title:nth-of-type(1) span {
    transform: rotate(var(--angle)) translate3d(0, 100%, 0);
    clip-path: polygon(0% -120%, 100% -120%, 100% -20%, 0% -20%)
}

html.is-ready .c-home-hero.is-inview .c-home-hero_title:nth-of-type(1) span {
    transition: clip-path 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -20%, 100% -20%, 100% 100%, 0% 100%)
}

.c-home-hero_title:nth-of-type(1) span:nth-of-type(1),
.c-home-hero_title:nth-of-type(1) span:nth-of-type(2),
.c-home-hero_title:nth-of-type(1) span:nth-of-type(3) {
    transition-delay: .2s !important
}

.c-home-hero_title:nth-of-type(1) span:last-of-type {
    transition-delay: 0s !important
}

.c-home-hero_title:nth-of-type(2) {
    line-height: .78 !important
}

.c-home-hero_title:nth-of-type(2) span {
    transform: rotate(calc(var(--angle) * -1)) translate3d(0, -100%, 0);
    clip-path: polygon(0% 120%, 100% 120%, 100% 220%, 0% 220%)
}

html.is-ready .c-home-hero.is-inview .c-home-hero_title:nth-of-type(2) span {
    transition: clip-path 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}

.c-home-hero_title:nth-of-type(2) span:nth-of-type(2) {
    transition-delay: .2s !important
}

@media(min-width: 1400px) {
    .c-home-hero_description div {
        max-width: 200px
    }
}

.c-home-hero_description_placeholder {
    opacity: 1;
    width: 100%;
    height: 100%
}

.c-home-hero_inner {
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    justify-content: center;
    padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    align-items: center
}

@media(min-width: 700px)and (max-height: 850px) {
    .c-home-hero_inner {
        position: relative;
        transform: translateY(0px);
        overflow: hidden
    }
}

@media(min-width: 1000px) {
    .c-home-hero_inner {
        position: relative;
        transform: translateY(0px);
        padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1);
        overflow: hidden
    }
}

.c-home-hero_wrapper {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%
}

.c-home-hero_sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    width: 100%;
    overflow: hidden
}

.c-home-hero_heading {
    font-size: 20vw;
    text-transform: uppercase;
    text-align: center
}

@media(max-height: 700px) {
    .c-home-hero_heading {
        font-size: 18vw
    }
}

@media(min-width: 525px) {
    .c-home-hero_heading {
        font-size: var(--font-size-huge);
        max-width: 90vw
    }
}

@media(min-width: 700px)and (min-height: 850px) {
    .c-home-hero_heading {
        font-size: 18vw;
        max-width: 95vw
    }
}

@media(min-width: 1400px) {
    .c-home-hero_heading {
        font-size: var(--font-size-ultra-huge);
        max-width: 1500px;
        transform: translateY(35px)
    }
}

@media(min-width: 700px)and (max-height: 850px) {
    .c-home-hero_heading {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%)
    }
}

@media(min-width: 1200px)and (max-height: 850px) {
    .c-home-hero_heading {
        font-size: 12vw;
        max-width: 70vw
    }
}

@media(min-width: 1400px)and (min-height: 1250px) {
    .c-home-hero_heading {
        font-size: 17.5vw;
        max-width: 80vw
    }
}

@media(min-width: 1800px)and (min-height: 1250px) {
    .c-home-hero_heading {
        font-size: 13.5vw
    }
}

@media(min-width: 2000px)and (min-height: 1250px) {
    .c-home-hero_heading {
        font-size: 280px;
        max-width: 1500px
    }
}

.c-home-hero_description,
.c-home-hero_description_placeholder {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    align-items: center;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    max-width: 1500px
}

@media((min-width: 700px) and (max-height: 850px))or (min-width: 1000px) {

    .c-home-hero_description,
    .c-home-hero_description_placeholder {
        flex-direction: row;
        align-items: flex-end;
        width: 100%;
        justify-content: space-between;
        padding-left: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
        padding-right: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
    }
}

@media(min-width: 1000px) {

    .c-home-hero_description,
    .c-home-hero_description_placeholder {
        position: absolute;
        height: 100%;
        padding-bottom: calc(var(--grid-gutter) * 1)
    }
}

@media(min-width: 1600px) {

    .c-home-hero_description,
    .c-home-hero_description_placeholder {
        max-width: 2000px
    }
}

.c-home-hero-secondary-text {
    max-width: 200px;
    text-align: center;
    line-height: 1.1
}

@media((min-width: 700px) and (max-height: 850px))or (min-width: 1000px) {
    .c-home-hero-secondary-text.-left {
        transform: translateX(calc(var(--progress) * -100px))
    }

    .c-home-hero-secondary-text.-right {
        transform: translateX(calc(var(--progress) * 100px))
    }
}

@media(min-width: 1000px) {
    .c-home-hero-secondary-text {
        max-width: 250px;
        opacity: calc(1 - var(--progress)*1.5)
    }
}

@media(min-width: 1000px) {
    .c-home-hero-secondary-text.-left {
        transform: translateX(calc(var(--progress) * -200px))
    }

    .c-home-hero-secondary-text.-right {
        transform: translateX(calc(var(--progress) * 200px))
    }
}

.c-home-hero_video_container,
.c-home-hero_video_container_placeholder {
    overflow: hidden;
    width: var(--initial-video-size);
    height: calc(var(--initial-video-size)*205/330)
}

@media(min-width: 1000px) {

    .c-home-hero_video_container,
    .c-home-hero_video_container_placeholder {
        width: clamp(var(--initial-video-size), var(--initial-video-size) + (var(--progress) - 0)/(1 - 0)*(100vw - var(--initial-video-size)), 100vw);
        height: clamp(calc(var(--initial-video-size) * 205 / 330), calc(var(--initial-video-size) * 205 / 330) + (var(--progress) - 0)/(1 - 0)*(100vh - calc(var(--initial-video-size) * 205 / 330)), 100vh);
        aspect-ratio: 330/205
    }
}

.c-home-hero_video_container video,
.c-home-hero_video_container_placeholder video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1
}

@media(min-width: 1000px) {

    .c-home-hero_video_container video,
    .c-home-hero_video_container_placeholder video {
        transform: scale(clamp(1, 2 + (var(--progress) - 0) / (1 - 0) * (1 - 2), 2))
    }
}

.c-home-hero_video_container img,
.c-home-hero_video_container_placeholder img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1
}

@media(min-width: 1000px) {

    .c-home-hero_video_container img,
    .c-home-hero_video_container_placeholder img {
        transform: scale(clamp(1, 1.5 + (var(--progress) - 0) / (1 - 0) * (1 - 1.5), 1.5))
    }
}

.c-home-hero-video_wrapper {
    width: 100%;
    height: 100%
}

@media(min-width: 1000px) {
    .c-home-hero-video_wrapper.-mobile {
        display: none
    }
}

.c-home-hero-video_inner {
    height: 100%;
    width: 100%
}

.c-home-hero-video_inner .c-image {
    height: 100%;
    width: 100%
}

@media(min-width: 700px)and (max-height: 850px) {
    .c-home-hero_video_container_placeholder {
        display: none
    }
}

@media(min-width: 1200px) {
    .c-home-hero_video_container_placeholder {
        display: none
    }
}

.c-home-hero_video_container {
    position: absolute;
    bottom: calc(calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1) + 10vw);
    display: none
}

@media(min-width: 1000px) {
    .c-home-hero_video_container {
        display: block;
        bottom: clamp(0px, calc(calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1) + 8vw) + (var(--progress) - 0)/(1 - 0)*(0px - calc(calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1) + 8vw)), calc(calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1) + 8vw))
    }
}

@media(min-width: 1200px) {
    .c-home-hero_video_container {
        bottom: clamp(0px, calc(calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1) + 7vw) + (var(--progress) - 0)/(1 - 0)*(0px - calc(calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1) + 7vw)), calc(calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1) + 7vw))
    }
}

@media(min-width: 700px)and (max-height: 850px) {
    .c-home-hero_video_container {
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%)
    }
}

@media(min-width: 1000px) {
    .c-home-hero_video_container {
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%)
    }
}

.c-home-grid {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff
}

.c-home-grid_header {
    text-align: center;
    font-weight: 300;
    max-width: 1400px;
    padding-top: calc(var(--grid-gutter) * 1);
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    align-items: center;
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1);
    margin: 0 auto
}

.c-home-grid_header_cta .o-cta_container {
    padding-left: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1) !important;
    padding-right: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1) !important
}

.c-home-grid_header_cta {
    position: absolute;
    top: 0
}

.c-home-grid_sticky {
    height: 100vh;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: calc(var(--grid-gutter) * 1);
    box-sizing: border-box;
    position: relative;
    padding-top: 0px;
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1)
}

.c-home-grid_footer {
    position: absolute;
    bottom: calc(var(--grid-gutter) * 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--grid-gutter) * 1)
}

.c-home-grid_title {
    color: #dffe40
}

.c-home-grid_description {
    font-weight: 600 !important;
    text-transform: uppercase;
    max-width: 200px;
    text-align: center
}

.c-home-grid_gallery {
    height: 80%;
    display: grid;
    grid-template-columns: repeat(20, 1fr);
    grid-template-rows: repeat(20, 1fr);
    width: 100%;
    position: relative;
    z-index: 2;
    pointer-events: none
}

@media(min-width: 1000px) {
    .c-home-grid_gallery {
        height: 100%
    }
}

.c-home-grid_gallery_col_item .c-image_inner {
    width: 100%;
    height: 100%
}

.c-home-grid_gallery_col_item .c-image_inner img {
    width: 100%
}

@media(max-width: 999px) {
    .c-home-grid_gallery_col_item:nth-of-type(1) {
        grid-column: 1/7;
        grid-row: 1/5;
        aspect-ratio: 214/135
    }

    .c-home-grid_gallery_col_item:nth-of-type(2) {
        grid-column: 1/6;
        grid-row: 14/21;
        align-self: end;
        aspect-ratio: 216/301
    }

    .c-home-grid_gallery_col_item:nth-of-type(3) {
        grid-column: 7/15;
        grid-row: 8/16;
        aspect-ratio: 1/1
    }

    .c-home-grid_gallery_col_item:nth-of-type(4) {
        grid-column: 16/21;
        grid-row: 1/6;
        aspect-ratio: 214/215
    }

    .c-home-grid_gallery_col_item:nth-of-type(5) {
        grid-column: 13/21;
        grid-row: 15/20;
        align-self: end;
        aspect-ratio: 335/216
    }
}

@media(min-width: 1000px) {
    .c-home-grid_gallery_col_item:nth-of-type(1) {
        grid-column: 1/4;
        grid-row: 1/4;
        aspect-ratio: 214/135
    }

    .c-home-grid_gallery_col_item:nth-of-type(2) {
        grid-column: 1/4;
        grid-row: 16/21;
        align-self: end;
        aspect-ratio: 216/301
    }

    .c-home-grid_gallery_col_item:nth-of-type(3) {
        grid-column: 9/13;
        grid-row: 8/12;
        aspect-ratio: 1/1
    }

    .c-home-grid_gallery_col_item:nth-of-type(4) {
        grid-column: 18/21;
        grid-row: 1/6;
        aspect-ratio: 214/215
    }

    .c-home-grid_gallery_col_item:nth-of-type(5) {
        grid-column: 17/21;
        grid-row: 18/20;
        align-self: end;
        aspect-ratio: 335/216
    }
}

.c-home-poster {
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-color: #1d2120
}

@media(min-width: 1200px) {
    .c-home-poster {
        height: 125vh
    }
}

.-hero {
    height: 100vh;
    padding-top: 40px
}

@media(min-width: 700px) {
    .-hero {
        height: 125vh;
        min-height: 1000px
    }
}

.c-home-poster_image_container {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0
}

.-hero .c-home-poster_image_container {
    opacity: 0;
    transition: opacity .5s linear
}

.is-inview .c-home-poster_image_container {
    opacity: 1
}

.c-home-poster_image_container .c-image_inner {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.c-home-poster .c-image_inner img {
    width: 100%;
    height: 110%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 1000px) {
    .c-home-poster .c-image_inner img {
        transform: translateY(clamp(-10%, -10% + (var(--progress) - 0) / (1 - 0) * (10% - -10%), 10%))
    }
}

.c-home-poster_grid {
    position: relative;
    z-index: 2;
    padding: calc(var(--grid-gutter) * 1);
    height: 100%
}

.c-home-poster_title {
    height: 100%;
    font-size: var(--font-size-huge);
    color: #dffe40;
    text-transform: uppercase;
    display: grid;
    box-sizing: border-box;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(12, 1fr)
}

.-hero .c-home-poster_title {
    font-size: var(--font-size-h1)
}

@media(max-width: 699px) {
    .c-home-poster_title {
        font-size: calc(22.5vw + .5vh)
    }
}

@media(min-width: 700px) {
    .-hero .c-home-poster_title {
        font-size: 20.5vw
    }
}

@media(min-width: 1200px) {
    .c-home-poster_title {
        font-size: var(--font-size-ultra-huge)
    }

    .-hero .c-home-poster_title {
        font-size: var(--font-size-huge)
    }
}

@media(min-width: 1600px) {
    .c-home-poster_title {
        font-size: var(--font-size-ultra-huge)
    }
}

@media(min-width: 700px)and (max-height: 850px) {
    .c-home-poster_title {
        font-size: 180px
    }
}

@media(min-width: 700px)and (max-height: 650px) {
    .c-home-poster_title {
        font-size: 100px
    }
}

.c-home-poster_title_item:nth-of-type(1) {
    grid-column: 1/12;
    grid-row: 1/4
}

.c-home-poster_title_item:nth-of-type(2) {
    grid-column: 6/13;
    grid-row: 5/9
}

.-hero .c-home-poster_title_item:nth-of-type(2) {
    grid-column: 1/7;
    grid-row: 12/12;
    align-content: end
}

@media(min-width: 700px) {
    .-hero .c-home-poster_title_item:nth-of-type(2) {
        grid-column: 1/7
    }
}

@media(min-width: 1200px) {
    .-hero .c-home-poster_title_item:nth-of-type(2) {
        grid-column: 1/7
    }
}

@media(min-width: 700px) {
    .c-home-poster_title_item:nth-of-type(2) {
        grid-column: 9/13;
        grid-row: 10/11
    }
}

.c-home-poster_title_item:nth-of-type(3) {
    grid-column: 1/7;
    grid-row: 11/13;
    align-self: end
}

.-hero .c-home-poster_title_item:nth-of-type(3) {
    grid-column: 1/7
}

.-hero .c-home-poster_title_item:nth-of-type(3) span:nth-of-type(1),
.-hero .c-home-poster_title_item:nth-of-type(3) span:nth-of-type(2),
.-hero .c-home-poster_title_item:nth-of-type(3) span:nth-of-type(3) {
    left: 40vw
}

@media(min-width: 700px) {

    .-hero .c-home-poster_title_item:nth-of-type(3) span:nth-of-type(1),
    .-hero .c-home-poster_title_item:nth-of-type(3) span:nth-of-type(2),
    .-hero .c-home-poster_title_item:nth-of-type(3) span:nth-of-type(3) {
        left: 50px
    }
}

@media(min-width: 1200px) {

    .-hero .c-home-poster_title_item:nth-of-type(3) span:nth-of-type(1),
    .-hero .c-home-poster_title_item:nth-of-type(3) span:nth-of-type(2),
    .-hero .c-home-poster_title_item:nth-of-type(3) span:nth-of-type(3) {
        left: 20vw
    }
}

.c-home-poster_description {
    padding: calc(var(--grid-gutter) * 1);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 600;
    text-transform: uppercase;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(12, 1fr);
    color: #dffe40
}

.c-home-poster_description_item {
    display: none
}

.c-home-poster_description_item:nth-of-type(1) {
    grid-column: 9/11;
    grid-row: 1/3
}

.c-home-poster_description_item:nth-of-type(2) {
    grid-column: 1/3;
    grid-row: 7/9
}

.c-home-poster_description_item:nth-of-type(3) {
    grid-column: 9/11;
    grid-row: 12/12;
    align-self: end
}

.-hero .c-home-poster_description_item:nth-of-type(3) {
    grid-column: 9/11;
    grid-row: 7/9;
    align-self: unset
}

@media(min-width: 1200px) {
    .c-home-poster_description_item {
        display: block
    }
}

.c-block-cta {
    display: flex;
    flex-direction: column;
    width: 100%;
    clip-path: inset(0px);
    overflow: hidden
}

@media(min-width: 700px) {
    .c-block-cta {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(12, 1fr);
        min-height: 800px
    }
}

.c-block-cta_images {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
    height: 100%
}

.c-block-cta.-juxtaposed .c-block-cta_images {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

@media(min-width: 700px) {
    .c-block-cta.-juxtaposed .c-block-cta_images {
        flex-direction: row;
        grid-column: 1/7
    }
}

@media(min-width: 1200px) {
    .c-block-cta.-juxtaposed .c-block-cta_images {
        grid-column: 1/7
    }
}

@media(min-width: 700px) {
    .c-block-cta.-reversed .c-block-cta_images {
        flex-direction: row-reverse;
        grid-column: 7/13;
        grid-template-columns: repeat(7, 1fr);
        grid-template-rows: repeat(7, 1fr)
    }
}

@media(min-width: 700px) {
    .c-block-cta_images {
        grid-column: 1/9;
        grid-row: 1/13;
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(8, 1fr)
    }
}

.c-block-cta_image_container span {
    display: none
}

@media(min-width: 700px) {
    .c-block-cta_image_container span {
        display: block;
        color: #dffe40;
        position: absolute;
        z-index: 2;
        text-align: center;
        right: 0px;
        top: 30%;
        transform: translateX(65%);
        font-size: 35px !important
    }

    .c-block-cta.-juxtaposed .c-block-cta_image_container span {
        top: 25%
    }

    .c-block-cta.-reversed .c-block-cta_image_container span {
        left: 0px;
        right: unset;
        transform: translateX(-65%)
    }
}

.c-block-cta_image_container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    grid-column: 1/5;
    grid-row: 1/12;
    flex-grow: 1
}

.c-block-cta.-juxtaposed .c-block-cta_image_container {
    width: 100%;
    height: 35vh;
    min-height: 400px;
    height: 120%
}

.c-block-cta.-reversed .c-block-cta_image_container {
    grid-column: 1/8
}

@media(min-width: 700px) {
    .c-block-cta_image_container {
        height: 100%;
        grid-column: 1/7
    }
}

.c-block-cta_main_image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.c-block-cta_secondary_image {
    grid-column: 5/7;
    grid-row: 1/12;
    margin-left: calc(var(--grid-gutter) * 1);
    margin-right: calc(var(--grid-gutter) * 1);
    max-width: 100px;
    aspect-ratio: 98/135
}

.c-block-cta.-juxtaposed .c-block-cta_secondary_image {
    aspect-ratio: 217/135;
    width: 30vw;
    max-width: 200px;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

@media(min-width: 700px) {
    .c-block-cta.-juxtaposed .c-block-cta_secondary_image {
        transform: translateY(0%) translateX(50%);
        max-width: 200px;
        top: unset;
        left: unset;
        right: 0px;
        margin: 0px;
        transform: translateY(clamp(-125px, -125px + (var(--progress) - 0) / (1 - 0) * (125px - -125px), 125px)) translateX(50%)
    }
}

.c-block-cta.-reversed:not(.-juxtaposed) .c-block-cta_secondary_image {
    transform: translateX(0%)
}

@media(min-width: 700px) {
    .c-block-cta.-reversed .c-block-cta_secondary_image {
        transform: translateY(0) translateX(50%);
        margin-left: 0px;
        margin-right: calc(var(--grid-gutter) * 1);
        grid-column: 1/2
    }
}

@media(min-width: 700px) {
    .c-block-cta.-reversed.-juxtaposed .c-block-cta_secondary_image {
        margin-left: 0px;
        margin-right: calc(var(--grid-gutter) * 1);
        grid-column: 1/2;
        transform: translateY(clamp(-125px, -125px + (var(--progress) - 0) / (1 - 0) * (125px - -125px), 125px)) translateX(-50%);
        left: 0
    }
}

@media(min-width: 700px) {
    .c-block-cta_secondary_image {
        width: 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));
        grid-column: 7/9;
        margin-right: 0px
    }
}

.c-block-cta_texts {
    display: flex;
    flex-direction: column;
    padding: calc(var(--grid-gutter) * 1);
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1)
}

@media(min-width: 700px) {
    .c-block-cta_texts {
        grid-column: 9/12;
        grid-row: 1/12;
        padding: 0px;
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
        align-self: center
    }

    .c-block-cta.-reversed .c-block-cta_texts {
        grid-column: 1/5;
        margin-right: 0px;
        margin-left: calc(var(--grid-gutter) * 1)
    }
}

@media(min-width: 1400px) {
    .c-block-cta_texts {
        grid-column: 9/11
    }

    .c-block-cta.-reversed .c-block-cta_texts {
        grid-column: 2/5
    }
}

.c-block-cta_subtitle {
    display: flex;
    justify-content: space-between;
    max-width: 50vw
}

.c-block-cta_subtitle span {
    color: #dffe40
}

@media(min-width: 700px) {
    .c-block-cta_subtitle span {
        display: none
    }
}

.c-block-cta_title {
    max-width: 80vw
}

.c-block-cta_description {
    max-width: 17.3333333333rem
}

.c-block-cta_content {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1)
}

.c-block-cta_cta {
    display: inline-block
}

.c-brands {
    padding: calc(var(--grid-gutter) * 1) !important;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    -moz-column-gap: var(--grid-gutter);
    column-gap: var(--grid-gutter)
}

@media(min-width: 700px) {
    .c-brands {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(min-width: 1200px) {
    .c-brands {
        row-gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1)
    }
}

.c-brands-item {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.c-brands-item_header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1);
    position: relative
}

.c-brands-item_header::before {
    content: "";
    width: 100%;
    transform-origin: right;
    height: 1px;
    background-color: #1d2120;
    position: absolute;
    top: 0
}

.c-brands-item_header p {
    line-height: 1 !important
}

.c-brands-item-header_select {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #dffe40;
    transform: scale(0)
}

.c-brands.is-inview .c-brands-item-header_select {
    transform: scale(1);
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-brands-item.-i-0 .c-brands-item-header_select {
    transition-delay: 0s
}

.c-brands-item.-i-1 .c-brands-item-header_select {
    transition-delay: .1s
}

.c-brands-item.-i-2 .c-brands-item-header_select {
    transition-delay: .2s
}

.c-brands-item.-i-3 .c-brands-item-header_select {
    transition-delay: .3s
}

.c-brands-item.-i-4 .c-brands-item-header_select {
    transition-delay: .4s
}

.c-brands-item.-i-5 .c-brands-item-header_select {
    transition-delay: .5s
}

.c-brands-item.-i-6 .c-brands-item-header_select {
    transition-delay: .6s
}

.c-brands-item.-i-7 .c-brands-item-header_select {
    transition-delay: .7s
}

.c-brands-item.-i-8 .c-brands-item-header_select {
    transition-delay: .8s
}

.c-brands-item.-i-9 .c-brands-item-header_select {
    transition-delay: .9s
}

.c-brands-item.-i-10 .c-brands-item-header_select {
    transition-delay: 1s
}

.c-brands-item.-i-11 .c-brands-item-header_select {
    transition-delay: 1.1s
}

.c-brands-item.-i-12 .c-brands-item-header_select {
    transition-delay: 1.2s
}

.c-brands-item.-i-13 .c-brands-item-header_select {
    transition-delay: 1.3s
}

.c-brands-item.-i-14 .c-brands-item-header_select {
    transition-delay: 1.4s
}

.c-brands-item.-i-15 .c-brands-item-header_select {
    transition-delay: 1.5s
}

.c-brands-item.-i-16 .c-brands-item-header_select {
    transition-delay: 1.6s
}

.c-brands-item.-i-17 .c-brands-item-header_select {
    transition-delay: 1.7s
}

.c-brands-item.-i-18 .c-brands-item-header_select {
    transition-delay: 1.8s
}

.c-brands-item.-i-19 .c-brands-item-header_select {
    transition-delay: 1.9s
}

.c-brands-item.-i-20 .c-brands-item-header_select {
    transition-delay: 2s
}

.c-brands-item_image_wrapper {
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center
}

@media(min-width: 700px) {
    .c-brands-item_image_wrapper {
        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))
    }
}

@media(min-width: 1200px) {
    .c-brands-item_image_wrapper {
        width: calc(0.125*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.125)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px))
    }
}

@media(min-width: 1400px) {
    .c-stacking_list {
        position: relative;
        width: 100%;
        height: calc(var(--total-height))
    }
}

@media(max-width: 1399px) {
    .c-stacking_item:not(.-no-restrict) {
        display: none
    }

    .c-stacking_item:not(.-no-restrict):nth-of-type(1),
    .c-stacking_item:not(.-no-restrict):nth-of-type(2),
    .c-stacking_item:not(.-no-restrict):nth-of-type(3),
    .c-stacking_item:not(.-no-restrict):nth-of-type(4) {
        display: list-item
    }
}

@media(max-width: 1399px) {
    .c-stacking_item {
        position: relative
    }
}

@media(min-width: 1400px) {
    .c-stacking_item {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }
}

@media(min-width: 1400px) {
    .c-stacking_area {
        height: calc(var(--area-height))
    }
}

@media(min-width: 1400px) {
    .c-stacking_element.-sticky {
        position: sticky;
        top: calc(var(--position-top) + var(--negative-offset, 0px)*var(--progress) + var(--negative-extra-offset, 0px) + var(--smallList-padding));
        left: 0
    }
}

.c-stacking_trigger {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden
}

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

.c-stacking:hover .c-stacking-cursor {
    opacity: 1
}

.c-stacking-card {
    background-color: #fff
}

.c-stacking-card_container {
    flex-direction: column;
    border-top: 1px solid #1d2120;
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1);
    padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1);
    position: relative;
    z-index: 5
}

@media(min-width: 1000px) {
    .c-stacking-card_container {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: calc(var(--grid-gutter) * 1);
        padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
        padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
    }
}

.c-stacking-card_header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(var(--grid-gutter) * 1)
}

@media(min-width: 1000px) {
    .c-stacking-card_header {
        grid-column: 2/5;
        justify-content: flex-start
    }
}

.c-stacking-card_image_container {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 50%;
    height: 100%
}

@media(min-width: 1000px) {
    .c-stacking-card_image_container {
        aspect-ratio: 217/340;
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
        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))
    }

    .-large .c-stacking-card_image_container {
        width: 25vw;
        max-width: 300px
    }
}

.c-stacking-card_image_container .c-image {
    transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    height: 100%;
    width: 100%
}

.c-stacking-card:hover .c-stacking-card_image_container .c-image {
    transform: scale(1.1)
}

.c-stacking-card_header p {
    font-weight: 600 !important;
    color: #dffe40;
    font-size: 20px !important;
    position: relative;
    transform: translateY(5px);
    line-height: 1 !important
}

.c-stacking-card_tags {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1)
}

@media(min-width: 1000px) {
    .c-stacking-card_tags {
        margin-top: 0px
    }
}

.c-stacking-card_content {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 104.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    width: 100%;
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

html:not(.is-webkit) .c-stacking-card_content {
    text-wrap: balance
}

@media(min-width: 1000px) {
    .c-stacking-card_content {
        margin-top: 0px;
        justify-content: space-between;
      
        grid-column: 5/12
    }
}

.c-stacking-card_content .c-heading {
    max-width: 85%
}

@media(min-width: 1000px) {
    .c-stacking-card_content .c-heading {
        max-width: none
    }
}

.c-stacking-card_buttons {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1);
    align-items: flex-start
}

@media(min-width: 1000px) {
    .c-stacking-card_buttons {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end
    }
}

.c-cards {
    position: relative;
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1);
    clip-path: inset(-300px 0 -300px 0)
}

.c-cards_item {
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1);
    padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    border-top: 1px solid #1d2120;
    width: 100%;
    display: block;
    cursor: pointer
}

.c-cards_item:last-of-type {
    border-bottom: 1px solid #1d2120
}

.c-cards_item_inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.c-cards_item_subtitle {
    display: none
}

@media(min-width: 1000px) {
    .c-cards_item_subtitle {
        display: block;
        grid-column: 3/4;
        font-weight: 600 !important;
        color: #dffe40;
        text-transform: uppercase
    }
}

.c-cards_item_title {
    text-transform: uppercase;
    grid-column: 1/13;
    justify-self: center;
    line-height: .9 !important;
    font-size: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform: translateY(-1%)
}

@media(min-width: 1000px) {
    .c-cards_item_title {
        grid-column: 6/8;
        font-size: 100px
    }
}

@media(min-width: 1000px) {
    .c-cards_item_cta {
        grid-column: 10/11;
        font-weight: 600 !important;
        color: #dffe40 !important;
        text-transform: uppercase
    }
}

.c-cards_item_cta span {
    display: none
}

@media(min-width: 1000px) {
    .c-cards_item_cta span {
        display: block
    }
}

.c-cards_cursor {
    width: 65px;
    height: 65px;
    border: 1px solid #dffe40;
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 0;
    transition: opacity .25s cubic-bezier(0.215, 0.61, 0.355, 1);
    pointer-events: none
}

@media(min-width: 1000px) {
    .c-cards_cursor {
        display: flex
    }
}

.c-cards:hover .c-cards_cursor {
    opacity: 1
}

.c-cards_cursor::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #dffe40;
    border-radius: 50%
}

.c-carousel-blockquote {
    position: relative;
    margin-left: calc(var(--grid-gutter) * 1);
    display: flex;
    flex-direction: column
}

.c-carousel-blockquote_tertiary_img {
    display: none
}

@media(min-width: 1000px) {
    .c-carousel-blockquote_tertiary_img {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: flex-end;
        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));
        aspect-ratio: 217/135;
        overflow: hidden;
        margin-right: calc(var(--grid-gutter) * 1)
    }
}

.c-carousel-blockquote_tertiary_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-carousel-blockquote_controls {
    grid-column: 1/3
}

.c-carousel-blockquote_image {
    display: none
}

@media(min-width: 1000px) {
    .c-carousel-blockquote_image {
        display: block;
        width: grid-spacing(0.1666666667);
        aspect-ratio: 216/301
    }
}

.c-carousel-blockquote_image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-carousel-blockquote_item {
    height: 100%
}

@media(min-width: 1000px) {
    .c-carousel-blockquote_item {
        position: absolute;
        left: 150%
    }

    .c-carousel-blockquote_item.is-active {
        left: 0%
    }
}

.c-carousel-blockquote_element {
    border-left: 1px solid #1d2120;
    padding-left: calc(var(--grid-gutter) * 1);
    display: flex;
    flex-direction: column-reverse;
    width: 100%
}

@media(min-width: 1000px) {
    .c-carousel-blockquote_element {
        border-left: 0px;
        padding-left: 0px;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        height: 100%
    }
}

.c-carousel-blockquote_tile {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1);
    margin: 0px;
    justify-content: space-between;
    padding-right: calc(var(--grid-gutter) * 1)
}

@media(min-width: 1000px) {
    .c-carousel-blockquote_tile {
        height: var(--slide-height);
        padding-left: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1) !important;
        padding-right: calc(calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)*2)
    }
}

.c-attachment.-article .c-carousel-blockquote_tile {
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    margin: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop)))*1) 0;
    padding: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1) 0 calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop)))*1) 0 !important
}

@media(min-width: 1200px) {
    .c-attachment.-article .c-carousel-blockquote_tile {
        margin: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop)))*1) 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-carousel-blockquote_quote_wrapper {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

.c-carousel-blockquote_list {
    position: relative
}

@media(min-width: 1000px) {
    .c-carousel-blockquote_list {
        height: var(--slide-height);
        display: flex;
        grid-column: 4/11;
        border-left: 1px solid #1d2120
    }
}

@media(min-width: 1400px) {
    .c-carousel-blockquote_list {
        grid-column: 4/10
    }
}

.c-blockquote-tile_portrait {
    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));
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 98/135;
    overflow: hidden
}

@media(min-width: 1000px) {
    .c-blockquote-tile_portrait {
        width: calc(0.1*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.1)*var(--grid-gutter, 0px) + 0*var(--grid-gutter, 0px))
    }
}

@media(max-width: 999px) {
    .c-attachment.-article .c-blockquote-tile_portrait {
        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))
    }
}

@media(min-width: 1000px) {
    .c-attachment.-article .c-blockquote-tile_portrait {
        width: 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-blockquote-tile_portrait img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-blockquote-tile_content,
.c-blockquote-tile_quote {
    font-size: 45px;
    line-height: .85 !important;
    text-transform: uppercase
}

@media(min-width: 700px) {

    .c-blockquote-tile_content,
    .c-blockquote-tile_quote {
        font-size: 75px
    }
}

.c-attachment.-article .c-blockquote-tile_content,
.c-attachment.-article .c-blockquote-tile_quote {
    font-family: "Canela Condensed", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: .68;
    font-weight: 300;
    letter-spacing: -0.02em
}

.c-blockquote-tile_element {
    margin: 0px
}

.c-attachment.-article .c-blockquote-tile_element {
    text-align: center;
    padding: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1) calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1) 0 calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1)
}

.c-blockquote-tile_figcaption {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
}

.c-blockquote-tile_infos_author {
    font-weight: 700 !important;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1
}

.c-blockquote-tile_infos_job {
    line-height: 1;
    font-weight: 500 !important;
    font-size: 13px;
    text-transform: uppercase
}

@media(min-width: 1000px) {
    .c-carousel-blockquote_controls {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: space-between
    }
}

.c-carousel-blockquote_left_right button {
    background-color: #fff;
    border: none
}

.c-carousel-blockquote_left_right {
    display: flex;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
}

.c-carousel-blockquote_left_right span {
    cursor: pointer
}

.c-carousel-blockquote_carousel_misc {
    display: flex;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

@media(min-width: 1000px) {
    .c-carousel-blockquote_carousel_misc {
        justify-content: space-between
    }
}

.-solo .c-carousel-blockquote_carousel_misc {
    display: none
}

.c-carousel-blockquote_pagination {
    display: flex;
    font-size: 13px;
    color: #dffe40;
    gap: 2.5px
}

.c-carousel-blockquote_counter_wrapper {
    position: relative;
    overflow: hidden
}

.c-counter-el {
    position: absolute
}

.c-counter-el.-active {
    position: relative;
    top: 0%
}

.c-counter-el:nth-of-type(0) {
    top: -100%
}

.c-counter-el:nth-of-type(1) {
    top: 0%
}

.c-counter-el:nth-of-type(2) {
    top: 100%
}

.c-counter-el:nth-of-type(3) {
    top: 200%
}

.c-counter-el:nth-of-type(4) {
    top: 300%
}

.c-counter-el:nth-of-type(5) {
    top: 400%
}

.c-counter-el:nth-of-type(6) {
    top: 500%
}

.c-counter-el:nth-of-type(7) {
    top: 600%
}

.c-counter-el:nth-of-type(8) {
    top: 700%
}

.c-counter-el:nth-of-type(9) {
    top: 800%
}

.c-counter-el:nth-of-type(10) {
    top: 900%
}

.c-counter-el:nth-of-type(11) {
    top: 1000%
}

.c-counter-el:nth-of-type(12) {
    top: 1100%
}

.c-counter-el:nth-of-type(13) {
    top: 1200%
}

.c-counter-el:nth-of-type(14) {
    top: 1300%
}

.c-counter-el:nth-of-type(15) {
    top: 1400%
}

.c-counter-el:nth-of-type(16) {
    top: 1500%
}

.c-counter-el:nth-of-type(17) {
    top: 1600%
}

.c-counter-el:nth-of-type(18) {
    top: 1700%
}

.c-counter-el:nth-of-type(19) {
    top: 1800%
}

.c-counter-el:nth-of-type(20) {
    top: 1900%
}

.c-carousel-blockquote_counter_inner {
    height: 100%;
    transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.i-0 .c-carousel-blockquote_counter_inner {
    transform: translateY(0%)
}

.i-1 .c-carousel-blockquote_counter_inner {
    transform: translateY(-100%)
}

.i-2 .c-carousel-blockquote_counter_inner {
    transform: translateY(-200%)
}

.i-3 .c-carousel-blockquote_counter_inner {
    transform: translateY(-300%)
}

.i-4 .c-carousel-blockquote_counter_inner {
    transform: translateY(-400%)
}

.i-5 .c-carousel-blockquote_counter_inner {
    transform: translateY(-500%)
}

.i-6 .c-carousel-blockquote_counter_inner {
    transform: translateY(-600%)
}

.i-7 .c-carousel-blockquote_counter_inner {
    transform: translateY(-700%)
}

.i-8 .c-carousel-blockquote_counter_inner {
    transform: translateY(-800%)
}

.i-9 .c-carousel-blockquote_counter_inner {
    transform: translateY(-900%)
}

.i-10 .c-carousel-blockquote_counter_inner {
    transform: translateY(-1000%)
}

.i-11 .c-carousel-blockquote_counter_inner {
    transform: translateY(-1100%)
}

.i-12 .c-carousel-blockquote_counter_inner {
    transform: translateY(-1200%)
}

.i-13 .c-carousel-blockquote_counter_inner {
    transform: translateY(-1300%)
}

.i-14 .c-carousel-blockquote_counter_inner {
    transform: translateY(-1400%)
}

.i-15 .c-carousel-blockquote_counter_inner {
    transform: translateY(-1500%)
}

.i-16 .c-carousel-blockquote_counter_inner {
    transform: translateY(-1600%)
}

.i-17 .c-carousel-blockquote_counter_inner {
    transform: translateY(-1700%)
}

.i-18 .c-carousel-blockquote_counter_inner {
    transform: translateY(-1800%)
}

.i-19 .c-carousel-blockquote_counter_inner {
    transform: translateY(-1900%)
}

.i-20 .c-carousel-blockquote_counter_inner {
    transform: translateY(-2000%)
}

.c-expertise {
    padding: calc(var(--grid-gutter) * 1)
}

.c-expertise .c-image_inner {
    width: 100%;
    height: 100%;
    clip-path: inset(0px)
}

.c-expertise .c-image_inner img {
    height: calc(100% + 100px);
    -o-object-fit: cover;
    object-fit: cover;
    transform: translateY(clamp((-50) * 1px, (-50 + (var(--progress) - 0) / (1 - 0) * (50 - -50)) * 1px, (50) * 1px))
}

.c-expertise_mobile_wrapper {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
}

.-triplet .c-expertise_mobile_wrapper {
    gap: 0px
}

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

.c-expertise_mobile_images {
    display: flex;
    gap: calc(var(--grid-gutter) * 1)
}

.-triplet .c-expertise_mobile_images {
    flex-direction: row-reverse
}

.c-expertise_caption {
    max-width: 50vw;
    position: relative;
    transform: translateY(25px);
    margin-top: -25px;
    z-index: 5
}

.-triplet .c-expertise_caption {
    transform: translateY(20px);
    margin-top: -20px
}

@media(min-width: 1200px) {
    .-triplet .c-expertise_caption {
        transform: translateY(70px);
        margin-top: -70px
    }
}

@media(min-width: 1400px) {
    .c-expertise_caption {
        margin-top: 0px;
        transform: translateY(0px)
    }
}

.c-expertise_mobile_image_1 {
    height: 45vh;
    width: 100%;
    position: relative
}

.c-expertise_mobile_image_2 {
    height: 130px;
    width: 100px;
    position: relative;
    flex-shrink: 0
}

.-triplet .c-expertise_mobile_image_2 {
    transform: translateY(55px)
}

@media(min-width: 1400px) {
    .c-expertise_mobile_image_2 {
        transform: translateY(0px)
    }
}

.c-expertise_mobile_image_3 {
    height: 130px;
    width: 100px;
    flex-shrink: 0;
    position: relative
}

.c-expertise_mobile_image_1 img,
.c-expertise_mobile_image_2 img,
.c-expertise_mobile_image_3 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-expertise_mobile_description {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1)
}

.c-expertise_title {
    font-size: 40px !important;
    color: #dffe40;
    max-width: 50vw;
    text-transform: uppercase
}

.c-expertise_description {
    font-size: 15px;
    max-width: 80vw;
    font-weight: 400
}

.c-expertise_desktop_title {
    grid-column: 1/4;
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

.c-expertise_desktop_wrapper {
    display: grid;
    min-height: 45vh;
    grid-template-columns: repeat(12, 1fr);
    -moz-column-gap: calc(var(--grid-gutter) * 1);
    column-gap: calc(var(--grid-gutter) * 1)
}

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

@media(min-width: 1400px) {
    .c-expertise_desktop_wrapper {
        height: 100vh
    }
}

@media(min-width: 1600px) {
    .c-expertise_desktop_wrapper {
        height: 100vh
    }
}

.c-expertise_image_1 img,
.c-expertise_image_2 img,
.c-expertise_image_3 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-expertise_image_1 {
    grid-column: 4/10;
    height: 100%;
    overflow: hidden
}

.c-expertise_image_2 {
    height: 50%;
    overflow: hidden
}

@media(min-width: 1600px) {
    .c-expertise_image_2 {
        height: 50%
    }
}

.c-expertise_image_3 {
    height: 50%;
    overflow: hidden
}

@media(min-width: 1600px) {
    .c-expertise_image_3 {
        height: 50%
    }
}

.c-expertise_desktop_desription_wrapper {
    grid-column: 10/13;
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
}

.c-expertise_desktop_desription {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1)
}

.c-expertise_title {
    max-width: 200px
}

.c-visual-block {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1);
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1);
    align-items: center;
    justify-content: center
}

@media(min-width: 1000px) {
    .c-visual-block {
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1)
    }
}

.c-visual-block_images {
    display: flex;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
}

.c-visual-block_images_el {
    width: calc(50vw - calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1) - (calc(var(--grid-gutter) * 1)));
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 175/250
}

@media(min-width: 700px) {
    .c-visual-block_images_el {
        width: 250px
    }
}

@media(min-width: 1000px) {
    .c-visual-block_images_el {
        width: 335px
    }
}

@media(min-width: 1600px) {
    .c-visual-block_images_el {
        width: 435px
    }
}

@media(min-width: 1800px) {
    .c-visual-block_images_el {
        width: 600px
    }
}

.c-visual-block_images_el img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.c-visual-block_footnote_img {
    width: 225px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 225/140;
    overflow: hidden
}

@media(min-width: 1600px) {
    .c-visual-block_footnote_img {
        width: 300px
    }
}

@media(min-width: 1800px) {
    .c-visual-block_footnote_img {
        width: 400px
    }
}

.c-visual-block_footnote {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

@media(min-width: 1200px) {
    .c-visual-block_footnote {
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
    }
}

.c-visual-block_footnote p {
    max-width: 285px;
    font-size: 15px !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    line-height: 1 !important
}

@media(min-width: 1000px) {
    .c-visual-block_footnote p {
        font-size: 12px !important
    }
}

.c-visual-block_title {
    line-height: .85 !important;
    text-align: center
}

@media(min-width: 700px) {
    .c-visual-block_title {
        max-width: 50vw
    }
}

@media(min-width: 1200px) {
    .c-visual-block_title {
        max-width: 720px
    }
}

.c-readmore-block {
    overflow: hidden
}

.c-readmore-block_head {
    margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop)))*1);
    gap: var(--grid-gutter)
}

@media(min-width: 1000px) {
    .c-readmore-block_head {
        display: grid;
        grid-template-columns: repeat(12, 1fr)
    }
}

@media(max-width: 999px) {
    .c-readmore-block_head {
        display: flex;
        justify-content: space-between
    }
}

@media(max-width: 699px) {
    .c-readmore-block_head {
        flex-direction: column
    }
}

.c-readmore-block_head_title {
    max-width: 400px
}

@media(min-width: 1000px) {
    .c-readmore-block_head_title {
        max-width: 500px;
        grid-column: 2/7
    }
}

@media(min-width: 1400px) {
    .c-readmore-block_head_title {
        max-width: 520px
    }
}

.c-readmore-block_head_cta {
    display: flex;
    align-items: flex-end
}

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

@media(min-width: 1000px) {
    .c-readmore-block_head_cta {
        grid-column: 7/12;
        justify-content: flex-end
    }
}

.c-readmore-block_foot {
    display: none
}

@media(max-width: 999px) {
    .c-readmore-block_foot {
        display: block
    }
}

.c-readmore-block_list {
    display: flex;
    flex-direction: column
}

@media(max-width: 999px) {
    .c-readmore-block_list {
        margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1) !important
    }
}

.c-readmore-block_item {
    position: relative;
    overflow: hidden
}

@media(min-width: 700px)and (hover: hover) {
    .c-readmore-block_item::before {
        content: "";
        background-color: #1d2120;
        position: absolute;
        inset: 0;
        transform: translateY(-130%) rotate(-1deg);
        transition: transform .5s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .c-readmore-block_item:hover::before {
        transform: translateY(0) rotate(0deg)
    }
}

@media(min-width: 700px)and (hover: hover) {
    .c-readmore-block_item {
        transition: color .5s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .c-readmore-block_item:hover {
        color: white
    }
}

@media(min-width: 1000px) {
    .c-readmore-block_item {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: var(--grid-gutter)
    }
}

.c-readmore-block_inner {
    position: relative;
    z-index: 2;
    padding: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop)))*1) 0;
    border-top: 1px solid #1d2120;
    display: flex;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop)))*1)
}

.c-readmore-block_item:last-child .c-readmore-block_inner {
    border-bottom: 1px solid #1d2120
}

@media(max-width: 999px) {
    .c-readmore-block_inner {
        flex-direction: column;
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1)
    }
}

@media(min-width: 1000px) {
    .c-readmore-block_inner {
        flex-direction: column-reverse;
        grid-column: 2/12;
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop)))*1)
    }
}

.c-readmore-block_item_heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1)
}

.c-readmore-block_item_info {
    display: flex;
    justify-content: space-between;
    color: #dffe40;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700
}

.c-readmore-block_item_link {
    position: absolute;
    inset: 0;
    z-index: 2
}

.c-readmore-block_item_link:focus-visible {
    outline: 2px solid #1d2120 !important;
    outline-offset: -2px !important
}

.c-readmore-block_item_icon {
    display: none
}

@media(min-width: 700px) {
    .c-readmore-block_item_icon {
        display: block;
        color: white
    }
}

@media(min-width: 700px)and (hover: hover) {
    .c-readmore-block_item_icon {
        transition-property: transform, opacity;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 150%, 0);
        opacity: 0
    }

    .c-readmore-block_item:hover .c-readmore-block_item_icon {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.c-image-carousel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    width: 100%
}

@media(min-width: 700px) {
    .c-image-carousel {
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
    }
}

.c-image-carousel p {
    text-align: center
}

@media(min-width: 700px) {
    .c-image-carousel p {
        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-image-carousel_arrows {
    align-items: center;
    display: flex;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

@media(min-width: 700px) {
    .c-image-carousel_arrows {
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
    }
}

.c-image-carousel_arrows span {
    cursor: pointer
}

.c-image-carousel_controls {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-image-carousel_element {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    cursor: grab
}

@media(min-width: 700px) {
    .c-image-carousel_element {
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
    }
}

.c-image-carousel_list {
    position: relative;
    width: 100%
}

.c-image-carousel_item {
    position: relative;
    aspect-ratio: 350/490;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%
}

.c-image-carousel_item .c-image {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-services-hero {
    display: flex;
    flex-direction: column;
    align-items: center
}

.c-services-hero_description {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1);
    align-items: center;
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1);
    margin-bottom: 20px
}

.c-services-hero_description_index {
    font-size: 35px;
    color: #dffe40;
    text-transform: uppercase;
    font-weight: 400 !important
}

.c-services-hero_description_description {
    font-size: 15px;
    text-transform: uppercase;
    max-width: 75%;
    text-align: center;
    display: flex;
    flex-direction: column;
    max-width: 300px;
    font-weight: 600 !important;
    color: #1d2120
}

@media(min-width: 700px) {
    .c-services-hero_description_description {
        font-size: 12px
    }
}

.c-services-hero_title_container {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-services-hero_title {
    line-height: .9 !important;
    text-align: center;
    align-self: center;
    justify-self: center;
    color: #1d2120
}

@media(min-width: 700px) {
    .c-services-hero_title {
        max-width: 45vw
    }
}

.c-services-hero_title_image {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden
}

.c-services-hero_title_image .c-image {
    height: 100vh;
    width: 100%;
    position: relative
}

.c-services-hero_title_image img {
    width: 100%;
    height: 120%;
    transform: translateY(clamp(-5%, -5% + (var(--progress) - 0) / (1 - 0) * (5% - -5%), 5%));
    -o-object-fit: cover;
    object-fit: cover
}

.c-services-hero_about {
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1);
    font-size: 24px;
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1);
    color: #1d2120
}

@media(min-width: 700px) {
    .c-services-hero_about {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        font-size: 35px
    }

    .c-services-hero_about p {
        grid-column: 4/13
    }
}

.c-tag {
    display: inline-block;
    padding: 3px 12.5px;
    border: 1px solid #1d2120;
    text-transform: uppercase;
    text-decoration: none
}

a.c-tag {
    color: #1d2120;
    transition: background-color .15s linear, color .15s linear
}

a.c-tag:hover {
    background-color: #1d2120;
    color: #fff
}

.c-article-hero {
    margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop)))*1)
}

.c-article-hero_fold {
    position: relative;
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop)))*1);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1);
    min-height: 100vh
}

.c-article-hero_title_wrap {
    width: 100%;
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

.c-article-hero_title {
    line-height: .8 !important;
    text-align: center
}

@media(max-width: 999px) {
    .c-article-hero_title {
        margin: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1) 0;
        font-size: var(--font-size-h2) !important
    }
}

.c-article-hero_date {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body);
    font-size: 12px;
    color: var(--color-accent);
    text-transform: uppercase;
    font-weight: 700;
    display: block
}

.c-article-hero_inner {
    position: relative;
    display: grid
}

@media(max-width: 999px) {
    .c-article-hero_inner {
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1)
    }
}

@media(min-width: 1000px) {
    .c-article-hero_inner {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: auto 1fr;
        gap: var(--grid-gutter)
    }
}

.c-article-hero_info {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop)))*1)
}

@media(max-width: 999px) {
    .c-article-hero_info {
        max-width: 500px
    }
}

@media(min-width: 1000px) {
    .c-article-hero_info {
        grid-column: 1/4;
        min-height: 120px
    }
}

@media(max-width: 999px) {
    .c-article-hero_visual {
        position: relative;
        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));
        padding-right: 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: 1000px) {
    .c-article-hero_visual {
        grid-column: 4/10;
        grid-row: 1/3
    }
}

.c-article-hero_img::before {
    content: "";
    display: block;
    position: absolute;
    top: 120px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: currentColor;
    transition: transform .5s cubic-bezier(0.38, 0.005, 0.215, 1);
    transition-delay: .5s;
    transform-origin: left center;
    transform: scaleX(0)
}

html.is-ready .c-article-hero_img::before {
    transform: scaleX(1)
}

@media(max-width: 999px) {
    .c-article-hero_img::before {
        top: 50%
    }
}

@media(min-width: 1000px) {
    .c-article-hero_img::before {
        top: 120px
    }
}

.c-article-hero_tags_list {
    display: flex;
    flex-wrap: wrap;
    gap: 3px
}

@media(min-width: 1000px) {
    .c-article-hero_author {
        grid-column: 1/4
    }
}

.c-article-hero_scroll {
    position: absolute;
    right: 0;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: flex-end;
    z-index: 2;
    pointer-events: none
}

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

.c-article-hero_scroll_button {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px var(--grid-margin);
    pointer-events: auto
}

.c-article-hero_scroll_arrow {
    margin-top: -4px;
    animation: scroll 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1)
}

@keyframes scroll {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-5px)
    }

    50% {
        transform: translateY(5px)
    }
}

.c-article-hero_scroll_label {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body);
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700
}

.c-article-hero_summary {
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1);
    display: grid;
    gap: var(--grid-gutter)
}

@media(min-width: 1000px) {
    .c-article-hero_summary {
        grid-template-columns: repeat(12, 1fr)
    }
}

.c-article-hero_summary_text {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body);
    font-size: 24px
}

@media(max-width: 999px) {
    .c-article-hero_summary_text {
        text-indent: 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: 1000px) {
    .c-article-hero_summary_text {
        grid-column: 4/10;
        font-size: 35px;
        text-indent: 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-case-study-hero {
    display: flex;
    flex-direction: column-reverse;
    color: #1d2120
}

@media(min-width: 1000px) {
    .c-case-study-hero {
        display: grid;
        grid-template-columns: repeat(12, 1fr)
    }
}

.c-case-study-hero_texts {
    margin-top: calc(12.5vh + calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1));
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1);
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1)
}

@media(min-width: 1000px) {
    .c-case-study-hero_texts {
        grid-column: 7/13;
        padding-left: 0px;
        padding-right: 0px
    }
}

@media(min-width: 1200px) {
    .c-case-study-hero_texts {
        grid-column: 8/13
    }
}

@media(min-width: 1400px) {
    .c-case-study-hero_texts {
        grid-column: 8/12
    }
}

.c-case-study-hero_title {
    line-height: .9 !important
}

.c-case-study-hero_lists {
    display: grid;
    gap: calc(var(--grid-gutter) * 1);
    grid-template-columns: repeat(2, 1fr)
}

@media(max-width: 699px) {
    .c-case-study-hero_lists {
        display: flex;
        flex-direction: column;
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1)
    }
}

.c-case-study-hero_section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

.c-case-study-hero_section_items {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.c-case-study-hero_section_items_clients {
    color: #dffe40
}

.c-case-study-hero_description_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--grid-gutter) * 1)
}

.c-case-study-hero_div_items {
    display: flex;
    flex-wrap: wrap;
    gap: 3px
}

.c-case-study-hero_div {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1);
    align-items: flex-start
}

.c-case-study-hero_description {
    max-width: 90%;
    font-size: 15px;
    margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

@media(min-width: 1000px) {
    .c-case-study-hero_description {
        max-width: 225px
    }
}

.c-case-study-hero_image {
    height: 100%;
    min-height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden
}

@media(min-width: 1000px) {
    .c-case-study-hero_image {
        grid-column: 1/6;
        min-height: 120vh
    }
}

@media(min-width: 1200px) {
    .c-case-study-hero_image {
        grid-column: 1/7
    }
}

.c-case-study-hero_image img {
    width: 100%;
    height: 120%;
    transform: translateY(clamp(-5%, -5% + (var(--progress) - 0) / (1 - 0) * (5% - -5%), 5%));
    -o-object-fit: cover;
    object-fit: cover
}

.c-case-study-hero_surtitle {
    font-size: 12px
}

.c-fullscreen-video {
    position: relative;
    aspect-ratio: 18/9;
    margin-top: 20px;
    margin-bottom: 20px;
    clip-path: inset(0px)
}

.c-attachment.-article .c-fullscreen-video {
    margin: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop)))*1) auto;
    aspect-ratio: 16/9;
    width: calc(100% - var(--grid-gutter)*2)
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-attachment.-article .c-fullscreen-video {
        width: calc(0.8333333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.8333333333)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px) - var(--grid-gutter))
    }
}

@media(min-width: 1000px) {
    .c-attachment.-article .c-fullscreen-video {
        width: 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) - var(--grid-gutter))
    }
}

.c-fullscreen-video video {
    width: 100%
}

.c-fullscreen-video iframe {
    height: 100%;
    width: 100%
}

.c-fullscreen-video-cover-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.c-fullscreen-video-cover-wrapper.-video {
    cursor: pointer
}

.c-fullscreen-video-cover-wrapper.-inactive {
    animation: .5s fadeOut forwards
}

@keyframes fadeOut {
    99% {
        opacity: 0;
        visibility: visible
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

.c-fullscreen-cover {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.c-fullscreen-cover::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #1d2120;
    z-index: 2;
    opacity: .4
}

.c-fullscreen-video-cover-wrapper img {
    width: 100%;
    height: 120%;
    transform: translateY(clamp(-5%, -5% + (var(--progress) - 0) / (1 - 0) * (5% - -5%), 5%));
    -o-object-fit: cover;
    object-fit: cover
}

.c-attachment.-article .c-fullscreen-video-cover-wrapper img {
    transform: none !important
}

.c-full-screen-video-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.c-full-screen-video-iframe .player {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100vh !important
}

.c-fullscreen-cover_play_button {
    position: absolute;
    padding: calc(var(--grid-gutter) * 1);
    z-index: 5;
    aspect-ratio: 203/124;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.c-fullscreen-cover_play_button_inner {
    position: relative;
    clip-path: inset(0px)
}

.c-fullscreen-cover_play_button_inner_inactive {
    transition: transform .5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-fullscreen-cover_play_button:hover .c-fullscreen-cover_play_button_inner_inactive {
    transform: translateY(130%) rotate(10deg)
}

.c-fullscreen-cover_play_button_inner_active {
    position: absolute;
    transform: translateY(-130%) rotate(-10deg);
    transition: transform .5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-fullscreen-cover_play_button:hover .c-fullscreen-cover_play_button_inner_active {
    transform: translateY(0%) rotate(0deg)
}

.c-fullscreen-cover_play_button_inner_active,
.c-fullscreen-cover_play_button_inner_inactive {
    display: inline-block;
    font-size: 20px !important;
    line-height: 1 !important;
    color: white;
    text-transform: uppercase
}

@media(min-width: 1000px) {

    .c-fullscreen-cover_play_button_inner_active,
    .c-fullscreen-cover_play_button_inner_inactive {
        font-size: 36px !important
    }
}

.c-fullscreen-cover_play_button_corners {
    position: absolute;
    z-index: 5;
    width: 100%;
    top: 0
}

.c-about-footer {
    border-top: 1px solid #1d2120;
    margin-left: calc(var(--grid-gutter) * 1);
    margin-right: calc(var(--grid-gutter) * 1);
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
}

@media(min-width: 1000px) {
    .c-about-footer {
        margin-bottom: -15px
    }
}

.c-about-footer-header {
    display: none
}

@media(min-width: 1000px) {
    .c-about-footer-header {
        display: flex;
        justify-content: space-between;
        width: 100%;
        text-transform: uppercase;
        font-size: 12px;
        line-height: .9em
    }
}

.c-about-footer-body {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    align-items: center;
    justify-content: center;
    text-align: center
}

@media(min-width: 1000px) {
    .c-about-footer-body {
        transform: translateY(-15px)
    }
}

.c-about-footer_cta {
    max-width: 260px;
    width: 100%
}

@media(min-width: 1000px) {
    .c-about-footer_cta {
        max-width: none;
        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))
    }
}

.c-about-footer-description {
    max-width: 70%;
    text-transform: uppercase;
    font-size: 15px
}

@media(min-width: 700px) {
    .c-about-footer-description {
        max-width: 260px;
        font-size: 12px
    }
}

@media(min-width: 1000px) {
    .c-about-footer-description {
        max-width: 260px
    }
}

.c-about-footer-title {
    font-size: 20vw;
    text-transform: uppercase;
    text-align: center;
    line-height: .7 !important
}

@media(min-width: 1000px) {
    .c-about-footer-title {
        font-size: 210px;
        max-width: 1000px
    }
}

.c-about-footer-title-serif {
    line-height: .79 !important
}

.c-stats-block {
    display: flex;
    justify-content: space-between;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1)
}

.c-stats-block.-single {
    justify-content: flex-end
}

@media(min-width: 1200px) {
    .c-stats-block {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: calc(var(--grid-gutter) * 1)
    }
}

.c-stats-title {
    font-size: 24px;
    text-transform: uppercase;
    color: #dffe40;
    width: 120px;
    flex-shrink: 0
}

@media(min-width: 700px) {
    .c-stats-title {
        font-size: 40px
    }
}

@media(min-width: 1200px) {
    .c-stats-title {
        grid-column: 2/5
    }
}

.c-stats-list {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

@media(min-width: 1200px) {
    .c-stats-list {
        grid-column: 7/12
    }
}

.c-stats-el {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-top: 1px solid #1d2120;
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1);
    padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
}

@media(min-width: 700px) {
    .c-stats-el {
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
        flex-direction: row
    }
}

.c-stats-el_title {
    font-size: 20vw;
    text-transform: uppercase;
    color: #dffe40;
    line-height: 1 !important
}

@media(min-width: 700px) {
    .c-stats-el_title {
        font-size: 200px
    }
}

@media(min-width: 1400px) {
    .c-stats-el_title {
        font-size: 255px
    }
}

.c-stats-el_description {
    font-size: 12px;
    text-transform: uppercase
}

.c-wysiwyg-block {
    display: flex;
    justify-content: space-between;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1);
    flex-direction: column
}

@media(min-width: 1200px) {
    .c-wysiwyg-block {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: calc(var(--grid-gutter) * 1);
        flex-direction: row
    }
}

.c-wysiwyg-block_title {
    font-size: 24px;
    text-transform: uppercase;
    color: #dffe40;
    max-width: 200px
}

@media(min-width: 700px) {
    .c-wysiwyg-block_title {
        font-size: 40px;
        flex-shrink: 0
    }
}

@media(min-width: 1200px) {
    .c-wysiwyg-block_title {
        grid-column: 2/5
    }
}

.c-wysiwyg-block_content {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

@media(min-width: 1200px) {
    .c-wysiwyg-block_content {
        grid-column: 7/12
    }
}

.c-image-block {
    display: flex;
    justify-content: space-between;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1)
}

@media(min-width: 1200px) {
    .c-image-block {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: calc(var(--grid-gutter) * 1)
    }
}

@media(max-width: 699px) {
    .c-attachment.-article .c-image-block {
        display: grid;
        grid-template-columns: repeat(1, 1fr)
    }
}

@media(min-width: 700px) {
    .c-attachment.-article .c-image-block {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: calc(var(--grid-gutter) * 1)
    }
}

.c-image-block_title {
    font-size: 24px;
    text-transform: uppercase;
    color: #dffe40;
    width: 120px;
    flex-shrink: 0
}

@media(min-width: 700px) {
    .c-image-block_title {
        font-size: 40px
    }
}

@media(min-width: 1200px) {
    .c-image-block_title {
        grid-column: 2/5
    }
}

@media(min-width: 1000px) {
    .c-attachment.-article .c-image-block_title {
        grid-column: 4/10;
        width: 100%
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-attachment.-article .c-image-block_title {
        grid-column: 2/12
    }
}

.c-image-block_content {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

@media(min-width: 1200px) {
    .c-image-block_content {
        grid-column: 7/12
    }
}

@media(min-width: 1000px) {
    .c-attachment.-article .c-image-block_content {
        grid-column: 4/10;
        width: 100%
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-attachment.-article .c-image-block_content {
        grid-column: 2/12
    }
}

.c-image-block_content img {
    width: 100%
}

.c-image-block_content_inner {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
}

.c-image-block_caption {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body);
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-accent)
}

.c-list-block {
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1)
}

@media(min-width: 1000px) {
    .c-list-block {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: calc(var(--grid-gutter) * 1)
    }
}

.c-list-block_items {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1)
}

@media(min-width: 1000px) {
    .-small .c-list-block_items {
        grid-column: 3/13
    }

    .-big .c-list-block_items {
        grid-column: 3/13
    }
}

@media(min-width: 1400px) {
    .-small .c-list-block_items {
        grid-column: 4/13
    }

    .-big .c-list-block_items {
        grid-column: 4/13
    }
}

.c-list-block_item {
    display: flex;
    justify-content: space-between;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    flex-direction: column;
    border-top: 1px solid #1d2120;
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
}

.-small .c-list-block_item {
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1)
}

@media(min-width: 1000px) {
    .c-list-block_item {
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        gap: calc(var(--grid-gutter) * 1)
    }

    .-small .c-list-block_item {
        grid-template-columns: repeat(8, 1fr);
        gap: calc(var(--grid-gutter) * 1)
    }
}

.c-list-block_title {
    flex-shrink: 0
}

@media(min-width: 1000px) {
    .c-list-block_title {
        width: 300px
    }
}

.-big .c-list-block_title {
    font-size: 36px;
    text-transform: uppercase;
    line-height: 1 !important;
    font-family: "Canela Condensed", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: .68;
    font-weight: 300;
    letter-spacing: -0.02em
}

@media(min-width: 1000px) {
    .-big .c-list-block_title {
        font-size: 56px;
        grid-column: 1/3
    }
}

.-small .c-list-block_title {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1 !important;
    font-family: "Sohne Schmal", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: .775;
    letter-spacing: -0.01em;
    color: #dffe40
}

@media(min-width: 1000px) {
    .-small .c-list-block_title {
        font-size: 35px;
        grid-column: 1/3
    }
}

.c-list-block_content {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

@media(min-width: 1000px) {
    .c-list-block_content {
        grid-column: 7/10
    }

    .-small .c-list-block_content {
        grid-column: 6/9
    }
}

.c-list-block_content p {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body)
}

.c-list-block_content h2 {
    font-size: var(--font-size-h2)
}

.c-list-block_content h3 {
    font-size: var(--font-size-h3)
}

.c-list-block_content h4 {
    font-size: var(--font-size-h4);
    line-height: 1
}

.c-list-block_content h5 {
    font-size: var(--font-size-h5)
}

.c-list-block_content h6 {
    font-size: var(--font-size-h6)
}

.c-list-block_content ul,
.c-list-block_content ol {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body)
}

.c-list-block_content li {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body)
}

.c-list-block_content a {
    cursor: pointer;
    text-decoration: underline;
    font-weight: 600
}

.c-list-block_content a:hover {
    text-decoration: underline
}

.c-accordion {
    display: flex;
    flex-direction: column;
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1)
}

@media(min-width: 1000px) {
    .c-accordion {
        display: grid;
        grid-template-columns: repeat(12, 1fr)
    }
}

.c-accordion_item {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #1d2120;
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1);
    padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    grid-column: 4/13;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

.c-accordion_title {
    display: flex;
    justify-content: space-between;
    font-size: 36px;
    text-transform: uppercase;
    line-height: 1 !important;
    background-color: white;
    border: none;
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
    color: #1d2120
}

@media(min-width: 1000px) {
    .c-accordion_title {
        font-size: 56px
    }
}

.c-accordion_title p {
    text-align: start
}

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

.c-accordion_button {
    width: 15px;
    height: 15px;
    background-color: #dffe40;
    flex-shrink: 0;
    position: relative;
    transition: background-color .15s ease-out
}

@media(min-width: 1000px) {
    .c-accordion_button {
        width: 25px;
        height: 25px
    }
}

.-active .c-accordion_button {
    background-color: #1d2120
}

.c-accordion_title:hover .c-accordion_button {
    background-color: #1d2120
}

.c-accordion_button span {
    display: inline-block;
    width: 50%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: transform .25s ease-out
}

.c-accordion_button span:nth-of-type(2) {
    transform: translateX(-50%) translateY(-50%) rotate(90deg)
}

.c-accordion_item.-active .c-accordion_button span:nth-of-type(2) {
    transform: translateX(-50%) translateY(-50%) rotate(0deg)
}

.c-accordion_content {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    overflow: hidden;
    height: 0px
}

@media(min-width: 1000px) {
    .c-accordion_content {
        grid-column: 7/10
    }

    .-small .c-accordion_content {
        grid-column: 6/9
    }
}

.c-accordion_content p {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body)
}

.c-accordion_content h2 {
    font-size: var(--font-size-h2)
}

.c-accordion_content h3 {
    font-size: var(--font-size-h3)
}

.c-accordion_content h4 {
    font-size: var(--font-size-h4);
    line-height: 1
}

.c-accordion_content h5 {
    font-size: var(--font-size-h5)
}

.c-accordion_content h6 {
    font-size: var(--font-size-h6)
}

.c-accordion_content ul,
.c-accordion_content ol {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body)
}

.c-accordion_content li {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body)
}

.c-accordion_content a {
    cursor: pointer;
    text-decoration: underline;
    font-weight: 600
}

.c-accordion_content a:hover {
    text-decoration: underline
}

.c-about-intro {
    display: flex;
    flex-direction: column;
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1);
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1)
}

.c-about-intro_header {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    align-items: center
}

.c-about-intro_header_image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    aspect-ratio: 217/135;
    overflow: hidden
}

@media(min-width: 1000px) {
    .c-about-intro_header_image {
        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))
    }
}

.c-about-intro_title {
    font-size: 36px;
    line-height: 1 !important;
    text-align: center;
    text-transform: uppercase;
    margin-top: calc(var(--grid-gutter) * 1)
}

@media(min-width: 1000px) {
    .c-about-intro_title {
        font-size: 56px;
        max-width: 800px
    }
}

@media(min-width: 1000px) {
    .c-about-intro_content_wrapper {
        display: grid;
        grid-template-columns: repeat(12, 1fr)
    }
}

.c-about-intro_content {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1)
}

@media(min-width: 1000px) {
    .c-about-intro_content {
        grid-column: 3/12
    }
}

@media(min-width: 1400px) {
    .c-about-intro_content {
        grid-column: 4/11
    }
}

.c-about-intro_content p {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body);
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important
}

@media(min-width: 1200px) {
    .c-about-intro_content p {
        font-size: 25px !important
    }
}

.c-about-intro_content h2 {
    font-size: var(--font-size-h2)
}

.c-about-intro_content h3 {
    font-size: var(--font-size-h3)
}

.c-about-intro_content h4 {
    font-size: var(--font-size-h4);
    line-height: 1
}

.c-about-intro_content h5 {
    font-size: var(--font-size-h5)
}

.c-about-intro_content h6 {
    font-size: var(--font-size-h6)
}

.c-about-intro_content ul,
.c-about-intro_content ol {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body)
}

.c-about-intro_content li {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body)
}

.c-about-intro_content a {
    cursor: pointer;
    text-decoration: underline;
    font-weight: 600
}

.c-about-intro_content a:hover {
    text-decoration: underline
}

.c-work-hero {
    position: relative;
    background-color: #fff
}

@media(max-aspect-ratio: 1/1) {
    .c-work-hero {
        height: auto;
        padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1)
    }
}

.c-work-hero_intro {
    top: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1)
}

@media(max-aspect-ratio: 1/1) {
    .c-work-hero_intro {
        position: relative;
        height: 80vh;
        padding-top: 5vh
    }
}

.c-work-hero_description {
    bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1);
    max-width: 60%;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px
}

@media(min-width: 1000px) {
    .c-work-hero_description {
        font-size: 13px;
        max-width: 200px
    }
}

.c-work-hero_title {
    display: flex;
    flex-direction: column;
    font-size: 32.5vw;
    text-transform: uppercase;
    text-align: center;
    line-height: .8 !important
}

@media(min-width: 700px) {
    .c-work-hero_title {
        font-size: 26vw
    }
}

@media(min-width: 1000px) {
    .c-work-hero_title {
        font-size: 250px;
        max-width: 900px
    }
}

@media(min-width: 1400px) {
    .c-work-hero_title {
        font-size: var(--font-size-ultra-huge);
        max-width: 60vw
    }
}

@media(max-height: 700px) {
    .c-work-hero_title {
        font-size: 130px;
        max-width: 1000px
    }
}

.c-work-hero_title_display {
    --angle: 3.5deg
}

.c-work-hero_title_display span {
    transform: rotate(calc(var(--angle) * -1)) translate3d(0, -100%, 0);
    clip-path: polygon(0% 120%, 100% 120%, 100% 220%, 0% 220%)
}

html.is-ready .c-work-hero.is-inview .c-work-hero_title_display span {
    transition: clip-path 1.1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0s !important;
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -15%, 100% -15%, 100% 100%, 0% 100%)
}

.c-work-hero_title_serif {
    --angle: 3.5deg
}

.c-work-hero_title_serif span {
    line-height: .8;
    transform: rotate(var(--angle)) translate3d(0, 100%, 0);
    clip-path: polygon(0% -120%, 100% -120%, 100% -20%, 0% -20%)
}

html.is-ready .c-work-hero.is-inview .c-work-hero_title_serif span {
    transition: clip-path 1.1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0s !important;
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -20%, 100% -20%, 100% 100%, 0% 100%)
}

.c-work-hero_images {
    position: relative;
    height: 90vh;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(12, 1fr);
    padding: calc(var(--grid-gutter) * 1);
    top: -10vh;
    margin-bottom: -10vh
}

@media(min-width: 1000px) {
    .c-work-hero_images {
        height: 100vh;
        top: -20vh;
        margin-bottom: -20vh
    }
}

.c-work-hero_gallery_item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-work-hero_gallery_item {
    margin-bottom: 5px
}

.c-work-hero_gallery_item_wrapper:nth-of-type(1) {
    grid-column: 1/6;
    grid-row: 1/3;
    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))
}

.c-work-hero_gallery_item_wrapper:nth-of-type(1) .c-work-hero_gallery_item {
    aspect-ratio: 214/135
}

.c-work-hero_gallery_item_wrapper:nth-of-type(2) {
    grid-column: 1/6;
    grid-row: 7/13;
    align-self: end;
    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))
}

.c-work-hero_gallery_item_wrapper:nth-of-type(2) .c-work-hero_gallery_item {
    aspect-ratio: 216/301
}

.c-work-hero_gallery_item_wrapper:nth-of-type(3) {
    grid-column: 5/10;
    grid-row: 5/9;
    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))
}

.c-work-hero_gallery_item_wrapper:nth-of-type(3) .c-work-hero_gallery_item {
    aspect-ratio: 1/1
}

.c-work-hero_gallery_item_wrapper:nth-of-type(4) {
    grid-column: 9/13;
    grid-row: 1/5;
    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))
}

.c-work-hero_gallery_item_wrapper:nth-of-type(4) .c-work-hero_gallery_item {
    aspect-ratio: 1/1
}

.c-work-hero_gallery_item_wrapper:nth-of-type(5) {
    grid-column: 9/13;
    grid-row: 10/13;
    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))
}

.c-work-hero_gallery_item_wrapper:nth-of-type(5) .c-work-hero_gallery_item {
    aspect-ratio: 335/216
}

@media(min-width: 1000px) {
    .c-work-hero_gallery_item_wrapper:nth-of-type(1) {
        grid-column: 1/3;
        grid-row: 1/3;
        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))
    }

    .c-work-hero_gallery_item_wrapper:nth-of-type(1) .c-work-hero_gallery_item {
        aspect-ratio: 214/135
    }

    .c-work-hero_gallery_item_wrapper:nth-of-type(2) {
        grid-column: 1/3;
        grid-row: 7/13;
        align-self: end;
        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))
    }

    .c-work-hero_gallery_item_wrapper:nth-of-type(2) .c-work-hero_gallery_item {
        aspect-ratio: 216/301
    }

    .c-work-hero_gallery_item_wrapper:nth-of-type(3) {
        grid-column: 6/8;
        grid-row: 5/9;
        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))
    }

    .c-work-hero_gallery_item_wrapper:nth-of-type(3) .c-work-hero_gallery_item {
        aspect-ratio: 1/1
    }

    .c-work-hero_gallery_item_wrapper:nth-of-type(4) {
        grid-column: 11/13;
        grid-row: 1/5;
        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))
    }

    .c-work-hero_gallery_item_wrapper:nth-of-type(4) .c-work-hero_gallery_item {
        aspect-ratio: 1/1
    }

    .c-work-hero_gallery_item_wrapper:nth-of-type(5) {
        grid-column: 10/13;
        grid-row: 8/11;
        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-work-hero_gallery_item_wrapper:nth-of-type(5) .c-work-hero_gallery_item {
        aspect-ratio: 335/216
    }
}

.c-work-hero_gallery_item_caption {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

.c-header {
    --focus-visible-offset: -2px;
    font-size: 13px;
    position: fixed;
    width: 100%;
    color: #fff;
    z-index: 105;
    text-transform: uppercase;
    padding: calc(var(--grid-gutter) * 1);
    font-weight: 600;
    mix-blend-mode: difference;
    padding-bottom: 0px;
    padding-top: 0px;
    top: calc(var(--grid-gutter) * 1);
    clip-path: inset(0px)
}

.c-header_inner {
    display: flex;
    justify-content: space-between;
    transform: translateY(120%)
}

.is-inview .c-header_inner {
    transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateY(0%)
}

html.is-leaving .c-header_inner {
    transform: translateY(-100%);
    transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.c-header_menu_inner {
    clip-path: inset(0px -20px 0px 0px)
}

.c-header_menu {
    position: relative
}

.c-header_menu::before {
    position: absolute;
    content: "";
    top: -20px;
    right: -20px;
    left: -20px;
    bottom: -20px
}

.c-header_menu_closed_logo {
    display: inline-block;
    transition: transform .7s cubic-bezier(0.83, 0, 0.17, 1)
}

.c-header_menu_closed {
    transform: translateY(0%);
    display: inline-block;
    transition: transform .7s cubic-bezier(0.83, 0, 0.17, 1)
}

@media(min-aspect-ratio: 1/1) {
    .menu-is-opening .c-header_menu_closed {
        transform: translateY(100%)
    }
}

.c-header_menu_opened {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    transition: transform .7s cubic-bezier(0.83, 0, 0.17, 1)
}

@media(min-aspect-ratio: 1/1) {
    .menu-is-opening .c-header_menu_opened {
        transform: translateY(0%)
    }
}

.c-header_logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    clip-path: inset(0px)
}

.c-header_contact {
    clip-path: inset(0px)
}

@media(min-aspect-ratio: 1/1) {
    .menu-open .c-header_contact {
        visibility: hidden
    }
}

.c-header_logo img {
    width: 120px
}

.c-header button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-transform: uppercase
}

.c-services-block {
    position: relative;
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1);
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop))) * 1);
    align-items: flex-start;
    padding-top: 50px
}

@media(min-width: 700px) {
    .c-services-block {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: var(--grid-gutter)
    }
}

.c-services-block .c-image_inner {
    height: 100%;
    width: 100%
}

@media(min-width: 700px) {
    .c-services-block_header {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-self: start;
        grid-column: 1/6;
        position: sticky;
        height: calc(100vh - 50px);
        padding-bottom: calc(var(--grid-gutter) * 1);
        top: 50px
    }
}

@media(min-width: 1000px) {
    .c-services-block_header {
        grid-column: 1/7
    }
}

.c-services-block_side {
    display: none
}

@media(min-width: 1200px) {
    .c-services-block_side {
        grid-column: 12/13;
        align-self: start;
        position: sticky;
        top: 50px;
        height: calc(100vh - 50px);
        display: block
    }
}

.c-serviecs-block_side_img {
    display: none
}

@media(min-width: 1200px) {
    .c-serviecs-block_side_img {
        aspect-ratio: 98/135;
        display: block;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transform: translate3d(-100px, 200px, 0px);
        transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .is-inview .c-serviecs-block_side_img {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px)
    }
}

.c-services-block img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-services-block_header_img_wrapper {
    display: none
}

@media(min-width: 700px) {
    .c-services-block_header_img_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 217/135;
        position: relative;
        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));
        opacity: 0;
        transform: translate3d(100px, -200px, 0px);
        transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .is-inview .c-services-block_header_img_wrapper {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px)
    }
}

.c-services-block_items {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1)
}

@media(min-width: 700px) {
    .c-services-block_items {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        grid-column: 7/13
    }
}

@media(min-width: 1000px) {
    .c-services-block_items {
        grid-column: 7/11
    }
}

.c-services-block_item_title {
    font-size: 50px;
    text-transform: uppercase
}

@media(min-width: 1400px) {
    .c-services-block_item_title {
        max-width: 50%;
        font-size: 75px
    }
}

.c-services-block_item {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

.c-services-block_item_index {
    color: #dffe40;
    font-size: 35px
}

.c-services-block_item_list {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.c-services-block_item_list_el {
    list-style: none;
    display: flex;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
}

.c-services-block_item_list-el span {
    display: inline-block;
    font-weight: 600 !important
}

.c-services_block_header_title {
    font-size: var(--font-size-huge);
    max-width: 75%;
    text-transform: uppercase
}

@media(min-width: 1000px) {
    .c-services_block_header_title {
        grid-column: 1/7;
        max-width: none
    }
}

.c-menu {
    height: 100dvh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #1d2120;
    z-index: 98;
    color: #fff;
    transition: clip-path .7s cubic-bezier(0.83, 0, 0.17, 1), visibility 0s linear .7s;
    visibility: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 0%);
    transform-origin: center
}

.menu-is-opening .c-menu {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition: clip-path .7s cubic-bezier(0.83, 0, 0.17, 1), visibility 0s linear 0s;
    visibility: visible
}

html.is-leaving .c-menu {
    transform: scale(0.8);
    transition: transform 1s cubic-bezier(0.83, 0, 0.17, 1)
}

.c-menu_scroll {
    position: absolute;
    inset: 0;
    overflow: auto
}

.c-menu_inner {
    width: 100%;
    height: 100%;
    padding-top: 50px;
    padding-bottom: calc(var(--grid-gutter) * 1);
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1);
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    position: relative
}

@media(min-aspect-ratio: 1.2/1) {
    .c-menu_inner {
        grid-template-columns: repeat(2, 1fr);
        gap: 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-top: 60px;
        padding-bottom: calc(var(--grid-gutter) * 1)
    }
}

.c-menu_primary {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop)))*1);
    align-items: center;
    flex-grow: 2;
    justify-content: flex-start
}

@media(min-aspect-ratio: 1.2/1) {
    .c-menu_primary {
        align-items: flex-end;
        justify-content: flex-start;
        width: 100%;
        order: 2
    }
}

.c-menu_primary_el {
    display: flex;
    flex-direction: column-reverse;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1);
    text-align: center;
    max-width: 80%
}

@media(min-aspect-ratio: 1.2/1) {
    .c-menu_primary_el {
        flex-direction: row-reverse;
        width: 100%;
        max-width: none;
        justify-content: space-between;
        align-items: flex-end;
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
    }
}

.c-menu_primary_el_index {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    clip-path: inset(0px)
}

@media(min-aspect-ratio: 1.2/1) {
    .c-menu_primary_el_index {
        font-size: 35px
    }
}

@media(min-aspect-ratio: 2.5/1) {
    .c-menu_primary_el_index {
        font-size: 24px
    }
}

.c-menu_primary_el_index span {
    display: inline-block;
    line-height: 1
}

.c-menu_primary_el_index .c-menu_primary_el_index_focused {
    position: relative;
    transition: transform .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(-5deg) translate3d(0, -110%, 0);
    transition-delay: 0s !important;
    position: absolute;
    top: 0;
    left: 0;
    color: #dffe40
}

.c-menu_primary_el_index .c-menu_primary_el_index_unfocused {
    position: relative;
    transition: transform .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(-5deg) translate3d(0, -110%, 0);
    transition-delay: 0s !important
}

.menu-is-opening:not(.menu-open) .c-menu_primary_el_index .c-menu_primary_el_index_unfocused {
    transition-delay: .4s !important;
    transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(0deg) translate3d(0, 0, 0)
}

.menu-closed:not(.menu-is-opening) .c-menu_primary_el_index .c-menu_primary_el_index_unfocused {
    transform: rotate(-5deg) translate3d(0, -110%, 0);
    transition: transform .4s ease-in
}

.menu-open .c-menu_primary_el_index .c-menu_primary_el_index_unfocused {
    transition: transform .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(0deg) translate3d(0, 0, 0);
    transition-delay: 0s !important
}

.c-menu_primary_el_title {
    --focus-visible-offset: -2px;
    font-size: calc(12.5px + 4vh);
    font-weight: 600;
    text-transform: uppercase;
    clip-path: inset(0px);
    cursor: pointer;
    position: relative;
    line-height: .875 !important
}

@media(max-height: 700px) {
    .c-menu_primary_el_title {
        font-size: calc(15px + 3vh)
    }
}

@media(min-width: 700px) {
    .c-menu_primary_el_title {
        font-size: calc(12.5px + 5vh)
    }
}

@media(min-aspect-ratio: 1.2/1) {
    .c-menu_primary_el_title {
        text-align: end;
        font-size: calc(7.5vh + 3vw)
    }
}

@media(min-aspect-ratio: 1.2/1) {
    .c-menu_primary_el_title {
        font-size: calc(6vh + 2.25vw)
    }
}

@media(min-aspect-ratio: 1.6/1) {
    .c-menu_primary_el_title {
        font-size: calc(7vh + 2.15vw)
    }
}

@media(min-aspect-ratio: 1.8/1) {
    .c-menu_primary_el_title {
        font-size: calc(7.5vh + 1.5vw)
    }
}

@media(min-aspect-ratio: 2.5/1) {
    .c-menu_primary_el_title {
        font-size: 75px
    }
}

@media(min-aspect-ratio: 2.75/1) {
    .c-menu_primary_el_title {
        font-size: 50px
    }
}

@media(min-aspect-ratio: 1.2/1) {
    .c-menu_primary_el_title:hover .c-menu_primary_el_title_unfocused span {
        transform: rotate(5deg) translate3d(0, 100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%);
        transition-delay: 0s !important
    }

    .c-menu_primary_el_title:hover .c-menu_primary_el_title_focused span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%);
        transition-delay: .16s !important
    }

    .c-menu_primary_el_title:hover+.c-menu_primary_el_index .c-menu_primary_el_index_focused {
        transform: rotate(0deg) translate3d(0, 0, 0);
        transition-delay: .1s !important
    }

    .c-menu_primary_el_title:hover+.c-menu_primary_el_index .c-menu_primary_el_index_unfocused {
        transform: rotate(5deg) translate3d(0, 110%, 0);
        transition-delay: 0s !important
    }
}

.c-menu_primary_el_title_unfocused,
.c-menu_secondary_el_title_unfocused {
    display: inline-block
}

.c-menu_primary_el_title_unfocused span,
.c-menu_secondary_el_title_unfocused span {
    position: relative;
    transition: clip-path .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .16s !important;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.menu-is-opening:not(.menu-open) .c-menu_primary_el_title_unfocused span,
.menu-is-opening:not(.menu-open) .c-menu_secondary_el_title_unfocused span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .3s !important;
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.menu-closed:not(.menu-is-opening) .c-menu_primary_el_title_unfocused span,
.menu-closed:not(.menu-is-opening) .c-menu_secondary_el_title_unfocused span {
    transition-delay: 0s !important;
    transition: clip-path .4s ease-in, transform .4s ease-in
}

.menu-open .c-menu_primary_el_title_unfocused span,
.menu-open .c-menu_secondary_el_title_unfocused span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.c-menu_primary_el_title_focused,
.c-menu_secondary_el_title_focused {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #dffe40
}

.c-menu_primary_el_title_focused span,
.c-menu_secondary_el_title_focused span {
    position: relative;
    transition: clip-path .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%);
    transition-delay: 0s !important
}

.c-menu_secondary_el_title_unfocused span {
    transition-delay: 0s !important
}

.c-menu_footer_container {
    flex-grow: 2
}

@media(min-aspect-ratio: 1.2/1) {
    .c-menu_footer_container {
        width: 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));
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
        max-width: 800px
    }
}

.c-menu_footer {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1);
    align-items: center;
    justify-content: space-between;
    height: 100%
}

@media(min-aspect-ratio: 1.2/1) {
    .c-menu_footer {
        flex-direction: row;
        align-items: flex-end;
        height: unset
    }
}

@media(max-width: 999px) {
    .c-menu_footer {
        padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
    }
}

.c-menu_secondary {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center
}

@media(min-aspect-ratio: 1.2/1) {
    .c-menu_secondary {
        align-items: flex-start;
        flex-shrink: 0
    }
}

.c-menu_secondary_el_title {
    --focus-visible-offset: -2px;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    position: relative;
    clip-path: inset(0px)
}

@media(max-height: 700px) {
    .c-menu_secondary_el_title {
        font-size: 20px
    }
}

@media(min-aspect-ratio: 1.2/1) {
    .c-menu_secondary_el_title {
        text-align: start;
        font-size: 5vw !important
    }
}

@media(min-aspect-ratio: 2/1) {
    .c-menu_secondary_el_title {
        text-align: start;
        font-size: 3vw !important
    }
}

@media(min-aspect-ratio: 2.5/1) {
    .c-menu_secondary_el_title {
        text-align: start;
        font-size: 2.5vw !important
    }
}

@media(min-aspect-ratio: 1.2/1) {
    .c-menu_secondary_el_title:hover .c-menu_secondary_el_title_unfocused span {
        transform: rotate(5deg) translate3d(0, 100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%);
        transition-delay: 0s !important
    }

    .c-menu_secondary_el_title:hover .c-menu_secondary_el_title_focused span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%);
        transition-delay: 0s !important
    }
}

.c-menu_actions {
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
}

@media(min-aspect-ratio: 1.2/1)and (max-width: 1300px) {
    .c-menu_actions {
        flex-direction: column
    }
}

.c-menu_socials {
    display: flex;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop))) * 1)
}

@media(min-aspect-ratio: 1.2/1)and (max-width: 1300px) {
    .c-menu_socials {
        flex-direction: column
    }
}

.c-menu_socials_link {
    text-decoration: none;
    font-size: 15px !important
}

.c-menu_actions_lang {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit
}

.c-menu_footer_img {
    display: none
}

@media(min-aspect-ratio: 1.2/1) {
    .c-menu_footer_img {
        width: 100%;
        aspect-ratio: 573/335;
        overflow: hidden;
        display: flex;
        align-items: center;
        clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
        transition: clip-path 1s cubic-bezier(0.86, 0, 0.07, 1);
        justify-content: flex-start
    }

    .menu-is-opening .c-menu_footer_img {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }

    .menu-closed:not(.menu-is-opening) .c-menu_footer_img {
        transition: clip-path .75s cubic-bezier(0.86, 0, 0.07, 1)
    }
}

.c-menu_footer_img .c-image {
    width: 100%
}

.menu-is-opening .c-menu-cursor {
    transition: opacity .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .4s !important;
    opacity: 1
}

.u-menu-transition {
    transition: transform .75s cubic-bezier(0.83, 0, 0.17, 1)
}

.menu-is-opening .u-menu-transition {
    transform: translateY(100px)
}

.main-inner {
    background-color: #fff
}

.main {
    --scroll: 0;
    transform-origin: 50% calc(var(--scroll)*1px)
}

html.is-leaving .main {
    transform: scale(0.8);
    transition: transform 1s cubic-bezier(0.83, 0, 0.17, 1)
}

.transition-pannel-bg {
    width: 100%;
    height: 100vh;
    position: fixed;
    --color: white;
    top: 0;
    left: 0;
    z-index: 101;
    background-color: var(--color);
    transform: translateY(100vh)
}

html.is-leaving .transition-pannel-bg {
    transition: transform 1s cubic-bezier(0.83, 0, 0.17, 1);
    transform: translateY(0)
}

.transition-borders-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #dffe40;
    top: 0;
    left: 0;
    z-index: 100;
    clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
    transition: clip-path 1s cubic-bezier(0.83, 0, 0.17, 1);
    pointer-events: none
}

html.is-leaving .transition-borders-bg {
    clip-path: polygon(0% 0%, 0% 100%, 5% 100%, 5% 5%, 90% 5%, 90% 100%, 5% 100%, 5% 100%, 100% 100%, 100% 0%)
}

.overlay-bg,
.menu-overlay-bg {
    width: 100%;
    height: 100%;
    background-color: #1d2120;
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0
}

.overlay-bg {
    z-index: 100;
    transition: opacity 1s cubic-bezier(0.83, 0, 0.17, 1)
}

html.is-leaving .overlay-bg {
    transition: opacity 1s cubic-bezier(0.83, 0, 0.17, 1);
    opacity: .5
}

.menu-overlay-bg {
    z-index: 95;
    transition: opacity .75s cubic-bezier(0.83, 0, 0.17, 1)
}

.menu-is-opening .menu-overlay-bg {
    opacity: .75
}

html.is-leaving .menu-overlay-bg {
    display: none
}

.body-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: #dffe40;
    z-index: -1;
    opacity: 0
}

html.is-leaving .body-bg {
    opacity: 1
}

.c-embed-block {
    display: grid;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1);
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1)
}

@media(min-width: 700px) {
    .c-embed-block {
        grid-template-columns: repeat(12, 1fr);
        gap: calc(var(--grid-gutter) * 1)
    }
}

.c-embed-block_title {
    font-size: 24px;
    text-transform: uppercase;
    color: #dffe40;
    flex-shrink: 0
}

@media(min-width: 1200px) {
    .c-embed-block_title {
        grid-column: 2/5
    }
}

@media(min-width: 700px)and (max-width: 1199px) {
    .c-embed-block_title {
        grid-column: 1/4
    }
}

@media(min-width: 700px) {
    .c-embed-block_title {
        font-size: 40px
    }
}

.c-embed-block_content {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1)
}

@media(min-width: 1200px) {
    .c-embed-block_content {
        grid-column: 7/12
    }
}

@media(min-width: 700px)and (max-width: 1199px) {
    .c-embed-block_content {
        grid-column: 5/13
    }
}

.c-embed-block_content iframe {
    width: 100%
}

.c-embed-block_content iframe[src*=youtube],
.c-embed-block_content iframe[src*=vimeo] {
    aspect-ratio: 18/9
}

.c-embed-block_content iframe[src*=tiktok] {
    aspect-ratio: 9/16
}

.o-cta {
    --focus-visible-offset: 2px;
    cursor: pointer;
    font-size: 12px !important;
    text-transform: uppercase
}

.o-cta_container {
    position: relative;
    clip-path: inset(0px);
    padding: 15px 8px 15px 8px;
    color: white !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-left: 20px !important;
    padding-right: 20px !important
}

.o-cta.-light .o-cta_container {
    color: #1d2120 !important
}

.o-cta_bg_black {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #1d2120
}

.o-cta.-light .o-cta_bg_black {
    background-color: white
}

.o-cta_bg {
    display: inline-block;
    position: absolute;
    left: -10%;
    top: 0;
    background-color: #dffe40;
    transform: translateY(-135%) rotate(-2.5deg);
    width: 120%;
    height: 100%;
    transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    pointer-events: none;
    transition-delay: .1s;
    z-index: 2
}

.o-cta:hover .o-cta_bg {
    transform: translateY(0%) rotate(0deg);
    transition-delay: 0s !important
}

.o-cta_inner {
    position: relative;
    clip-path: inset(0px);
    pointer-events: none;
    z-index: 3
}

.o-cta_active,
.o-cta_inactive {
    display: inline-block;
    pointer-events: none
}

.o-cta_inactive {
    transform: translateY(0%) rotate(0deg);
    transition: transform .4s cubic-bezier(0.25, 1, 0.5, 1), opacity .4s cubic-bezier(0.25, 1, 0.5, 1);
    transition-delay: .2s;
    opacity: 1
}

.o-cta:hover .o-cta_inactive {
    transform: translateY(100%);
    transition-delay: 0s;
    opacity: .25
}

.o-cta_active {
    top: 0;
    left: 0;
    position: absolute;
    transform: translateY(-100%);
    transition: transform .4s cubic-bezier(0.25, 1, 0.5, 1)
}

.o-cta:hover .o-cta_active {
    transition: transform .4s cubic-bezier(0.25, 1, 0.5, 1);
    transform: translateY(0%) rotate(0deg);
    transition-delay: .2s !important
}

@media(max-width: 699px) {
    .c-home-floating-image {
        display: flex;
        justify-content: center;
        margin-bottom: calc(calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop))) * 1)*1.5)
    }
}

@media(min-width: 700px) {
    .c-home-floating-image {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        margin-bottom: 0px;
        margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop))) * 1)
    }
}

@media(max-width: 699px) {
    .c-home-floating-image .c-image_inner {
        width: 50%
    }
}

@media(min-width: 700px) {
    .c-home-floating-image .c-image_inner {
        grid-column: 10/13
    }
}

.c-image_inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-image.-cover .c-image_inner {
    position: absolute;
    inset: 0
}

.c-image_img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0
}

.is-loaded .c-image_img {
    opacity: 1;
    transition: opacity .25s linear
}

.c-image.-cover .c-image_img {
    position: absolute;
    inset: 0
}

.c-work-stats {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding: var(--grid-gutter);
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop)))*1)
}

@media(min-width: 699px) {
    .c-work-stats {
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop)))*1)
    }
}

.c-work-stats_group {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop)))*1)
}

@media(min-width: 1000px) {
    .c-work-stats_group {
        flex-direction: row;
        gap: 0px;
        justify-content: space-between
    }
}

.c-work-stats_single {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-work-stats_single .c-work-stats_el {
    margin-top: 0px !important;
    align-items: flex-start !important
}

.c-work-stats_el {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop)))*1);
    width: 100%;
    align-items: flex-start
}

@media(min-width: 1000px) {
    .c-work-stats_el:nth-child(1) {
        align-items: flex-end;
        margin-top: 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));
        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))
    }
}

@media(min-width: 1200px) {
    .c-work-stats_el:nth-child(1) {
        width: 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))
    }
}

@media(min-width: 1600px) {
    .c-work-stats_el:nth-child(1) {
        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))
    }
}

.c-work-stats_el:nth-child(2) {
    align-items: flex-start
}

@media(min-width: 1000px) {
    .c-work-stats_el:nth-child(2) {
        width: 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))
    }
}

@media(min-width: 1600px) {
    .c-work-stats_el:nth-child(2) {
        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-work-stats_el .c-image_img {
    height: 80px;
    width: auto
}

@media(min-width: 700px) {
    .c-work-stats_el .c-image_img {
        height: 135px
    }
}

.c-work-stats_description {
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop)))*1/2);
    border-top: 1px solid #000;
    width: 100%
}

.c-work-stats_description p {
    max-width: 135px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.1
}

.c-work-stats_number_unit {
    transform: translateY(100%)
}

.is-inview .c-work-stats_number_unit {
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1.25s;
    transform: translateY(0%)
}

.c-work-stats_number_amount_placeholder {
    opacity: 0
}

.c-work-stats_number_amount {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.c-work-stats_number {
    position: relative;
    clip-path: inset(0px);
    width: 100%;
    transform: translateZ(0)
}

.c-work-stats_number p {
    position: relative;
    clip-path: inset(0px);
    width: 100%;
    transform: translateZ(0)
}

.c-work-stats_number span {
    will-change: transform
}

.c-work-stats_number_amount_container {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: flex-end;
    transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.is-inview .c-work-stats_number_amount_container.-is-ready {
    transform: translateY(var(--targetY))
}

.c-work-stats_number p {
    font-size: 20vw;
    text-transform: uppercase;
    color: #dffe40;
    line-height: 1 !important;
    display: flex;
    width: 100%
}

@media(min-width: 1000px) {
    .c-work-stats_number p {
        justify-content: space-between
    }
}

@media(min-width: 700px) {
    .c-work-stats_number p {
        font-size: 200px
    }
}

@media(min-width: 1400px) {
    .c-work-stats_number p {
        font-size: 255px
    }
}

.c-hero-article-listing {
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop)))*1 + clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop)))*1);
    padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop)))*1)
}

.c-hero-article-listing_title {
    margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1)
}

@media(min-width: 1400px) {
    .c-hero-article-listing_title {
        font-size: 15vw !important
    }
}

@media(max-width: 699px) {
    .c-hero-article-listing_info {
        display: flex;
        flex-direction: column-reverse;
        gap: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop))) * 1)
    }
}

@media(min-width: 700px) {
    .c-hero-article-listing_info {
        display: grid;
        align-items: flex-end;
        grid-template-columns: repeat(10, 1fr);
        gap: calc(var(--grid-gutter) * 1)
    }
}

@media(min-width: 700px) {
    .c-hero-article-listing_filter {
        grid-column: 1/5
    }
}

html:not(.is-webkit) .c-hero-article-listing_info_text {
    text-wrap: balance
}

@media(min-width: 500px)and (max-width: 699px) {
    .c-hero-article-listing_info_text {
        width: 50%
    }
}

@media(min-width: 700px) {
    .c-hero-article-listing_info_text {
        grid-column: 8/11
    }
}

.c-tile-article {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .6666666667rem;
    margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop)))*1)
}

.c-tile-article_visual {
    position: relative;
    aspect-ratio: 570/368;
    overflow: hidden
}

@media(hover: hover) {
    .c-tile-article_visual .c-image_inner {
        transition: transform .5s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .c-tile-article:hover .c-tile-article_visual .c-image_inner,
    .c-tile-article:focus-within .c-tile-article_visual .c-image_inner {
        transform: scale3d(1.05, 1.05, 1)
    }
}

@media(hover: hover) {
    .c-tile-article_title {
        transition: color .5s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .c-tile-article:hover .c-tile-article_title,
    .c-tile-article:focus-within .c-tile-article_title {
        color: var(--color-accent)
    }
}

.c-tile-article_info {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-xs-mobile)), var(--spacing-xs-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xs-desktop)))*1)
}

.c-tile-article_tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    z-index: 10
}

.c-tile-article_link {
    position: absolute;
    inset: 0;
    z-index: 2;
    outline-offset: 4px !important
}

.c-filter-article {
    position: relative;
    border-bottom: 1px solid var(--color-darkest)
}

.c-filter-article:focus-within {
    outline: 2px solid var(--color-darkest);
    outline-offset: 4px
}

.c-filter-article_label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-transform: uppercase;
    pointer-events: none
}

.c-filter-article_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0px;
    padding: 5px 10px 5px 100px;
    text-align: right;
    height: 40px;
    width: 100%;
    opacity: 0
}

.c-filter-article_select_placeholder {
    position: absolute;
    inset: 0;
    text-align: right;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.c-pagination {
    padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop))) * 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #1d2120
}

.c-pagination_list {
    display: flex;
    flex-wrap: wrap
}

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

.c-pagination_cta {
    min-width: 200px
}

.c-pagination_cta.-next {
    text-align: right
}

.c-pagination_button,
.c-pagination_link {
    text-transform: uppercase;
    font-size: var(--font-size-h5);
    font-family: "Sohne Schmal", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: .775;
    letter-spacing: -0.01em;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 10px;
    line-height: 1
}

.c-pagination_link {
    min-width: 50px
}

.c-pagination_link.is-active {
    pointer-events: none;
    background-color: #1d2120
}

.c-pagination_link.is-active::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #fff;
    border-radius: 18px
}

.c-pagination_link_label {
    position: relative
}

.c-pagination_link_label::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: right
}

@media(hover: hover) {
    .c-pagination_link_label::before {
        transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .c-pagination_link:hover .c-pagination_link_label::before,
    .c-pagination_button:hover .c-pagination_link_label::before {
        transform: scaleX(1);
        transform-origin: left
    }
}

.c-pagination_button {
    padding-left: 0;
    padding-right: 0
}

.c-pagination_button.is-disabled {
    opacity: .3;
    pointer-events: none
}

.c-author {
    display: flex;
    flex-direction: column;
    gap: .6666666667rem
}

@media(max-width: 999px) {
    .c-author_img {
        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))
    }
}

@media(min-width: 1000px) {
    .c-author_img {
        width: 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-author_label {
    margin-bottom: .6666666667rem
}

.c-author_text {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body);
    font-size: 12px;
    text-transform: uppercase
}

.c-author_info {
    display: flex;
    flex-direction: column;
    line-height: 1
}

.c-author_info_name {
    font-weight: 700
}

.c-next-article {
    padding-bottom: var(--grid-gutter)
}

.c-next-article_inner {
    position: relative;
    padding: var(--grid-gutter);
    background-color: var(--color-accent);
    overflow: hidden
}

@media(min-width: 700px)and (hover: hover) {
    .c-next-article_inner::before {
        content: "";
        background-color: #1d2120;
        position: absolute;
        inset: 0;
        transform: translateY(-130%) rotate(-1deg);
        transition: transform .75s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .c-next-article_inner:hover::before {
        transform: translateY(0) rotate(0deg)
    }
}

.c-next-article_label {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body);
    font-size: 12px;
    margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1);
    position: relative;
    z-index: 2
}

@media(min-width: 700px)and (hover: hover) {
    .c-next-article_label {
        transition: color .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .2s
    }

    .c-next-article_inner:hover .c-next-article_label {
        color: #fff;
        transition-delay: 0s
    }
}

.c-next-article_title {
    margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1);
    max-width: 800px;
    line-height: .8 !important;
    position: relative
}

@media(hover: hover) {
    .c-next-article_title {
        transition-property: transform, color;
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform-delay: 0s, .4s
    }

    .c-next-article_inner:hover .c-next-article_title {
        transform: translate3d(0, 5px, 0);
        color: #fff;
        transition-delay: 0s, 0s
    }
}

.c-next-article_visual {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-end
}

.c-next-article_img {
    width: calc(0.3333333333*(calc(100 * var(--vw, 1vw)) - 2*var(--grid-margin, 0px)) - (1 - 0.3333333333)*var(--grid-gutter, 0px) + 1*var(--grid-gutter, 0px))
}

.c-next-article_button {
    position: relative
}

@media(hover: hover) {
    .c-next-article_button {
        transition-property: color;
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform-delay: .1s
    }

    .c-next-article_inner:hover .c-next-article_button {
        color: #fff;
        transition-delay: .3s
    }
}

.c-next-article_button_label {
    display: inline-block
}

@media(hover: hover) {
    .c-next-article_button_label {
        transition-property: transform;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .c-next-article_inner:hover .c-next-article_button_label {
        transform: translate3d(0.8rem, 0%, 0)
    }
}

.c-next-article_button_arrow {
    display: inline-block
}

.c-next-article_button_arrow.-hover {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate3d(-100%, -50%, 0)
}

@media(hover: hover) {
    .c-next-article_button_arrow {
        transition-property: transform, opacity;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .c-next-article_inner:hover .c-next-article_button_arrow.-default {
        opacity: 0;
        transform: translate3d(100%, 0%, 0)
    }

    .c-next-article_inner:hover .c-next-article_button_arrow.-hover {
        opacity: 1;
        transform: translate3d(0%, -50%, 0)
    }
}

.c-next-article_link {
    --focus-visible-offset: -8px;
    --focus-visible-color: white;
    position: absolute;
    inset: 0;
    z-index: 2
}

.c-next-article_img {
    overflow: hidden
}

@media(hover: hover) {
    .c-next-article_img_anim {
        transition: transform .5s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .c-next-article_inner:hover .c-next-article_img_anim {
        transform: scale3d(1.05, 1.05, 1)
    }
}

.c-wysiwyg>:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important
}

.c-wysiwyg>:last-child {
    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 {
    margin-top: 2em;
    margin-block-end: 1em;
    text-transform: uppercase;
    line-height: 1 !important
}

.c-wysiwyg h1,
.c-wysiwyg h2 {
    font-size: calc(var(--font-size-h3)/1.4);
    font-family: "Sohne Schmal", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: .775;
    letter-spacing: -0.01em
}

.c-wysiwyg h3 {
    font-size: calc(var(--font-size-h4)/1.4);
    font-family: "Canela Condensed", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: .68;
    font-weight: 300;
    letter-spacing: -0.02em
}

.c-wysiwyg h4 {
    font-size: calc(var(--font-size-h4)/1.6);
    font-family: "Sohne Schmal", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: .775;
    letter-spacing: -0.01em
}

.c-wysiwyg h5 {
    font-size: calc(var(--font-size-h5)/1.2);
    font-family: "Canela Condensed", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: .68;
    font-weight: 300;
    letter-spacing: -0.02em
}

.c-wysiwyg h6 {
    font-size: calc(var(--font-size-h6)/1.2);
    font-family: "Sohne Schmal", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: .775;
    letter-spacing: -0.01em
}

.c-wysiwyg p,
.c-wysiwyg table,
.c-wysiwyg ol,
.c-wysiwyg ul {
    font-weight: inherit;
    line-height: 1.3;
    font-size: var(--font-size-body);
    margin-top: 1.5em;
    margin-block-end: 1.2em;
    line-height: 1.4;
    padding-left: 0
}

.c-wysiwyg a {
    cursor: pointer;
    text-decoration: underline;
    font-weight: 700;
    color: var(--color-accent)
}

.c-wysiwyg a:hover {
    text-decoration: underline
}

.c-wysiwyg ol li,
.c-wysiwyg ul li {
    margin-bottom: .3333333333rem
}

.c-wysiwyg ol li,
.c-wysiwyg ul li {
    position: relative;
    padding-left: 1.6666666667rem;
    list-style: none
}

.c-wysiwyg ol {
    counter-reset: counter
}

.c-wysiwyg ol>li {
    counter-increment: counter
}

.c-wysiwyg ol>li::before {
    content: counter(counter) ". ";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--color-accent);
    font-family: "Sohne Schmal", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: .775;
    letter-spacing: -0.01em;
    line-height: 1.4 !important
}

.c-wysiwyg ul li::before {
    content: "";
    position: absolute;
    top: .5em;
    left: 0;
    width: .4em;
    height: .4em;
    background-color: currentColor;
    border-radius: 100%
}

.c-404 {
    background-color: #1d2120;
    color: #fff
}

.c-404_inner {
    min-height: 100vh;
    display: grid;
    align-items: center
}

@media(min-width: 700px) {
    .c-404_inner {
        grid-template-columns: repeat(2, 1fr)
    }
}

.c-404_text {
    display: flex;
    flex-direction: column;
    gap: calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop)))*1);
    width: 300px
}

.c-404_img {
    margin-right: calc(var(--grid-gutter)*-1);
    height: 100%;
    position: relative
}

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

.c-wysiwyg-article {
    display: grid;
    gap: calc(var(--grid-gutter) * 1);
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop)))*1);
    margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop)))*1)
}

@media(min-width: 700px) {
    .c-wysiwyg-article {
        margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop)))*1);
        grid-template-columns: repeat(12, 1fr)
    }
}

@media(min-width: 700px)and (max-width: 999px) {
    .c-wysiwyg-article_inner {
        grid-column: 3/11
    }
}

@media(min-width: 1000px) {
    .c-wysiwyg-article_inner {
        grid-column: 4/10
    }
}

.c-wysiwyg-article_title {
    margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-md-mobile)), var(--spacing-md-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-md-desktop)))*1)
}

.u-2\:1::before {
    padding-bottom: 50%
}

.u-4\:3::before {
    padding-bottom: 75%
}

.u-16\:9::before {
    padding-bottom: 56.25%
}

.u-swipe-anim {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 0s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 0s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-0 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-0.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 0s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-0.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 0s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-0.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-1 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-1.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) .15s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-1.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) .15s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-1.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-2 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-2.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) .3s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-2.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) .3s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-2.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-3 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-3.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) .45s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-3.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) .45s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-3.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-4 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-4.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) .6s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-4.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) .6s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-4.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-5 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-5.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) .75s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-5.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) .75s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-5.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-6 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-6.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) .9s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-6.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) .9s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-6.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-7 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-7.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 1.05s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-7.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 1.05s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-7.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-8 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-8.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 1.2s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-8.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 1.2s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-8.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-9 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-9.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 1.35s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-9.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 1.35s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-9.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-10 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-10.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 1.5s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-10.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 1.5s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-10.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-11 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-11.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 1.65s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-11.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 1.65s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-11.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-12 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-12.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 1.8s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-12.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 1.8s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-12.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-13 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-13.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 1.95s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-13.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 1.95s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-13.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-14 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-14.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 2.1s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-14.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 2.1s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-14.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-15 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-15.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 2.25s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-15.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 2.25s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-15.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-16 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-16.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 2.4s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-16.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 2.4s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-16.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-17 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-17.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 2.55s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-17.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 2.55s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-17.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-18 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-18.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 2.7s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-18.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 2.7s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-18.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-19 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-19.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 2.85s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-19.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 2.85s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-19.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-swipe-anim.-i-20 {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%)
}

html.is-ready .u-swipe-anim.-i-20.is-inview {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 3s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-anim-parent.is-inview .u-swipe-anim.-i-20.-parent {
    transition: clip-path 1.25s cubic-bezier(0.86, 0, 0.07, 1) 3s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.u-swipe-anim.-i-20.-slow {
    transition-duration: 1.25s !important;
    transition-delay: 0s
}

.u-corner-anim,
.u-corner-anim-state {
    --border-radius: 25px;
    position: relative
}

.u-corner-anim.-medium,
.u-corner-anim-state.-medium {
    --border-radius: 90px
}

.u-corner-anim.-accent,
.u-corner-anim-state.-accent {
    --background-color: #1d2120;
    --corner-color: #dffe40
}

.u-corner-anim.-light,
.u-corner-anim-state.-light {
    --background-color: white;
    
}

.u-corner-anim.-dark,
.u-corner-anim-state.-dark {
    --background-color: #1d2120;
    --corner-color: white
}

.u-corner-anim::before,
.u-corner-anim-state::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--background-color);
    z-index: 2;
    left: 0;
    top: 0;
    transition: border-radius .25s;
    pointer-events: none
}

.u-corner-anim::after,
.u-corner-anim-state::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--corner-color);
    z-index: 1;
    left: 0;
    top: 0;
    pointer-events: none
}

@media(min-width: 700px) {
    .u-corner-anim:hover:not(.-xl-only)::before {
        border-radius: var(--border-radius)
    }
}

@media(min-width: 1400px) {
    .u-corner-anim:hover::before {
        border-radius: var(--border-radius)
    }
}

.u-corner-anim-state::after {
    width: 99.9%
}

.u-corner-anim-state.-active::before {
    border-radius: var(--border-radius)
}

.u-line-mask-anim:not(.-desktop-only) span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-0 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-0.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-0.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-0.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-1 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .15s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-1.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-1.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-1.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-2 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .3s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-2.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-2.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-2.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-3 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .45s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-3.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-3.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-3.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-4 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .6s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-4.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-4.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-4.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-5 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .75s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-5.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-5.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-5.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-6 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .9s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-6.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-6.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-6.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-7 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.05s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-7.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-7.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-7.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-8 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.2s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-8.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-8.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-8.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-9 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.35s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-9.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-9.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-9.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-10 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.5s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-10.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-10.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-10.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-11 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.65s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-11.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-11.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-11.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-12 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.8s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-12.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-12.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-12.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-13 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.95s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-13.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-13.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-13.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-14 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 2.1s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-14.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-14.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-14.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-15 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 2.25s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-15.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-15.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-15.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-16 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 2.4s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-16.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-16.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-16.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-17 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 2.55s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-17.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-17.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-17.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-18 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 2.7s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-18.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-18.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-18.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-19 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 2.85s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-19.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-19.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-19.-slow span {
    transition-duration: 1.25s
}

.u-line-mask-anim:not(.-desktop-only).-i-20 span {
    transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 3s;
    transform: rotate(-5deg) translate3d(0, -100%, 0);
    clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
}

.u-line-mask-anim:not(.-desktop-only).-i-20.is-inview span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-anim-parent.is-inview .u-line-mask-anim:not(.-desktop-only).-i-20.-parent span {
    transform: rotate(0deg) translate3d(0, 0, 0);
    clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
}

.u-line-mask-anim:not(.-desktop-only).-i-20.-slow span {
    transition-duration: 1.25s
}

@media(min-width: 1000px) {
    .u-line-mask-anim span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-0 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 0s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-0.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-0.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-0.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-1 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .15s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-1.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-1.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-1.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-2 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .3s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-2.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-2.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-2.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-3 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .45s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-3.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-3.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-3.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-4 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .6s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-4.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-4.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-4.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-5 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .75s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-5.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-5.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-5.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-6 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: .9s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-6.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-6.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-6.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-7 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.05s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-7.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-7.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-7.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-8 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.2s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-8.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-8.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-8.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-9 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.35s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-9.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-9.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-9.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-10 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.5s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-10.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-10.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-10.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-11 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.65s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-11.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-11.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-11.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-12 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.8s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-12.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-12.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-12.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-13 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 1.95s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-13.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-13.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-13.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-14 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 2.1s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-14.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-14.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-14.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-15 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 2.25s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-15.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-15.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-15.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-16 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 2.4s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-16.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-16.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-16.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-17 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 2.55s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-17.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-17.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-17.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-18 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 2.7s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-18.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-18.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-18.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-19 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 2.85s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-19.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-19.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-19.-slow span {
        transition-duration: 1.25s
    }

    .u-line-mask-anim.-i-20 span {
        transition: clip-path .75s cubic-bezier(0.215, 0.61, 0.355, 1), transform .75s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-delay: 3s;
        transform: rotate(-5deg) translate3d(0, -100%, 0);
        clip-path: polygon(0% 110%, 100% 110%, 100% 210%, 0% 210%)
    }

    .u-line-mask-anim.-i-20.is-inview span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-anim-parent.is-inview .u-line-mask-anim.-i-20.-parent span {
        transform: rotate(0deg) translate3d(0, 0, 0);
        clip-path: polygon(0% -10%, 100% -10%, 100% 110%, 0% 110%)
    }

    .u-line-mask-anim.-i-20.-slow span {
        transition-duration: 1.25s
    }
}

.u-opacity-anim {
    opacity: 0
}

.u-opacity-anim.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0s
}

.u-anim-parent.is-inview .u-opacity-anim.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0s
}

.u-opacity-anim.-i-0 {
    opacity: 0
}

.u-opacity-anim.-i-0.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-0.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0s
}

.u-opacity-anim.-i-1 {
    opacity: 0
}

.u-opacity-anim.-i-1.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .1s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-1.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .1s
}

.u-opacity-anim.-i-2 {
    opacity: 0
}

.u-opacity-anim.-i-2.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .2s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-2.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .2s
}

.u-opacity-anim.-i-3 {
    opacity: 0
}

.u-opacity-anim.-i-3.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .3s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-3.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .3s
}

.u-opacity-anim.-i-4 {
    opacity: 0
}

.u-opacity-anim.-i-4.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .4s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-4.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .4s
}

.u-opacity-anim.-i-5 {
    opacity: 0
}

.u-opacity-anim.-i-5.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .5s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-5.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .5s
}

.u-opacity-anim.-i-6 {
    opacity: 0
}

.u-opacity-anim.-i-6.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .6s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-6.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .6s
}

.u-opacity-anim.-i-7 {
    opacity: 0
}

.u-opacity-anim.-i-7.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .7s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-7.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .7s
}

.u-opacity-anim.-i-8 {
    opacity: 0
}

.u-opacity-anim.-i-8.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .8s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-8.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .8s
}

.u-opacity-anim.-i-9 {
    opacity: 0
}

.u-opacity-anim.-i-9.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .9s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-9.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .9s
}

.u-opacity-anim.-i-10 {
    opacity: 0
}

.u-opacity-anim.-i-10.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-10.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1s
}

.u-opacity-anim.-i-11 {
    opacity: 0
}

.u-opacity-anim.-i-11.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.1s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-11.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.1s
}

.u-opacity-anim.-i-12 {
    opacity: 0
}

.u-opacity-anim.-i-12.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.2s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-12.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.2s
}

.u-opacity-anim.-i-13 {
    opacity: 0
}

.u-opacity-anim.-i-13.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.3s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-13.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.3s
}

.u-opacity-anim.-i-14 {
    opacity: 0
}

.u-opacity-anim.-i-14.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.4s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-14.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.4s
}

.u-opacity-anim.-i-15 {
    opacity: 0
}

.u-opacity-anim.-i-15.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.5s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-15.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.5s
}

.u-opacity-anim.-i-16 {
    opacity: 0
}

.u-opacity-anim.-i-16.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.6s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-16.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.6s
}

.u-opacity-anim.-i-17 {
    opacity: 0
}

.u-opacity-anim.-i-17.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.7s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-17.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.7s
}

.u-opacity-anim.-i-18 {
    opacity: 0
}

.u-opacity-anim.-i-18.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.8s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-18.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.8s
}

.u-opacity-anim.-i-19 {
    opacity: 0
}

.u-opacity-anim.-i-19.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.9s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-19.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.9s
}

.u-opacity-anim.-i-20 {
    opacity: 0
}

.u-opacity-anim.-i-20.is-inview {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 2s
}

.u-anim-parent.is-inview .u-opacity-anim.-i-20.-parent {
    opacity: 1;
    transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 2s
}

.u-reveal-anim {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-0 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-0.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-0.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-1 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-1.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .1s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-1.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .1s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-2 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-2.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .2s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-2.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .2s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-3 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-3.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .3s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-3.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .3s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-4 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-4.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .4s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-4.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .4s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-5 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-5.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .5s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-5.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .5s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-6 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-6.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .6s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-6.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .6s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-7 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-7.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .7s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-7.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .7s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-8 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-8.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .8s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-8.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .8s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-9 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-9.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .9s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-9.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: .9s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-10 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-10.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-10.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-11 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-11.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.1s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-11.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.1s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-12 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-12.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.2s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-12.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.2s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-13 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-13.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.3s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-13.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.3s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-14 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-14.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.4s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-14.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.4s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-15 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-15.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.5s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-15.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.5s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-16 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-16.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.6s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-16.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.6s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-17 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-17.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.7s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-17.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.7s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-18 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-18.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.8s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-18.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.8s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-19 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-19.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.9s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-19.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.9s;
    transform: translate3d(0, 0, 0)
}

.u-reveal-anim.-i-20 {
    opacity: 0;
    transform: translate3d(0, calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1), 0)
}

.u-reveal-anim.-i-20.is-inview {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 2s;
    transform: translate3d(0, 0, 0)
}

.u-anim-parent.is-inview .u-reveal-anim.-i-20.-parent {
    opacity: 1;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1), transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 2s;
    transform: translate3d(0, 0, 0)
}

.u-anim-translate-opacity {
    transition-property: opacity, transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transform: translate3d(0, 30px, 0)
}

.u-anim-translate-opacity.-delay-0 {
    transition-delay: 0s
}

.u-anim-translate-opacity.-delay-1 {
    transition-delay: .1s
}

.u-anim-translate-opacity.-delay-2 {
    transition-delay: .2s
}

.u-anim-translate-opacity.-delay-3 {
    transition-delay: .3s
}

.u-anim-translate-opacity.-delay-4 {
    transition-delay: .4s
}

.u-anim-translate-opacity.-delay-5 {
    transition-delay: .5s
}

.u-anim-translate-opacity.-delay-6 {
    transition-delay: .6s
}

.u-anim-translate-opacity.-delay-7 {
    transition-delay: .7s
}

.u-anim-translate-opacity.-delay-8 {
    transition-delay: .8s
}

.u-anim-translate-opacity.-delay-9 {
    transition-delay: .9s
}

.u-anim-translate-opacity.-delay-10 {
    transition-delay: 1s
}

.u-anim-translate-opacity.-delay-11 {
    transition-delay: 1.1s
}

.u-anim-translate-opacity.-delay-12 {
    transition-delay: 1.2s
}

.u-anim-translate-opacity.-delay-13 {
    transition-delay: 1.3s
}

.u-anim-translate-opacity.-delay-14 {
    transition-delay: 1.4s
}

.u-anim-translate-opacity.-delay-15 {
    transition-delay: 1.5s
}

.u-anim-translate-opacity.-delay-16 {
    transition-delay: 1.6s
}

.u-anim-translate-opacity.-delay-17 {
    transition-delay: 1.7s
}

.u-anim-translate-opacity.-delay-18 {
    transition-delay: 1.8s
}

.u-anim-translate-opacity.-delay-19 {
    transition-delay: 1.9s
}

.u-anim-translate-opacity.-delay-20 {
    transition-delay: 2s
}

html.is-ready .u-anim-translate-opacity {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.u-color-accent {
    color: var(--color-accent)
}

.u-relative {
    position: relative
}

.u-clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.u-text-center {
    text-align: center
}

.u-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

.u-serif {
    font-family: "Canela Condensed", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    line-height: .68;
    font-weight: 300;
    letter-spacing: -0.02em
}

[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
}

.u-padding-bottom-lg {
    padding-bottom: clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop)))
}

.u-padding-bottom-xl {
    padding-bottom: clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop)))
}

.u-margin-top-lg {
    margin-top: clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop)))
}

.u-container-spacing {
    padding-top: calc(calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop))) * 1) + calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1));
    padding-bottom: calc(calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop))) * 1) + calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1))
}

.u-container-spacing-bottom {
    padding-bottom: calc(calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop))) * 1) + calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1))
}

.u-container-spacing-top {
    padding-top: calc(calc(clamp(calc(0.0666666667rem * var(--spacing-xl-mobile)), var(--spacing-xl-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-xl-desktop))) * 1) + calc(clamp(calc(0.0666666667rem * var(--spacing-sm-mobile)), var(--spacing-sm-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-sm-desktop))) * 1))
}

.u-container-spacing-sm {
    padding-top: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1);
    padding-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1)
}

.c-attachment.-article .u-container-spacing-sm {
    padding: 0;
    margin-top: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1);
    margin-bottom: calc(clamp(calc(0.0666666667rem * var(--spacing-lg-mobile)), var(--spacing-lg-desktop) / 14.4 * 1vw, calc(0.0666666667rem * var(--spacing-lg-desktop))) * 1)
}

.u-generic {
    padding-left: calc(var(--grid-gutter) * 1);
    padding-right: calc(var(--grid-gutter) * 1)
}