@charset "UTF-8";

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor
}

:before,
:after {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

dialog {
    padding: 0
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

[hidden] {
    display: none
}

*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    width: 100%
}

@media (min-width: 800px) {
    .container {
        max-width: 800px
    }
}

@media (min-width: 1000px) {
    .container {
        max-width: 1000px
    }
}

@media (min-width: 1250px) {
    .container {
        max-width: 1250px
    }
}

@media (min-width: 1450px) {
    .container {
        max-width: 1450px
    }
}

@font-face {
    font-family: Neue Haas Grotesk Display Pro;
    src: url(https://www.performanse.com/assets/fonts/NeueHaasGroteskDisplayPro65Medium.woff2) format("woff2"), url(https://www.performanse.com/assets/fonts/NeueHaasGroteskDisplayPro65Medium.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Neue Haas Grotesk Display Pro;
    src: url(https://www.performanse.com/assets/fonts/NeueHaasGroteskDisplayPro65Medium.woff2) format("woff2"), url(https://www.performanse.com/assets/fonts/NeueHaasGroteskDisplayPro65Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Neue Haas Grotesk Display Pro;
    src: url(https://www.performanse.com/assets/fonts/NeueHaasGroteskDisplayPro55Roman.woff2) format("woff2"), url(https://www.performanse.com/assets/fonts/NeueHaasGroteskDisplayPro55Roman.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Geograph;
    src: url(https://www.performanse.com/assets/fonts/geograph-regular-italic.woff2) format("woff2"), url(https://www.performanse.com/assets/fonts/geograph-regular-italic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Geograph;
    src: url(https://www.performanse.com/assets/fonts/geograph-medium.woff2) format("woff2"), url(https://www.performanse.com/assets/fonts/geograph-medium.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

:root {
    --font-family-display: "Geograph";
    --font-family-text: "Neue Haas Grotesk Display Pro";
    --font-fallback: -apple-system, system-ui, BlinkMacSystemFont, "Helvetica", "Arial", sans-serif;
    --font-display: var(--font-family-display, --font-fallback);
    --font-sans: var(--font-family-text, --font-fallback);
    --blue-mysterious: #050B28;
    --blue-sapphire: #07296f;
    --blue-night: #081134;
    --blue-depths: #0B1841;
    --blue-rurikon: #17274F;
    --blue-fibonacci: #102458;
    --blue-navy: #1b2c5d;
    --blue-highlight: #2F4A8F;
    --blue-dayflower: #788DC2;
    --blue-patch: #62729D;
    --blue-veteran: #2d62e8;
    --blue-flower: #9CAEDD;
    --blue-sky: #9CB8FF;
    --blue-brilliant: #E7EFFF;
    --blue-white: #F4F6FE;
    --blue-fantasy: #25A4FF;
    --blue-snow: #A9D0FD;
    --blue-ice: #C4E7FF;
    --blue-whisper: #e7eaf3;
    --blue-moon: #0040b4;
    --blue-rurikon-30: rgba(23, 39, 79, .3);
    --blue-fibonacci-30: rgba(16, 36, 88, .3);
    --blue-fibonacci-60: rgba(16, 36, 88, .6);
    --blue-patch-30: rgba(98, 114, 157, .3);
    --blue-patch-60: rgba(98, 114, 157, .6);
    --blue-flower-60: rgba(156, 174, 221, .6);
    --blue-flower-30: rgba(156, 174, 221, .3);
    --blue-flower-15: rgba(156, 174, 221, .15);
    --blue-sky-30: rgba(156, 184, 255, .3);
    --blue-sky-60: rgba(156, 184, 255, .6);
    --blue-dayflower-30: rgba(120, 141, 194, .3);
    --yellow-sunflower: #FFE1AB;
    --purple-lavender: #C6BDFF;
    --cyan: #69DFCA;
    --cyan-light: #BDEBE0;
    --cyan-white: #F7FAF9;
    --red: #CF2C2C;
    --red-light: #DD9C9C;
    --white: #FFFFFF;
    --off-white: #DFDFDF;
    --off-white-30: rgba(223, 223, 223, .3);
    --off-white-60: rgba(223, 223, 223, .6);
    --off-black: #000014;
    --off-black-30: rgba(0, 0, 20, .3);
    --off-black-60: rgba(0, 0, 20, .6);
    --off-black-90: rgba(0, 0, 20, .9);
    --bg-color: var(--white);
    --text-color: var(--off-black);
    --expo-out: cubic-bezier(.19, 1, .22, 1);
    --button-border-radius: 0.5rem;
    --z-widget: 1;
    --z-nav: 2;
    --z-modal: 3
}

*,
:before,
:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none
}

html {
    -ms-overflow-style: none;
    scrollbar-width: none;
    --bg-color: var(--blue-white);
    --text-color: var(--off-black);
    --paragraph-color: var(--blue-patch);
    font-family: var(--font-sans);
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: initial;
    cursor: default;
    box-sizing: border-box;
    height: 100vh;
    width: 100vw;
    overflow-x: hidden;
    font-size: min(4.26667vw, 20px);
    background-color: var(--bg-color);
    color: var(--text-color)
}

html[data-theme=dark] {
    --bg-color: var(--darker-blue);
    --text-color: var(--light-blue);
    --paragraph-color: var(--grey)
}

@media (min-width: 800px) {
    html {
        font-size: clamp(12px, 1.111111vw, 22px)
    }
}

a {
    color: inherit;
    text-decoration: inherit
}

.article {
    font-size: 1rem;
    line-height: 1.4375;
    letter-spacing: .02em;
    color: var(--paragraph-color)
}

.article .line-inner {
    display: block;
    white-space: nowrap;
    will-change: transform, opacity
}

@media (max-width: 799px) {
    .article .line-inner {
        white-space: normal
    }

    .article {
        font-size: .875rem;
        line-height: 1.57143
    }
}

.article h3 {
    font-family: var(--font-display);
    font-size: 1.375rem;
    line-height: 1.27273;
    letter-spacing: -.04em;
    font-weight: 500;
    color: var(--title-color);
    margin-bottom: 1.25rem
}

.article h4 {
    font-family: var(--font-display);
    font-size: 1rem;
    line-height: 1.33333;
    letter-spacing: -.04em;
    font-weight: 500;
    color: var(--title-color);
    margin-bottom: 1.25rem
}

.article *+h3 {
    margin-top: 3.125rem
}

.article p+p,
.article p+ul,
.article p+ol {
    padding-top: 1.40625rem
}

.article ul li {
    position: relative;
    padding-left: 1.5625rem
}

.article ul li:before {
    content: "\2022";
    position: absolute;
    left: 1.25rem;
    top: 0;
    display: block;
    width: .625rem;
    margin-left: -.625rem;
    margin-right: .625rem;
    color: currentColor
}

.article ol li {
    position: relative;
    margin-left: 1.5625rem;
    padding-left: .5rem;
    list-style: decimal
}

.article ul+p,
.article ol+p {
    padding-top: 2.8125rem
}

.article a {
    --section-link-color: var(--blue-veteran);
    --link-color: var(--section-link-color);
    --border-color: var(--blue-brilliant);
    color: var(--link-color);
    position: relative;
    display: inline;
    background-image: linear-gradient(var(--border-color), var(--border-color));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% .5rem
}

.article a svg {
    display: inline-block
}

.ts .ts-3+.article {
    margin-top: 1.4375rem
}

.ts .article+.c-button {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .ts .article+.c-button {
        margin-top: 3.125rem
    }
}

.ts .ts-2+.article,
.ts .ts-2--sm+.article {
    margin-top: 2.125rem
}

@media (max-width: 799px) {

    .ts .ts-2+.article,
    .ts .ts-2--sm+.article {
        margin-top: 1.875rem
    }
}

.c-nav-search-content-li .article {
    display: block;
    margin-top: .5rem
}

.c-hero .article {
    margin-top: 2.75rem
}

@media (max-width: 799px) {
    .c-hero .article {
        margin-top: 3.75rem
    }
}

.c-card-item-content .article {
    display: block;
    margin-top: 1.25rem
}

.c-card-item-content .article+.c-button {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .c-card-item-content .article+.c-button {
        margin-top: 3.125rem
    }
}

.article+.c-button {
    margin-top: 1.875rem
}

.c-modal--form .c-modal-success .article {
    max-width: 25.625rem
}

@media (max-width: 799px) {
    .c-modal--form .c-modal-success .article {
        max-width: 16rem
    }
}

.c-modal--form .c-modal-success .ts-2--sm+.article {
    margin-top: 1.25rem
}

.c-science-bullet-text .ts-4+.article {
    margin-top: 1.25rem
}

.c-cards .ts-3+.article {
    margin-top: 1.4375rem
}

.c-cards .article+.c-button {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .c-cards .article+.c-button {
        margin-top: 3.125rem
    }
}

.c-cards .ts-2+.article {
    margin-top: 2.125rem
}

@media (max-width: 799px) {
    .c-cards .ts-2+.article {
        margin-top: 1.875rem
    }
}

.c-cards-2--alt .ts-3+.article {
    margin-top: 2.625rem;
    line-height: 1.3
}

.c-cards.c-cards--3 .ts-2+.article {
    margin-top: 1.25rem
}

.c-cards.c-cards--4 .ts-2+.article {
    margin-top: 2.1875rem
}

.c-cards--5 .ts-2+.article {
    margin-top: 1.875rem
}

.c-cards--6 .ts-2+.article {
    margin-top: 1rem
}

@media (max-width: 799px) {
    .c-section--video-2 .c-section-text .article {
        font-size: .6875rem
    }
}

@media (min-width: 800px) {
    .c-section--training-rating .article {
        max-width: 25rem;
        margin: 0 auto
    }
}

.c-section--title-text-center .c-section-illustration+.article {
    margin-top: 8.5625rem
}

.c-section--title-text-center .article {
    max-width: 42.5rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 800px) {
    .c-section--title-text-center-sm .ts-2--sm+.article {
        max-width: 29.375rem;
        margin-top: 2.5rem
    }
}

@media (max-width: 799px) {
    .c-section--hero .article {
        margin-top: 6.5625rem
    }
}

@media (min-width: 800px) {
    .c-section--hero .article {
        margin-top: .6875rem
    }
}

.c-section--hero-5 .c-section-text .article {
    margin-top: 1.875rem
}

@media (min-width: 800px) {
    .c-section--hero-5 .c-section-text .article {
        max-width: 33.75rem
    }
}

.c-section.c-section--science-hero .ts-2+.article,
.c-section.c-section--science-text .ts-2+.article,
.c-section.c-section--science-team .ts-2+.article {
    margin-top: 4.6875rem
}

.c-cta .ts-3+.article {
    margin-top: 1.25rem
}

.c-cta .article {
    max-width: 15.625rem
}

.c-lock-scroll-1 .ts-2+.article {
    margin-top: 1.25rem
}

.c-lock-scroll-1 .article {
    max-width: 42.75rem;
    margin: 0 auto
}

.c-lock-scroll-card-text .article {
    font-size: 1.0625rem;
    line-height: 1.47059;
    margin-top: 1.875rem;
    letter-spacing: .02em;
    color: var(--white)
}

@media (min-width: 800px) {
    .c-lock-scroll-card-text .article {
        margin-top: 2.1875rem;
        font-size: 1.375rem;
        line-height: 1.31818
    }
}

.c-dropdown-2-main .article {
    max-width: 31.25rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 800px) {
    .c-dropdown-2-section-inner .article {
        margin-top: .8125rem
    }
}

@media (max-width: 799px) {
    .c-carousel--5 .c-carousel-item .article {
        margin-top: 2.1875rem
    }
}

.c-carousel--5 .c-carousel-item .article a {
    --link-color: var(--blue-fantasy);
    --border-color: var(--blue-navy)
}

.c-carousel--5 .c-carousel-item .article p+p {
    padding-top: 1.5625rem
}

@media (max-width: 799px) {
    .c-module-header .article {
        margin-top: 6.5625rem
    }
}

@media (min-width: 800px) {
    .c-module-header .article {
        margin-top: .6875rem
    }
}

.c-module-list--1 .c-module-list-li .article a,
.c-module-list--2 .c-module-list-li .article a,
.c-module-list--4 .c-module-list-li .article a {
    --border-color: var(--blue-navy)
}

.c-module-list-li .article {
    margin-top: 1.25rem
}

.c-module-list-li .article a {
    --border-color: transparent;
    color: var(--blue-fantasy);
    transition: color .3s linear
}

.c-module-list-li .article a:hover {
    color: var(--blue-ice)
}

.c-module-list--4 .c-module-list-li .article {
    margin-top: .3125rem
}

@media (max-width: 799px) {
    .c-module-list--4 .c-module-list-li .article {
        margin-top: 2.5rem
    }
}

.c-module-text--blue-patch .article>* {
    color: var(--blue-patch)
}

.c-module-cta--1 .article,
.c-module-cta--2 .article,
.c-module-cta--3 .article {
    max-width: unset
}

.c-module-cta--1 .article p,
.c-module-cta--2 .article p,
.c-module-cta--3 .article p {
    display: inline
}

.module-header .title+.article {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .module-header .title+.article {
        margin-top: 1.875rem
    }
}

.module-header .article+.c-button {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .module-header .article+.c-button {
        margin-top: 2.5rem
    }
}

.module-clients-carousel .title+.article {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .module-clients-carousel .title+.article {
        margin-top: 1.875rem
    }
}

.module-clients-carousel .article+.c-button {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .module-clients-carousel .article+.c-button {
        margin-top: 2.5rem
    }
}

.module-triple-text-image-cta .c-science-bullet-text .article+.c-button {
    margin-top: 1.75rem
}

.article {
    padding: 10rem 0;
    color: currentColor
}

@media (max-width: 799px) {
    .article {
        padding: 5rem 0
    }
}

.article a {
    --section-link-color: var(--blue-veteran);
    --link-color: var(--section-link-color);
    --border-color: var(--section-link-color);
    --link-color-hover: var(--section-link-color);
    --border-color-hover: var(--section-link-color)
}

@media (hover: hover) and (pointer: fine) {
    .article a {
        transition: color .3s linear
    }

    .article a:hover {
        --link-color: var(--link-color-hover);
        --border-color: var(--border-color-hover)
    }
}

.article a {
    display: inline-block;
    color: var(--link-color);
    position: relative
}

.article a:after,
.article a:before {
    position: absolute;
    bottom: .125rem;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--border-color);
    pointer-events: none;
    content: "";
    transform-origin: right;
    transition: background-color .3s linear
}

.article a:before {
    transform: scaleX(0);
    transform-origin: left
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
    color: var(--off-white)
}

*>.article h1,
*>.article h2,
*>.article h3,
*>.article h4,
*>.article h5,
*>.article h6 {
    margin-top: 2rem
}

.article h1 {
    color: var(--title-color);
    position: relative;
    z-index: 0
}

@media (max-width: 799px) {
    .article h1 br {
        display: none
    }
}

.article h1>span {
    display: inline-block
}

.article h1 .line {
    display: inline-block;
    margin-right: .15em
}

.article h1 .title-line {
    padding: .06em .5em;
    margin: -.1em -.5em;
    overflow: hidden;
    display: block
}

.article h1 .line-inner,
.article h1 .title-line-inner {
    display: block;
    position: relative;
    white-space: nowrap;
    will-change: transform, opacity
}

.article h1 .title-span {
    --span-x: 1;
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.article h1 .title-span:before {
    background: var(--span-color);
    content: "";
    display: block;
    border-radius: 1em;
    height: 87%;
    height: calc(100% - .15em);
    width: calc(100% + .3em);
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -45%) scaleX(var(--span-x));
    transform-origin: left
}

.article h1 {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 2.625rem;
    line-height: 1.21429;
    letter-spacing: -.04em;
    z-index: 1;
    position: relative
}

@media (max-width: 799px) {
    .article h1 {
        font-size: 1.75rem;
        line-height: 1.2
    }
}

.ts .article h1+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.ts .article h1+.ts-p {
    margin-top: 1.4375rem
}

.c-cards .article h1+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.c-cards .article h1+.ts-p {
    margin-top: 1.4375rem
}

.c-cards .c-card-item-content-details+.article h1 {
    margin-top: .625rem
}

.c-cards-2--alt .article h1+.ts-p {
    margin-top: 2.625rem;
    line-height: 1.3
}

.c-cards--5 .ts-eyebrow+.article h1 {
    margin-top: 1.25rem
}

.c-cta .article h1+.ts-p {
    margin-top: 1.25rem
}

.c-lock-scroll-card-title .ts-indicator+.article h1 {
    margin-top: 3.125rem
}

@media (min-width: 800px) {
    .c-lock-scroll-card-title .ts-indicator+.article h1 {
        margin-top: 2.5rem
    }
}

@media (max-width: 999px) {
    .c-lock-scroll-card-title .article h1 {
        font-size: 2.25rem
    }
}

@media (max-width: 799px) {
    .c-lock-scroll-card-title .article h1 {
        font-size: 1.875rem
    }
}

.c-dropdown-1 .ts-indicator+.article h1 {
    margin-top: 1.25rem
}

.c-dropdown-1 .article h1 {
    max-width: 90%
}

.c-carousel--5 .c-carousel-item .article h1 {
    margin-top: -.3125rem
}

.module-form .article h1+.ts-eyebrow {
    margin-top: 1.75rem
}

.article h1 {
    margin-bottom: 3rem
}

@media (max-width: 799px) {
    .article h1 {
        font-size: 2rem;
        margin-bottom: 2rem
    }
}

.article h2 {
    color: var(--title-color);
    position: relative;
    z-index: 0
}

@media (max-width: 799px) {
    .article h2 br {
        display: none
    }
}

.article h2>span {
    display: inline-block
}

.article h2 .line {
    display: inline-block;
    margin-right: .15em
}

.article h2 .title-line {
    padding: .06em .5em;
    margin: -.1em -.5em;
    overflow: hidden;
    display: block
}

.article h2 .line-inner,
.article h2 .title-line-inner {
    display: block;
    position: relative;
    white-space: nowrap;
    will-change: transform, opacity
}

.article h2 .title-span {
    --span-x: 1;
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.article h2 .title-span:before {
    background: var(--span-color);
    content: "";
    display: block;
    border-radius: 1em;
    height: 87%;
    height: calc(100% - .15em);
    width: calc(100% + .3em);
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -45%) scaleX(var(--span-x));
    transform-origin: left
}

.article h2 {
    font-family: var(--font-display);
    font-size: 1.875rem;
    line-height: 1.26667;
    letter-spacing: -.04em;
    font-weight: 500
}

@media (max-width: 799px) {
    .article h2 {
        font-size: 1.375rem;
        line-height: 1.27273
    }
}

.c-card-item-content .c-card-item-content-details+.article h2 {
    margin-top: .625rem
}

.c-card-item-content .article h2 {
    transition: color .3s linear
}

.c-list>li>ul .article h2 {
    display: block;
    margin-top: .625rem
}

@media (min-width: 800px) {
    .c-list--item-1>li li>div span.article h2 {
        margin-top: 1.6875rem;
        flex: 2
    }
}

.c-science-bullet-text .article h2+.ts-p {
    margin-top: 1.25rem
}

.c-card-item--1 .c-tag+.article h2 {
    margin-top: 1.875rem
}

.c-card-item--1 .article h2 {
    max-width: 80%
}

.article h2 {
    font-size: 1.5rem;
    padding-top: 1rem;
    margin-bottom: 1.5rem;
    text-transform: none;
    letter-spacing: 0
}

@media (max-width: 799px) {
    .article h2 {
        font-size: 1.25rem;
        padding-top: .5rem;
        margin-bottom: 1rem
    }
}

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

.article ul {
    margin: 1.5rem 0 2rem;
    gap: 1.25rem
}

.article ul li {
    position: relative;
    padding-left: .875rem
}

.article ul li:before {
    content: "";
    margin-right: .625rem;
    display: block;
    background: currentColor;
    height: .25rem;
    width: .25rem;
    position: absolute;
    top: .5rem;
    margin-left: -1rem;
    border-radius: 50%
}

.article ul li+li {
    margin-top: 1rem
}

.article p+p {
    margin-top: 1rem
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    min-height: 100%;
    height: auto;
    overscroll-behavior-x: none
}

@media (max-width: 799px) {
    body {
        width: 100vw;
        overflow-x: hidden
    }
}

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

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

textarea {
    resize: vertical
}

input::placeholder,
textarea::placeholder {
    opacity: 0;
    color: transparent
}

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-display);
    color: var(--title-color);
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

img {
    font-size: .875rem
}

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

figure {
    margin: 0
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object,
picture {
    display: block;
    vertical-align: middle
}

p {
    margin: 0
}

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

.ts-h {
    color: var(--title-color);
    position: relative;
    z-index: 0
}

@media (max-width: 799px) {
    .ts-h br {
        display: none
    }
}

.ts-h>span {
    display: inline-block
}

.ts-h .line {
    display: inline-block;
    margin-right: .15em
}

.ts-h .title-line {
    padding: .06em .5em;
    margin: -.1em -.5em;
    overflow: hidden;
    display: block
}

.ts-h .line-inner,
.ts-h .title-line-inner {
    display: block;
    position: relative;
    white-space: nowrap;
    will-change: transform, opacity
}

.ts-h .title-span {
    --span-x: 1;
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.ts-h .title-span:before {
    background: var(--span-color);
    content: "";
    display: block;
    border-radius: 1em;
    height: 87%;
    height: calc(100% - .15em);
    width: calc(100% + .3em);
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -45%) scaleX(var(--span-x));
    transform-origin: left
}

.ts-1 {
    font-size: 5rem
}

.ts-2 {
    color: var(--title-color);
    position: relative;
    z-index: 0
}

@media (max-width: 799px) {
    .ts-2 br {
        display: none
    }
}

.ts-2>span {
    display: inline-block
}

.ts-2 .line {
    display: inline-block;
    margin-right: .15em
}

.ts-2 .title-line {
    padding: .06em .5em;
    margin: -.1em -.5em;
    overflow: hidden;
    display: block
}

.ts-2 .line-inner,
.ts-2 .title-line-inner {
    display: block;
    position: relative;
    white-space: nowrap;
    will-change: transform, opacity
}

.ts-2 .title-span {
    --span-x: 1;
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.ts-2 .title-span:before {
    background: var(--span-color);
    content: "";
    display: block;
    border-radius: 1em;
    height: 87%;
    height: calc(100% - .15em);
    width: calc(100% + .3em);
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -45%) scaleX(var(--span-x));
    transform-origin: left
}

.ts-2 {
    font-family: var(--font-display);
    font-size: 4.75rem;
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 1.10526
}

@media (max-width: 799px) {
    .ts-2 {
        font-size: 2.375rem;
        line-height: 1.15789
    }
}

.ts-2--sm {
    color: var(--title-color);
    position: relative;
    z-index: 0
}

@media (max-width: 799px) {
    .ts-2--sm br {
        display: none
    }
}

.ts-2--sm>span {
    display: inline-block
}

.ts-2--sm .line {
    display: inline-block;
    margin-right: .15em
}

.ts-2--sm .title-line {
    padding: .06em .5em;
    margin: -.1em -.5em;
    overflow: hidden;
    display: block
}

.ts-2--sm .line-inner,
.ts-2--sm .title-line-inner {
    display: block;
    position: relative;
    white-space: nowrap;
    will-change: transform, opacity
}

.ts-2--sm .title-span {
    --span-x: 1;
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.ts-2--sm .title-span:before {
    background: var(--span-color);
    content: "";
    display: block;
    border-radius: 1em;
    height: 87%;
    height: calc(100% - .15em);
    width: calc(100% + .3em);
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -45%) scaleX(var(--span-x));
    transform-origin: left
}

.ts-2--sm {
    font-family: var(--font-display);
    font-size: 3.375rem;
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 1.11111
}

.ts-2--sm .title-line {
    padding: .06em 1em;
    margin: -.1em -1em
}

.ts-2--sm .title-span:before {
    height: 100%;
    transform: translate(-50%, -50%) scaleX(var(--span-x))
}

@media (max-width: 799px) {
    .ts-2--sm {
        font-size: 2.0625rem;
        line-height: 1.12121
    }
}

.ts-2--2 {
    margin-left: -.1em
}

.ts-2--2 span {
    padding: 0 .25em;
    margin-right: .25em;
    margin-left: .25em
}

.ts-2--2 span:before {
    border: .125rem solid var(--span-color);
    background: transparent;
    border-radius: 1em;
    content: "";
    display: block;
    height: 130%;
    width: 106%;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -45%)
}

.ts-3 {
    color: var(--title-color);
    position: relative;
    z-index: 0
}

@media (max-width: 799px) {
    .ts-3 br {
        display: none
    }
}

.ts-3>span {
    display: inline-block
}

.ts-3 .line {
    display: inline-block;
    margin-right: .15em
}

.ts-3 .title-line {
    padding: .06em .5em;
    margin: -.1em -.5em;
    overflow: hidden;
    display: block
}

.ts-3 .line-inner,
.ts-3 .title-line-inner {
    display: block;
    position: relative;
    white-space: nowrap;
    will-change: transform, opacity
}

.ts-3 .title-span {
    --span-x: 1;
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.ts-3 .title-span:before {
    background: var(--span-color);
    content: "";
    display: block;
    border-radius: 1em;
    height: 87%;
    height: calc(100% - .15em);
    width: calc(100% + .3em);
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -45%) scaleX(var(--span-x));
    transform-origin: left
}

.ts-3 {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 2.625rem;
    line-height: 1.21429;
    letter-spacing: -.04em;
    z-index: 1;
    position: relative
}

@media (max-width: 799px) {
    .ts-3 {
        font-size: 1.75rem;
        line-height: 1.2
    }
}

.ts-4 {
    color: var(--title-color);
    position: relative;
    z-index: 0
}

@media (max-width: 799px) {
    .ts-4 br {
        display: none
    }
}

.ts-4>span {
    display: inline-block
}

.ts-4 .line {
    display: inline-block;
    margin-right: .15em
}

.ts-4 .title-line {
    padding: .06em .5em;
    margin: -.1em -.5em;
    overflow: hidden;
    display: block
}

.ts-4 .line-inner,
.ts-4 .title-line-inner {
    display: block;
    position: relative;
    white-space: nowrap;
    will-change: transform, opacity
}

.ts-4 .title-span {
    --span-x: 1;
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.ts-4 .title-span:before {
    background: var(--span-color);
    content: "";
    display: block;
    border-radius: 1em;
    height: 87%;
    height: calc(100% - .15em);
    width: calc(100% + .3em);
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -45%) scaleX(var(--span-x));
    transform-origin: left
}

.ts-4 {
    font-family: var(--font-display);
    font-size: 1.875rem;
    line-height: 1.26667;
    letter-spacing: -.04em;
    font-weight: 500
}

@media (max-width: 799px) {
    .ts-4 {
        font-size: 1.375rem;
        line-height: 1.27273
    }
}

.ts-5 {
    font-size: 1.375rem;
    line-height: 1.22727;
    letter-spacing: -.04em
}

@media (max-width: 799px) {
    .ts-5 {
        font-size: 1.0625rem;
        line-height: 1.41176
    }
}

.ts-6 {
    color: var(--title-color);
    position: relative;
    z-index: 0
}

@media (max-width: 799px) {
    .ts-6 br {
        display: none
    }
}

.ts-6>span {
    display: inline-block
}

.ts-6 .line {
    display: inline-block;
    margin-right: .15em
}

.ts-6 .title-line {
    padding: .06em .5em;
    margin: -.1em -.5em;
    overflow: hidden;
    display: block
}

.ts-6 .line-inner,
.ts-6 .title-line-inner {
    display: block;
    position: relative;
    white-space: nowrap;
    will-change: transform, opacity
}

.ts-6 .title-span {
    --span-x: 1;
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.ts-6 .title-span:before {
    background: var(--span-color);
    content: "";
    display: block;
    border-radius: 1em;
    height: 87%;
    height: calc(100% - .15em);
    width: calc(100% + .3em);
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -45%) scaleX(var(--span-x));
    transform-origin: left
}

.ts-6 {
    font-family: var(--font-display);
    font-size: 1rem;
    line-height: 1.375;
    letter-spacing: -.04em
}

.ts-p {
    font-size: 1rem;
    line-height: 1.4375;
    letter-spacing: .02em;
    color: var(--paragraph-color)
}

.ts-p .line-inner {
    display: block;
    white-space: nowrap;
    will-change: transform, opacity
}

@media (max-width: 799px) {
    .ts-p .line-inner {
        white-space: normal
    }

    .ts-p {
        font-size: .875rem;
        line-height: 1.57143
    }
}

.ts-p h3 {
    font-family: var(--font-display);
    font-size: 1.375rem;
    line-height: 1.27273;
    letter-spacing: -.04em;
    font-weight: 500;
    color: var(--title-color);
    margin-bottom: 1.25rem
}

.ts-p h4 {
    font-family: var(--font-display);
    font-size: 1rem;
    line-height: 1.33333;
    letter-spacing: -.04em;
    font-weight: 500;
    color: var(--title-color);
    margin-bottom: 1.25rem
}

.ts-p *+h3 {
    margin-top: 3.125rem
}

.ts-p p+p,
.ts-p p+ul,
.ts-p p+ol {
    padding-top: 1.40625rem
}

.ts-p ul li {
    position: relative;
    padding-left: 1.5625rem
}

.ts-p ul li:before {
    content: "\2022";
    position: absolute;
    left: 1.25rem;
    top: 0;
    display: block;
    width: .625rem;
    margin-left: -.625rem;
    margin-right: .625rem;
    color: currentColor
}

.ts-p ol li {
    position: relative;
    margin-left: 1.5625rem;
    padding-left: .5rem;
    list-style: decimal
}

.ts-p ul+p,
.ts-p ol+p {
    padding-top: 2.8125rem
}

.ts-p a {
    --section-link-color: var(--blue-veteran);
    --link-color: var(--section-link-color);
    --border-color: var(--blue-brilliant);
    color: var(--link-color);
    position: relative;
    display: inline;
    background-image: linear-gradient(var(--border-color), var(--border-color));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% .5rem
}

.ts-p a svg {
    display: inline-block
}

.ts-p--xl {
    font-size: 1.375rem
}

@media (max-width: 799px) {
    .ts-p--xl {
        font-size: 1.0625rem
    }
}

.ts-eyebrow {
    font-family: var(--font-sans);
    font-size: .6875rem;
    line-height: 1.18182;
    letter-spacing: .07em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--eyebrow-color)
}

@media (max-width: 799px) {
    .ts-eyebrow {
        font-size: .625rem
    }
}

.ts-link {
    --section-link-color: var(--blue-veteran);
    --link-color: var(--section-link-color);
    --border-color: var(--section-link-color);
    --link-color-hover: var(--section-link-color);
    --border-color-hover: var(--section-link-color)
}

@media (hover: hover) and (pointer: fine) {
    .ts-link {
        transition: color .3s linear
    }

    .ts-link:hover {
        --link-color: var(--link-color-hover);
        --border-color: var(--border-color-hover)
    }
}

.ts-link {
    display: inline-block;
    color: var(--link-color);
    position: relative
}

.ts-link:after,
.ts-link:before {
    position: absolute;
    bottom: .125rem;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--border-color);
    pointer-events: none;
    content: "";
    transform-origin: right;
    transition: background-color .3s linear
}

.ts-link:before {
    transform: scaleX(0);
    transform-origin: left
}

.ts-link-2 {
    --section-link-color: var(--blue-veteran);
    --link-color: var(--section-link-color);
    --border-color: var(--blue-brilliant);
    color: var(--link-color);
    position: relative;
    display: inline;
    background-image: linear-gradient(var(--border-color), var(--border-color));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% .5rem
}

.ts-link-2 svg {
    display: inline-block
}

.ts-body--xl {
    font-family: var(--font-display);
    color: var(--text-color);
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 1.26667;
    letter-spacing: -.04em
}

.ts-body--xl .line {
    display: block;
    overflow: hidden
}

.ts-body--xl .line-inner {
    display: block;
    white-space: nowrap;
    will-change: transform, opacity
}

@media (max-width: 799px) {
    .ts-body--xl {
        font-size: 1.375rem;
        line-height: 1.27273
    }
}

.ts-eyebrow+.ts-2 {
    margin-top: 2.5rem
}

.ts-eyebrow+.ts-body--xl {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .ts-eyebrow+.ts-body--xl {
        margin-top: 1.875rem
    }
}

.ts-indicator {
    display: inline-flex;
    align-items: center
}

.ts-indicator:before {
    content: "";
    background-color: currentColor;
    height: .25rem;
    width: .25rem;
    border-radius: 50%;
    margin-right: .625rem;
    margin-bottom: .0625rem
}

@media (max-width: 799px) {
    .ts-indicator:before {
        height: .1875rem;
        width: .1875rem;
        margin-right: .4375rem
    }
}

.ts-indicator-after {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
    padding-right: .625rem
}

@media (max-width: 799px) {
    .ts-indicator-after {
        padding-right: .4375rem
    }
}

.ts-indicator-after:before {
    margin-left: .625rem;
    margin-right: 0
}

@media (max-width: 799px) {
    .ts-indicator-after:before {
        margin-left: .4375rem;
        margin-right: 0
    }
}

.ts-button-1 {
    font-family: var(--font-sans);
    font-size: .6875rem;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .02em
}

@media (max-width: 799px) {
    .ts-button-1 {
        font-size: .625rem
    }
}

.ts-button-2 {
    font-family: var(--font-sans);
    font-size: .875rem;
    line-height: 1;
    letter-spacing: .02em;
    font-weight: 400
}

@media (max-width: 799px) {
    .ts-button-2 {
        font-size: .75rem
    }
}

.ts-button-3 {
    font-family: var(--font-sans);
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.14286;
    letter-spacing: .02em;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .ts-button-3 {
        font-size: .75rem
    }
}

.ts-detail {
    font-family: var(--font-sans);
    font-size: .8125rem;
    line-height: 1.38462;
    letter-spacing: .02em
}

.ts {
    background-color: var(--background-color);
    color: var(--paragraph-color)
}

.ts .ts-3+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.ts .ts-eyebrow+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .ts .ts-eyebrow+.ts-2 {
        margin-top: 2.8125rem
    }
}

.ts .ts-2+.c-button,
.ts .ts-2--sm+.c-button {
    margin-top: 2.5rem
}

.ts .ts-3+.ts-p {
    margin-top: 1.4375rem
}

.ts .ts-p+.c-button {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .ts .ts-p+.c-button {
        margin-top: 3.125rem
    }
}

.ts .ts-2+.ts-eyebrow,
.ts .ts-2--sm+.ts-eyebrow {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .ts .ts-2+.ts-eyebrow,
    .ts .ts-2--sm+.ts-eyebrow {
        margin-top: 2.8125rem
    }
}

.ts .ts-2+.ts-p,
.ts .ts-2--sm+.ts-p {
    margin-top: 2.125rem
}

@media (max-width: 799px) {

    .ts .ts-2+.ts-p,
    .ts .ts-2--sm+.ts-p {
        margin-top: 1.875rem
    }
}

.ts--light {
    background-color: var(--background-color);
    color: var(--paragraph-color)
}

.ts--light .ts-3+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.ts--light .ts-eyebrow+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .ts--light .ts-eyebrow+.ts-2 {
        margin-top: 2.8125rem
    }
}

.ts--light .ts-2+.c-button,
.ts--light .ts-2--sm+.c-button {
    margin-top: 2.5rem
}

.ts--light .ts-3+.ts-p {
    margin-top: 1.4375rem
}

.ts--light .ts-p+.c-button {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .ts--light .ts-p+.c-button {
        margin-top: 3.125rem
    }
}

.ts--light .ts-2+.ts-eyebrow,
.ts--light .ts-2--sm+.ts-eyebrow {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .ts--light .ts-2+.ts-eyebrow,
    .ts--light .ts-2--sm+.ts-eyebrow {
        margin-top: 2.8125rem
    }
}

.ts--light .ts-2+.ts-p,
.ts--light .ts-2--sm+.ts-p {
    margin-top: 2.125rem
}

@media (max-width: 799px) {

    .ts--light .ts-2+.ts-p,
    .ts--light .ts-2--sm+.ts-p {
        margin-top: 1.875rem
    }
}

.ts--light {
    --background-color: var(--white);
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --span-color: var(--blue-ice);
    --eyebrow-color: var(--blue-fantasy)
}

.ts--dark {
    background-color: var(--background-color);
    color: var(--paragraph-color)
}

.ts--dark .ts-3+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.ts--dark .ts-eyebrow+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .ts--dark .ts-eyebrow+.ts-2 {
        margin-top: 2.8125rem
    }
}

.ts--dark .ts-2+.c-button,
.ts--dark .ts-2--sm+.c-button {
    margin-top: 2.5rem
}

.ts--dark .ts-3+.ts-p {
    margin-top: 1.4375rem
}

.ts--dark .ts-p+.c-button {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .ts--dark .ts-p+.c-button {
        margin-top: 3.125rem
    }
}

.ts--dark .ts-2+.ts-eyebrow,
.ts--dark .ts-2--sm+.ts-eyebrow {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .ts--dark .ts-2+.ts-eyebrow,
    .ts--dark .ts-2--sm+.ts-eyebrow {
        margin-top: 2.8125rem
    }
}

.ts--dark .ts-2+.ts-p,
.ts--dark .ts-2--sm+.ts-p {
    margin-top: 2.125rem
}

@media (max-width: 799px) {

    .ts--dark .ts-2+.ts-p,
    .ts--dark .ts-2--sm+.ts-p {
        margin-top: 1.875rem
    }
}

.ts--dark {
    --background-color: var(--off-black);
    --paragraph-color: var(--white);
    --title-color: var(--white);
    --eyebrow-color: var(--blue-highlight)
}

.wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 6.25rem
}

@media (max-width: 999px) {
    .wrap {
        padding: 0 3.75rem
    }
}

@media (max-width: 799px) {
    .wrap {
        padding: 0 1.5625rem;
        max-width: 23.4375rem
    }
}

.wrap--max {
    max-width: 90rem
}

@media (max-width: 799px) {
    .wrap--max {
        max-width: 23.4375rem
    }
}

[data-page] {
    width: 100vw
}

[data-animate],
[data-animate-items]>* {
    will-change: opacity, transform
}

.filter-logo {
    -webkit-filter: grayscale(100%) brightness(60%) contrast(100%) invert(50%) sepia(10%) saturate(6356%) brightness(42%) contrast(105%) hue-rotate(201deg) saturate(54%);
    filter: grayscale(100%) brightness(60%) contrast(100%) invert(50%) sepia(10%) saturate(6356%) brightness(42%) contrast(105%) hue-rotate(201deg) saturate(54%)
}

.filter-logo-invert {
    -webkit-filter: grayscale(100%) brightness(60%) contrast(100%) invert(50%) sepia(10%) saturate(6356%) brightness(42%) contrast(105%) hue-rotate(201deg) saturate(0%) invert(100%) brightness(120%)
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.c-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    pointer-events: none;
    background-color: var(--blue-mysterious);
    display: flex;
    justify-content: center;
    align-items: center
}

.c-loader-icon-wrapper {
    opacity: 0;
    transform: scale(.85)
}

.c-loader-icon {
    --loader-icon-bg-fill-1: var(--cyan-light);
    --loader-icon-symbol-fill-1: var(--cyan);
    --loader-icon-bg-fill-2: var(--blue-sapphire);
    --loader-icon-symbol-fill-2: var(--blue-veteran);
    --loader-icon-symbol-radius-1: 12;
    --loader-icon-symbol-radius-2: 0
}

.c-loader-icon.-alt {
    --loader-icon-bg-fill-1: var(--blue-fantasy);
    --loader-icon-symbol-fill-1: var(--blue-moon);
    --loader-icon-bg-fill-2: var(--blue-depths);
    --loader-icon-symbol-fill-2: var(--blue-highlight);
    --loader-icon-symbol-radius-1: 0;
    --loader-icon-symbol-radius-2: 12
}

.c-loader-icon .c-loader-icon-symbol--1,
.c-loader-icon .c-loader-icon-symbol--2 {
    transform-box: fill-box;
    transform-origin: center;
    transform: rotate(45deg) scale(.87)
}

.c-loader-icon .c-loader-icon-symbol--1 {
    transform-box: fill-box;
    transform-origin: center;
    rx: var(--loader-icon-symbol-radius-1)
}

.c-loader-icon .c-loader-icon-symbol--2 {
    rx: var(--loader-icon-symbol-radius-2);
    transform-box: fill-box;
    transform-origin: center
}

.c-loader-icon svg {
    width: 3.5rem;
    height: 7rem
}

@media (max-width: 799px) {
    .c-loader-icon svg {
        width: 2.5rem;
        height: 5rem
    }
}

.c-loader-icon svg rect {
    transition: fill .3s linear
}

.c-loader-logo-outer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    --nav-height: 7.8125rem;
    height: var(--nav-height)
}

@media (max-width: 799px) {
    .c-loader-logo-outer {
        --nav-height: 5.5rem
    }
}

.c-loader-logo {
    color: var(--white);
    opacity: 0
}

.c-nav {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z-nav);
    pointer-events: none;
    will-change: transform, opacity
}

.c-nav-bar,
.c-nav-menu-top {
    --nav-height: 7.8125rem;
    height: var(--nav-height);
    display: flex;
    align-items: center;
    z-index: 1
}

@media (max-width: 799px) {

    .c-nav-bar,
    .c-nav-menu-top {
        --nav-height: 5.5rem
    }

    .c-nav-menu-top {
        background-color: var(--blue-mysterious)
    }
}

.c-nav-bar {
    --nav-button-bg: var(--white);
    --nav-button-text: var(--blue-fibonacci);
    --lang-border: rgba(255, 255, 255, .3);
    --lang-border-hover: rgba(255, 255, 255, .6);
    --nav-bg: transparent;
    --lang-bg: var(--nav-bg);
    --nav-cta-bg: var(--blue-rurikon);
    --nav-font-size: .875rem;
    --scroll-container-width: 58.5rem;
    --nav-li-bg: var(--blue-fibonacci);
    --nav-sub-bg: var(--blue-rurikon);
    height: var(--nav-height);
    color: var(--menu-color);
    pointer-events: none;
    transform: translateY(0);
    transition: transform .8s var(--expo-out), opacity .3s linear
}

.c-nav.is-hidden .c-nav-bar {
    opacity: 0;
    transform: translateY(-100%)
}

.c-nav.is-scrolled .c-nav-bar {
    --nav-bg: var(--blue-white);
    --lang-border: var(--blue-fibonacci-30);
    --lang-border-hover: var(--blue-fibonacci-60);
    --nav-button-text: var(--white);
    --nav-button-bg: var(--blue-mysterious);
    --nav-cta-bg: var(--blue-sky)
}

@media (min-width: 800px) {
    .c-nav.is-scrolled .c-nav-bar .site-logo-type {
        opacity: 0
    }
}

.c-nav.is-scrolled .c-nav-bar,
.c-nav.is-light .c-nav-bar {
    --lang-border: var(--blue-fibonacci-30);
    --lang-border-hover: var(--blue-fibonacci-60);
    --nav-button-text: var(--white);
    --nav-button-bg: var(--blue-mysterious);
    --nav-cta-bg: var(--blue-sky)
}

.c-nav-bar .site-logo-type {
    transition: opacity .3s linear
}

.c-nav-bar-bg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: var(--nav-bg);
    transform: translate(-50%);
    border-radius: var(--button-border-radius);
    transition: background-color .3s linear;
    max-width: 93%
}

@media (min-width: 1000px) {
    .c-nav-bar-bg {
        max-width: var(--scroll-container-width)
    }
}

@media (max-width: 799px) {
    .c-nav-bar-bg {
        max-width: 100%;
        height: 3rem;
        top: -.625rem
    }
}

.c-nav.is-dark:not(.is-scrolled) {
    --logo-color: var(--white);
    --menu-color: var(--white);
    --lang-border: rgba(255, 255, 255, .3);
    --lang-bg: var(--off-black-30);
    --nav-button-bg: var(--white);
    --nav-button-text: var(--blue-fibonacci);
    --nav-cta-bg: var(--blue-rurikon)
}

.c-nav-bar-outer {
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.c-nav-bar-outer,
.c-nav-menu-top {
    width: 100%;
    transition: color .3s linear;
    margin: 0 auto;
    padding: 0 5rem;
    max-width: 90rem
}

@media (max-width: 799px) {

    .c-nav-bar-outer,
    .c-nav-menu-top {
        transition: color .3s linear;
        padding: 0 1.5625rem
    }
}

.c-nav-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    pointer-events: none
}

.c-nav-bar-logo svg,
.c-nav-menu-logo svg,
.c-loader-logo svg {
    width: 9.16312rem;
    height: 1.49062rem
}

.c-nav-bar-lang {
    --nav-lang-width: 3.25rem;
    --nav-lang-height: 1.75rem;
    --nav-lang-margin: 1.25rem;
    --nav-lang-font-size: .75rem;
    cursor: pointer
}

@media (hover: hover) and (pointer: fine) {
    .c-nav-bar-lang:hover .c-nav-bar-lang-inner {
        border: .09375rem solid var(--lang-border-hover)
    }
}

@media (min-width: 800px) {
    .c-nav-bar-lang {
        --nav-lang-width: 3.6875rem;
        --nav-lang-height: 2rem;
        --nav-lang-margin: 1.4375rem;
        --nav-lang-font-size: .875rem
    }
}

.c-nav-bar-lang {
    width: var(--nav-lang-width);
    height: var(--nav-lang-height);
    font-size: var(--nav-lang-font-size);
    transition: transform .8s var(--expo-out);
    will-change: transform
}

.c-nav.is-scrolled .c-nav-bar-lang {
    transform: translate(-.5rem)
}

@media (min-width: 800px) {
    .c-nav.is-scrolled .c-nav-bar-lang {
        transform: translate(-8.375rem)
    }
}

.c-nav-bar-lang.is-active .c-nav-bar-lang-inner {
    max-height: 8rem
}

.c-nav-bar-lang.is-active .c-nav-bar-lang-inner .c-nav-bar-lang-ul {
    pointer-events: all;
    opacity: 1
}

.c-nav-bar-lang.is-active .c-nav-bar-lang-inner .c-nav-bar-lang-icon svg {
    transform: rotate(180deg)
}

@media (max-width: 799px) {
    .c-nav:not(.is-scrolled) .c-nav-bar-lang.is-active .c-nav-bar-lang-inner {
        background-color: var(--blue-mysterious)
    }
}

.c-nav-bar-lang-inner {
    width: var(--nav-lang-width);
    height: auto;
    max-height: var(--nav-lang-height);
    display: flex;
    justify-content: center;
    border-radius: 1rem;
    border: .09375rem solid var(--lang-border);
    background-color: var(--lang-bg);
    transition: border .3s linear, background-color .3s linear, max-height .8s var(--expo-out)
}

.c-nav-bar-lang.is-active .c-nav-bar-lang-ul {
    transition: opacity .3s ease-in
}

.c-nav-bar-lang-ul {
    pointer-events: none;
    opacity: 0;
    transition: opacity .1s linear;
    padding-top: 8px
}

.c-nav-bar-lang-menu {
    font-weight: 400;
    letter-spacing: .02em;
    padding: .4375rem 0 .375rem
}

@media (min-width: 800px) {
    .c-nav-bar-lang-menu {
        padding: .5rem 0 .4375rem
    }
}

.c-nav-bar-lang-li {
    padding: .125rem 0;
    opacity: .3;
    transition: opacity .3s linear
}

@media (hover: hover) and (pointer: fine) {
    .c-nav-bar-lang-li:hover {
        opacity: 1
    }
}

.c-nav-bar-lang-icon {
    margin-left: .375rem;
    margin-right: -.125rem;
    margin-top: .6875rem
}

@media (min-width: 800px) {
    .c-nav-bar-lang-icon {
        margin-top: .8125rem;
        margin-right: -.25rem
    }
}

.c-nav-bar-lang-icon svg {
    transform-origin: center;
    transition: transform .8s var(--expo-out);
    width: .5rem;
    height: .3125rem
}

.c-nav-bar-part {
    display: flex;
    align-items: center;
    position: relative;
    pointer-events: all;
    transition: transform .8s var(--expo-out);
    gap: 1.4375rem
}

@media (max-width: 799px) {
    .c-nav-bar-part {
        gap: 1.25rem
    }
}

.c-nav-bar-part--left {
    transform: translate(0)
}

.c-nav.is-scrolled .c-nav-bar-part--left {
    transform: translate(3vw);
    will-change: transform
}

@media (min-width: 800px) {
    .c-nav.is-scrolled .c-nav-bar-part--left {
        transform: translate(4.5vw)
    }
}

@media (min-width: 1000px) {
    .c-nav.is-scrolled .c-nav-bar-part--left {
        transform: translate(calc(50vw - var(--scroll-container-width)/1.8))
    }
}

@media (min-width: 1250px) {
    .c-nav.is-scrolled .c-nav-bar-part--left {
        transform: translate(12.1875rem)
    }
}

.c-nav-bar-part--right {
    gap: 1.5625rem
}

@media (min-width: 1000px) {
    .c-nav-bar-part--right {
        gap: 3.4375rem
    }
}

@media (max-width: 799px) {
    .c-nav-bar-part--right {
        gap: 1.5625rem
    }
}

.c-nav.is-scrolled .c-nav-bar-part--right {
    transform: translate(-3vw);
    will-change: transform
}

@media (min-width: 1000px) {
    .c-nav.is-scrolled .c-nav-bar-part--right {
        transform: translate(calc(-50vw + var(--scroll-container-width)/1.7))
    }
}

@media (min-width: 1250px) {
    .c-nav.is-scrolled .c-nav-bar-part--right {
        transform: translate(-10.625rem)
    }
}

@media (max-width: 799px) {
    .c-nav.is-scrolled .c-nav-bar-part--right {
        transform: translate(0)
    }
}

.c-nav-bar-menu {
    display: flex;
    align-items: center;
    gap: 1.5625rem;
    margin-right: .9375rem;
    transition: transform .8s var(--expo-out);
    will-change: transform
}

.c-nav.is-scrolled .c-nav-bar-menu {
    transform: translate(-.3125rem)
}

.c-nav-bar-menu-ul {
    display: none;
    align-items: center;
    gap: .8125rem;
    font-size: var(--nav-font-size)
}

@media (min-width: 1000px) {
    .c-nav-bar-menu-ul {
        display: flex
    }
}

.c-nav-bar-menu-li {
    position: relative
}

.c-nav-bar-menu-a {
    --scale-x: .75;
    padding: .625rem .9375rem;
    position: relative;
    transition: color .3s linear
}

.c-nav-bar-menu-a .c-nav-bar-menu-a-text {
    position: relative
}

.c-nav-bar-menu-a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.25rem;
    transform: scale(var(--scale-x));
    background-color: transparent;
    transition: background-color .3s linear, transform .8s var(--expo-out)
}

@media (hover: hover) and (pointer: fine) {

    .c-nav-bar-menu-li--sub .c-nav-bar-menu-a:hover,
    .c-nav-bar-menu-li--sub .c-nav-bar-menu-a.is-active {
        color: var(--blue-fibonacci)
    }

    .c-nav-bar-menu-a:hover,
    .c-nav-bar-menu-li.is-active>.c-nav-bar-menu-a,
    .c-nav-bar-menu-a.is-active {
        --scale-x: 1;
        color: var(--white)
    }

    .c-nav-bar-menu-a:hover:before,
    .c-nav-bar-menu-li.is-active>.c-nav-bar-menu-a:before,
    .c-nav-bar-menu-a.is-active:before {
        background-color: var(--nav-li-bg)
    }
}

.c-nav-bar-cta {
    display: flex;
    align-items: center;
    gap: .6875rem;
    margin-bottom: -1px;
    padding-left: 3.3125rem;
    border-radius: var(--button-border-radius);
    position: relative;
    overflow: hidden
}

.c-nav-bar-cta .c-nav-bar-cta-icon {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 4.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--nav-cta-bg);
    transition: background-color .3s linear, color .3s linear;
    cursor: pointer
}

.c-nav.is-dark .c-nav-bar-cta .c-nav-bar-cta-icon:hover,
.c-nav.is-scrolled .c-nav-bar-cta .c-nav-bar-cta-icon:hover {
    background-color: var(--cyan);
    color: var(--blue-fibonacci)
}

.c-nav-bar-cta .c-nav-bar-cta-icon svg {
    margin-right: .6875rem
}

@media (max-width: 799px) {
    .c-nav-bar-cta {
        display: none
    }
}

.c-nav-bar-cta .c-button {
    --button-bg-color: var(--nav-button-bg);
    --button-border-color: var(--nav-button-bg);
    --button-text-color: var(--nav-button-text);
    --button-bg-hover-color: var(--white);
    margin-right: -.0625rem
}

.c-nav.is-scrolled .c-nav-bar-cta .c-button,
.c-nav.is-light .c-nav-bar-cta .c-button {
    --button-bg-hover-color: var(--blue-fibonacci)
}

.c-nav-bar-cta,
.c-nav-bar-cta .c-button {
    transition: background-color .3s linear, border-color .3s linear, color .3s linear
}

.c-nav-bar-search-icon {
    position: relative
}

.c-nav-bar-search,
.c-nav-bar-menu-toggle {
    --bg-size: 2.5rem;
    position: relative
}

@media (hover: hover) and (pointer: fine) {

    .c-nav-bar-search,
    .c-nav-bar-menu-toggle {
        cursor: pointer
    }

    .c-nav-bar-search .c-nav-search-icon,
    .c-nav-bar-search .c-nav-bar-menu-toggle-icon,
    .c-nav-bar-menu-toggle .c-nav-search-icon,
    .c-nav-bar-menu-toggle .c-nav-bar-menu-toggle-icon {
        transform: scale(1);
        transform-origin: center;
        transition: transform .8s var(--expo-out)
    }

    .c-nav-bar-search:before,
    .c-nav-bar-menu-toggle:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: var(--bg-size);
        height: var(--bg-size);
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(.75);
        transform-origin: center;
        background-color: transparent;
        transition: background-color .3s linear, transform .8s var(--expo-out)
    }

    .c-nav-bar-search:hover,
    .c-nav-bar-menu-toggle:hover {
        color: var(--white)
    }

    .c-nav-bar-search:hover .c-nav-bar-search-icon,
    .c-nav-bar-search:hover .c-nav-bar-menu-toggle-icon,
    .c-nav-bar-menu-toggle:hover .c-nav-bar-search-icon,
    .c-nav-bar-menu-toggle:hover .c-nav-bar-menu-toggle-icon {
        transform: scale(.9)
    }

    .c-nav-bar-search:hover:before,
    .c-nav-bar-menu-toggle:hover:before {
        background-color: var(--nav-li-bg);
        transform: translate(-50%, -50%) scale(1)
    }
}

.c-nav-bar-menu--sub {
    transform: translate(-50%);
    position: absolute;
    top: 1.5625rem;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s linear
}

@media (hover: hover) and (pointer: fine) {
    .c-nav-bar-menu-li.is-active:hover .c-nav-bar-menu--sub {
        opacity: 1;
        pointer-events: all
    }
}

.c-nav-bar-menu-ul--sub {
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    background-color: var(--nav-sub-bg);
    color: var(--white);
    margin-top: 1.4375rem;
    height: 3.5rem;
    padding: 0 .75rem;
    border-radius: 1.75rem;
    position: relative
}

.c-nav-bar-menu-li--sub {
    white-space: nowrap
}

.c-nav-bar-menu-li--sub .c-nav-bar-menu-a {
    --nav-li-bg: var(--white)
}

.c-nav-menu {
    color: var(--off-white);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: translate(100%);
    overflow: hidden
}

.c-nav-menu.is-active {
    pointer-events: all
}

.c-nav-menu-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: var(--blue-mysterious)
}

@media (min-width: 1000px) {
    .c-nav-menu-bg {
        background: linear-gradient(to right, var(--blue-mysterious), var(--blue-mysterious) 45.65%, var(--cyan-light) 45.65%, var(--cyan-light) 100%)
    }
}

.c-nav-menu-top {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.c-nav-menu-content {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    pointer-events: all
}

@media (max-width: 999px) {
    .c-nav-menu-content .wrap {
        height: 100%;
        max-width: 50rem
    }

    .c-nav-menu-content .wrap>.grid {
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 100%
    }
}

.c-nav-menu-content-inner {
    height: 100%;
    min-height: 46.875rem;
    position: relative
}

@media (min-width: 1000px) {
    .c-nav-menu-content-inner {
        min-height: 46.875rem;
        display: flex;
        align-items: center
    }

    .c-nav-menu-content-inner .wrap {
        margin-bottom: .9375rem
    }
}

@media (max-width: 999px) {
    .c-nav-menu-content-dark {
        flex: 1;
        width: 100%;
        padding-bottom: 6.25rem
    }
}

@media (max-width: 799px) {
    .c-nav-menu-content-dark {
        padding-bottom: 18.3125rem
    }
}

.c-nav-menu-content-dark .c-nav-menu-content-ul {
    margin-top: -.625rem;
    position: relative
}

@media (max-width: 999px) {
    .c-nav-menu-content-dark .c-nav-menu-content-ul {
        margin-top: 12.5rem
    }
}

@media (max-width: 799px) {
    .c-nav-menu-content-dark .c-nav-menu-content-ul {
        margin-top: 7.8125rem
    }
}

.c-nav-menu-content-dark .c-nav-menu-content-li {
    font-family: var(--font-display);
    font-size: 3.375rem;
    line-height: 1.51852;
    letter-spacing: -.04em
}

@media (max-width: 799px) {
    .c-nav-menu-content-dark .c-nav-menu-content-li {
        font-size: 2.375rem;
        line-height: 1.89474
    }
}

.c-nav-menu-content-light {
    color: var(--blue-fibonacci)
}

@media (max-width: 999px) {
    .c-nav-menu-content-light {
        position: relative;
        padding-top: 5.75rem;
        padding-bottom: 8.25rem;
        width: 100%
    }

    .c-nav-menu-content-light:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        transform: translate(-50%);
        background-color: var(--cyan-light)
    }
}

.c-nav-menu-content-light .c-nav-menu-content-ul--main {
    font-family: var(--font-display);
    font-size: 1.875rem;
    line-height: 1.46667;
    letter-spacing: -.04em;
    position: relative
}

@media (max-width: 799px) {
    .c-nav-menu-content-light .c-nav-menu-content-ul--main {
        font-size: 1.375rem;
        line-height: 2.18182
    }
}

.c-nav-menu-content-light .c-nav-menu-content-ul--sub {
    position: relative;
    margin-top: 3.125rem;
    font-size: .875rem;
    line-height: 1.85714;
    letter-spacing: .02em;
    color: var(--blue-patch)
}

@media (max-width: 799px) {
    .c-nav-menu-content-light .c-nav-menu-content-ul--sub {
        margin-top: 4.1875rem
    }
}

.c-button--round.c-nav-menu-close {
    --button-bg: var(--cyan);
    --button-bg-hover: var(--white)
}

@media (max-width: 999px) {
    .c-button--round.c-nav-menu-close {
        --button-bg: var(--blue-fantasy);
        --button-bg-hover: var(--white)
    }
}

.c-button--round.c-nav-menu-close {
    position: absolute;
    top: 2.1875rem;
    right: 2.1875rem;
    width: 3.5rem;
    height: 3.5rem;
    z-index: 1
}

@media (max-width: 799px) {
    .c-button--round.c-nav-menu-close {
        top: 1.5625rem;
        right: 1.5625rem
    }
}

.c-button--round.c-nav-menu-close .c-icon-close {
    position: relative
}

.c-button--round.c-nav-menu-close:hover .c-icon-close {
    transition: transform .8s var(--expo-out);
    transform: rotate(90deg)
}

.c-nav-menu-content-illustration {
    position: absolute
}

.c-nav-menu-content-dark .c-nav-menu-content-illustration {
    bottom: 0;
    right: 0
}

@media (max-width: 999px) {
    .c-nav-menu-content-dark .c-nav-menu-content-illustration {
        top: 14rem
    }
}

@media (max-width: 799px) {
    .c-nav-menu-content-dark .c-nav-menu-content-illustration {
        top: 24rem
    }
}

@media (min-width: 1000px) {
    .c-nav-menu-content-dark .c-nav-menu-content-illustration {
        right: auto;
        left: calc(45.65vw - 29.375rem)
    }
}

.c-nav-menu-content-dark .c-nav-menu-content-illustration svg {
    width: 29.375rem;
    height: 21.875rem
}

@media (max-width: 799px) {
    .c-nav-menu-content-dark .c-nav-menu-content-illustration svg {
        width: 20.69125rem;
        height: 15.39812rem
    }
}

.c-nav-menu-content-light .c-nav-menu-content-illustration {
    left: calc(54.8% - 3.6875rem);
    bottom: calc(24.65% - 4.875rem)
}

@media (max-width: 999px) {
    .c-nav-menu-content-light .c-nav-menu-content-illustration {
        bottom: auto;
        top: 2.5rem;
        right: 2.1875rem;
        left: auto;
        transform: rotate(180deg)
    }
}

.c-nav-menu-content-light .c-nav-menu-content-illustration svg {
    width: 5.5625rem;
    height: 4.875rem
}

@media (max-width: 999px) {
    .c-nav-menu-content-light .c-nav-menu-content-illustration svg {
        width: 3.6875rem;
        height: 3.25rem
    }
}

.c-nav-menu-content-a-text {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    flex-direction: column
}

.c-nav-menu-content-a-text-static {
    display: block
}

.c-nav-menu-content-a {
    --link-color: currentColor;
    --link-color-hover: var(--blue-fibonacci);
    --border-color: var(--blue-fantasy);
    color: var(--link-color);
    position: relative;
    transition: color .3s linear;
    overflow: hidden;
    cursor: pointer
}

.c-nav-menu-content-a>span {
    pointer-events: none
}

.c-nav-menu-content-light .c-nav-menu-content-a {
    --link-color-hover: var(--blue-fibonacci);
    --border-color: var(--cyan)
}

.c-nav-menu-content-light .c-nav-menu-content-a:before {
    left: -.9375rem;
    width: calc(100% + 1.875rem)
}

.c-nav-menu-content-ul--sub .c-nav-menu-content-a:before {
    display: none
}

.c-nav-menu-content-a:before {
    --scale-x: .5;
    position: absolute;
    bottom: -.125rem;
    left: -1.25rem;
    display: block;
    width: calc(100% + 2.5rem);
    top: 0%;
    height: 109%;
    border-radius: 2.5rem;
    background-color: var(--border-color);
    content: "";
    transform-origin: left;
    opacity: 0;
    transform: scaleX(var(--scale-x));
    transition: transform 1.2s var(--expo-out), opacity .3s linear
}

.c-nav-menu-content-a:hover,
.c-nav-menu-content-a.is-active {
    color: var(--link-color-hover)
}

.c-nav-menu-content-a:hover:before,
.c-nav-menu-content-a.is-active:before {
    opacity: 1
}

.c-nav-menu.is-active .c-nav-menu-content-a:before {
    --scale-x: .5
}

.c-nav-menu.is-active .c-nav-menu-content-a:hover:before {
    --scale-x: 1
}

.c-nav-menu.is-active .c-nav-menu-content-a.is-active:before {
    --scale-x: 1
}

[data-page=error] .c-nav-bar-part--right,
[data-page=error] .c-nav-bar-lang,
[data-page=blogpost-eBook] .c-nav-bar-part--right,
[data-page=blogpost-eBook] .c-nav-bar-lang {
    display: none
}

[data-page=error] .c-nav-bar-part,
[data-page=error] .c-nav-bar-bg,
[data-page=blogpost-eBook] .c-nav-bar-part,
[data-page=blogpost-eBook] .c-nav-bar-bg {
    transition: none;
    transform: none !important
}

[data-page=error] .c-nav-bar-bg,
[data-page=blogpost-eBook] .c-nav-bar-bg {
    background-color: transparent
}

[data-page=error] .c-nav,
[data-page=blogpost-eBook] .c-nav {
    transition: opacity .3s linear
}

[data-page=error] .c-nav.is-scrolled,
[data-page=blogpost-eBook] .c-nav.is-scrolled {
    opacity: 0
}

.c-event-nav {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z-nav);
    pointer-events: none;
    will-change: transform, opacity
}

.c-event-nav-ul {
    display: none;
    align-items: center;
    gap: .8125rem;
    font-size: var(--nav-font-size)
}

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

.c-event-nav-ul a {
    pointer-events: auto;
    --scale-x: .75;
    padding: .625rem .9375rem;
    position: relative;
    transition: color .3s linear
}

.c-event-nav-ul a .c-nav-bar-menu-a-text {
    position: relative
}

.c-event-nav-ul a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.25rem;
    transform: scale(var(--scale-x));
    background-color: transparent;
    transition: background-color .3s linear, transform .8s var(--expo-out)
}

@media (hover: hover) and (pointer: fine) {

    .c-nav-bar-menu-li--sub .c-event-nav-ul a:hover,
    .c-nav-bar-menu-li--sub .c-event-nav-ul a.is-active {
        color: var(--blue-fibonacci)
    }

    .c-event-nav-ul a:hover,
    .c-nav-bar-menu-li.is-active>.c-event-nav-ul a,
    .c-event-nav-ul a.is-active {
        --scale-x: 1;
        color: var(--white)
    }

    .c-event-nav-ul a:hover:before,
    .c-nav-bar-menu-li.is-active>.c-event-nav-ul a:before,
    .c-event-nav-ul a.is-active:before {
        background-color: var(--nav-li-bg)
    }
}

.c-nav-bar-menu-li--sub .c-event-nav-ul a {
    --nav-li-bg: var(--white)
}

.c-event-nav-ul a span {
    z-index: 1;
    position: relative
}

.c-event-nav-bar {
    --nav-height: 7.8125rem;
    height: var(--nav-height);
    display: flex;
    align-items: center;
    z-index: 1
}

@media (max-width: 799px) {
    .c-event-nav-bar {
        --nav-height: 5.5rem
    }
}

.c-event-nav-bar {
    --logo-color: var(--white);
    --menu-color: var(--white);
    --nav-bg: transparent;
    --lang-bg: var(--nav-bg);
    --lang-border: rgba(255, 255, 255, .3);
    --lang-border-hover: rgba(255, 255, 255, .6);
    --nav-button-bg: var(--white);
    --nav-button-text: var(--blue-fibonacci);
    --nav-button-hover-bg: transparent;
    --nav-li-bg: var(--blue-fibonacci);
    --nav-sub-bg: var(--blue-rurikon);
    --nav-font-size: .875rem;
    --scroll-container-width: 58.5rem;
    height: var(--nav-height);
    color: var(--menu-color);
    pointer-events: none;
    transform: translateY(0);
    transition: transform .8s var(--expo-out), opacity .3s linear
}

.c-event-nav.is-hidden .c-event-nav-bar {
    opacity: 0;
    transform: translateY(-100%)
}

.c-event-nav.is-scrolled .c-event-nav-bar {
    --logo-color: var(--off-black);
    --menu-color: var(--off-black);
    --nav-bg: var(--blue-white);
    --lang-border: var(--blue-fibonacci-30);
    --lang-border-hover: var(--blue-fibonacci-60);
    --nav-button-bg: var(--blue-fibonacci);
    --nav-button-text: var(--white);
    --nav-button-hover-bg: transparent
}

.c-event-nav.is-scrolled .c-event-nav-bar .site-logo-type {
    opacity: 0
}

@media (max-width: 799px) {
    .c-event-nav-bar .site-logo-type {
        opacity: 0
    }

    .c-event-nav-bar .c-nav-bar-lang {
        transform: translate(-8.375rem)
    }
}

.c-event-nav-bar .site-logo-type {
    transition: opacity .3s linear
}

.c-event-nav-bar-bg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: var(--nav-bg);
    transform: translate(-50%);
    border-radius: var(--button-border-radius);
    transition: background-color .3s linear;
    max-width: 93%
}

@media (min-width: 1000px) {
    .c-event-nav-bar-bg {
        max-width: var(--scroll-container-width)
    }
}

@media (max-width: 799px) {
    .c-event-nav-bar-bg {
        max-width: 100%;
        height: 3rem
    }
}

.c-event-nav-bar-outer {
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    width: 100%;
    transition: color .3s linear;
    margin: 0 auto;
    padding: 0 5rem;
    max-width: 90rem
}

@media (max-width: 799px) {
    .c-event-nav-bar-outer {
        transition: color .3s linear;
        padding: 0 1.5625rem
    }
}

.c-event-nav-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    pointer-events: none
}

.c-event-nav-bar-logo svg {
    width: 9.16312rem;
    height: 1.49062rem
}

.c-event-nav-bar-part {
    display: flex;
    align-items: center;
    position: relative;
    pointer-events: all;
    transition: transform .8s var(--expo-out);
    gap: 1.4375rem
}

@media (max-width: 799px) {
    .c-event-nav-bar-part {
        gap: 1.25rem
    }
}

.c-event-nav-bar-part--left {
    transform: translate(0)
}

.c-event-nav.is-scrolled .c-event-nav-bar-part--left {
    transform: translate(3vw);
    will-change: transform
}

@media (min-width: 800px) {
    .c-event-nav.is-scrolled .c-event-nav-bar-part--left {
        transform: translate(4.5vw)
    }
}

@media (min-width: 1000px) {
    .c-event-nav.is-scrolled .c-event-nav-bar-part--left {
        transform: translate(calc(50vw - var(--scroll-container-width)/1.8))
    }
}

@media (min-width: 1250px) {
    .c-event-nav.is-scrolled .c-event-nav-bar-part--left {
        transform: translate(12.1875rem)
    }
}

.c-event-nav-bar-part--right {
    gap: 1.5625rem
}

@media (min-width: 1000px) {
    .c-event-nav-bar-part--right {
        gap: 3.4375rem
    }
}

@media (max-width: 799px) {
    .c-event-nav-bar-part--right {
        gap: 1.5625rem
    }
}

.c-event-nav.is-scrolled .c-event-nav-bar-part--right {
    transform: translate(-3vw);
    will-change: transform
}

@media (min-width: 1000px) {
    .c-event-nav.is-scrolled .c-event-nav-bar-part--right {
        transform: translate(calc(-50vw + var(--scroll-container-width)/1.7))
    }
}

@media (min-width: 1250px) {
    .c-event-nav.is-scrolled .c-event-nav-bar-part--right {
        transform: translate(-10.625rem)
    }
}

@media (max-width: 799px) {
    .c-event-nav.is-scrolled .c-event-nav-bar-part--right {
        transform: translate(0)
    }
}

.c-event-nav.is-scrolled .c-nav-bar-lang {
    transform: translate(-8.375rem)
}

.c-event-nav-bar-cta .c-button {
    --button-bg-color: var(--nav-button-bg);
    --button-border-color: var(--nav-button-bg);
    --button-text-color: var(--nav-button-text);
    --button-bg-hover-color: var(--nav-button-hover-bg)
}

@media (min-width: 800px) {
    .c-event-nav-bar-cta .c-button {
        padding: 0 2.25rem;
        height: 3.25rem
    }
}

@media (max-width: 799px) {
    .c-event-nav-bar-cta .c-button {
        height: 3rem
    }
}

.c-landing-page-nav {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--z-nav);
    pointer-events: none;
    will-change: transform, opacity
}

.c-landing-page-nav-ul {
    display: none;
    align-items: center;
    gap: .8125rem;
    font-size: var(--nav-font-size)
}

@media (min-width: 1000px) {
    .c-landing-page-nav-ul {
        display: flex
    }
}

.c-landing-page-nav-ul a {
    pointer-events: auto;
    --scale-x: .75;
    padding: .625rem .9375rem;
    position: relative;
    transition: color .3s linear
}

.c-landing-page-nav-ul a .c-nav-bar-menu-a-text {
    position: relative
}

.c-landing-page-nav-ul a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.25rem;
    transform: scale(var(--scale-x));
    background-color: transparent;
    transition: background-color .3s linear, transform .8s var(--expo-out)
}

@media (hover: hover) and (pointer: fine) {

    .c-nav-bar-menu-li--sub .c-landing-page-nav-ul a:hover,
    .c-nav-bar-menu-li--sub .c-landing-page-nav-ul a.is-active {
        color: var(--blue-fibonacci)
    }

    .c-landing-page-nav-ul a:hover,
    .c-nav-bar-menu-li.is-active>.c-landing-page-nav-ul a,
    .c-landing-page-nav-ul a.is-active {
        --scale-x: 1;
        color: var(--white)
    }

    .c-landing-page-nav-ul a:hover:before,
    .c-nav-bar-menu-li.is-active>.c-landing-page-nav-ul a:before,
    .c-landing-page-nav-ul a.is-active:before {
        background-color: var(--nav-li-bg)
    }
}

.c-nav-bar-menu-li--sub .c-landing-page-nav-ul a {
    --nav-li-bg: var(--white)
}

.c-landing-page-nav-ul a span {
    z-index: 1;
    position: relative
}

.c-landing-page-nav-bar {
    --nav-height: 7.8125rem;
    height: var(--nav-height);
    display: flex;
    align-items: center;
    z-index: 1
}

@media (max-width: 799px) {
    .c-landing-page-nav-bar {
        --nav-height: 5.5rem
    }
}

.c-landing-page-nav-bar {
    --logo-color: var(--blue-fibonacci);
    --menu-color: var(--blue-fibonacci);
    --nav-bg: transparent;
    --lang-bg: var(--nav-bg);
    --lang-border: var(--blue-fibonacci-30);
    --lang-border-hover: var(--blue-fibonacci-60);
    --nav-button-bg: var(--blue-fibonacci);
    --nav-button-text: var(--blue-fibonacci);
    --nav-button-hover-bg: transparent;
    --nav-li-bg: var(--blue-fibonacci);
    --nav-sub-bg: var(--blue-rurikon);
    --nav-font-size: .875rem;
    --scroll-container-width: 58.5rem;
    height: var(--nav-height);
    color: var(--menu-color);
    pointer-events: none;
    transform: translateY(0);
    transition: transform .8s var(--expo-out), opacity .3s linear
}

.c-landing-page-nav.is-hidden .c-landing-page-nav-bar {
    opacity: 0;
    transform: translateY(-100%)
}

.c-landing-page-nav.is-scrolled .c-landing-page-nav-bar {
    --logo-color: var(--off-black);
    --menu-color: var(--off-black);
    --nav-bg: var(--blue-white);
    --lang-border: var(--blue-fibonacci-30);
    --lang-border-hover: var(--blue-fibonacci-60);
    --nav-button-bg: var(--blue-fibonacci);
    --nav-button-text: var(--white);
    --nav-button-hover-bg: transparent
}

.c-landing-page-nav.is-scrolled .c-landing-page-nav-bar .site-logo-type {
    opacity: 0
}

.c-landing-page-nav-bar-bg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: var(--nav-bg);
    transform: translate(-50%);
    border-radius: var(--button-border-radius);
    transition: background-color .3s linear;
    max-width: 93%
}

@media (min-width: 1000px) {
    .c-landing-page-nav-bar-bg {
        max-width: var(--scroll-container-width)
    }
}

@media (max-width: 799px) {
    .c-landing-page-nav-bar-bg {
        max-width: 100%;
        height: 3rem
    }
}

.c-landing-page-nav-bar-outer {
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    width: 100%;
    transition: color .3s linear;
    margin: 0 auto;
    padding: 0 5rem;
    max-width: 90rem
}

@media (max-width: 799px) {
    .c-landing-page-nav-bar-outer {
        transition: color .3s linear;
        padding: 0 1.5625rem
    }
}

.c-landing-page-nav-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    pointer-events: none
}

.c-landing-page-nav-bar-logo svg {
    width: 9.16312rem;
    height: 1.49062rem
}

.c-landing-page-nav-bar-part {
    display: flex;
    align-items: center;
    position: relative;
    pointer-events: all;
    transition: transform .8s var(--expo-out);
    gap: 1.4375rem
}

@media (max-width: 799px) {
    .c-landing-page-nav-bar-part {
        gap: 1.25rem
    }
}

.c-landing-page-nav-bar-part--left {
    transform: translate(0)
}

.c-landing-page-nav-bar-part--right {
    gap: 1.5625rem
}

@media (min-width: 1000px) {
    .c-landing-page-nav-bar-part--right {
        gap: 3.4375rem
    }
}

@media (max-width: 799px) {
    .c-landing-page-nav-bar-part--right {
        gap: 1.5625rem
    }
}

.c-landing-page-nav.is-scrolled .c-landing-page-nav-bar-part--right {
    will-change: transform
}

@media (max-width: 799px) {
    .c-landing-page-nav.is-scrolled .c-landing-page-nav-bar-part--right {
        transform: translate(0);
        display: none
    }
}

.c-landing-page-nav.is-scrolled .c-nav-bar-lang {
    transform: translate(-8.375rem)
}

.c-landing-page-nav-bar-cta .c-button {
    --button-bg-color: var(--nav-button-bg);
    --button-border-color: var(--nav-button-bg);
    --button-text-color: var(--nav-button-text);
    --button-bg-hover-color: var(--nav-button-hover-bg)
}

@media (min-width: 800px) {
    .c-landing-page-nav-bar-cta .c-button {
        padding: 0 2.25rem;
        height: 3.25rem
    }
}

@media (max-width: 799px) {
    .c-landing-page-nav-bar-cta .c-button {
        height: 3rem
    }
}

.c-nav-search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    color: var(--blue-fibonacci);
    z-index: var(--z-modal);
    pointer-events: none;
    display: none;
    height: 100%
}

.c-nav-search input {
    height: 4rem;
    width: 100%;
    padding: 0;
    border: none;
    border-radius: .5rem;
    background-color: transparent;
    font-size: 1.375rem;
    letter-spacing: -.04em;
    font-weight: 500;
    outline: none;
    margin-bottom: 3.75rem
}

.c-nav-search input::placeholder {
    opacity: 1;
    color: var(--blue-fibonacci-30)
}

.c-nav-search input:-ms-input-placeholder {
    opacity: 1;
    color: var(--blue-fibonacci-30)
}

.c-nav-search input::-ms-input-placeholder {
    opacity: 1;
    color: var(--blue-fibonacci-30)
}

.c-nav-search-content {
    position: absolute;
    width: 100%;
    background-color: var(--cyan-light);
    height: 11.9375rem;
    pointer-events: none
}

.c-nav-search-content.has-results {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    pointer-events: auto
}

.c-nav-search-content-ul {
    --span-color: var(--blue-sky-30);
    --tag-text-color: var(--blue-highlight);
    padding: 8.75rem 0;
    display: grid;
    gap: 3.75rem;
    grid-template-columns: 1fr
}

@media (min-width: 800px) {
    .c-nav-search-content-ul {
        padding: 11.9375rem 0;
        grid-template-columns: repeat(3, 1fr)
    }
}

.c-nav-search-content-li .c-tag+.ts-6 {
    display: block;
    margin-top: .5rem
}

.c-nav-search-content-li .ts-p {
    display: block;
    margin-top: .5rem
}

.c-nav-search-content-li.no-results {
    background: var(--blue-sky-30);
    padding: 1.25rem 1.875rem;
    border-radius: .75rem
}

@media (min-width: 800px) {
    .c-nav-search-content-li.no-results {
        grid-column: span 3
    }
}

.c-nav-search-content-li .c-link {
    --icon-border-color: var(--blue-sky-60);
    margin-top: 1rem
}

@media (hover: hover) and (pointer: fine) {
    .c-nav-search-content-li:hover .c-link {
        --icon-background-color: var(--blue-fibonacci);
        --icon-border-color: transparent
    }

    .c-nav-search-content-li:hover .c-link path {
        fill: #fff
    }
}

.c-nav-search-content-a {
    cursor: pointer
}

.c-nav-search-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--off-black-90);
    z-index: -1
}

.c-nav-search-top {
    position: absolute;
    width: 100%;
    z-index: 1;
    height: 11.9375rem;
    display: flex;
    align-items: center;
    background-image: linear-gradient(to bottom, var(--cyan-light) 50%, rgba(255, 255, 255, 0) 80%)
}

@media (min-width: 800px) {
    .c-nav-search-top {
        background-image: linear-gradient(to bottom, var(--cyan-light) 50%, rgba(255, 255, 255, 0))
    }
}

.c-nav-search-top .c-modal-close {
    --button-bg: var(--cyan);
    --button-bg-hover: var(--white)
}

@media (max-width: 999px) {
    .c-nav-search-top .c-modal-close {
        --button-bg-hover: var(--white)
    }
}

.c-hero {
    height: 120.625vw;
    background: var(--off-black);
    color: var(--white);
    position: relative;
    overflow: hidden
}

@media (max-width: 799px) {
    .c-hero {
        height: 374.93333vw
    }
}

.c-hero+.c-section {
    padding-top: 3rem
}

@media (max-width: 799px) {
    .c-hero+.c-section {
        padding-top: 5.9375rem
    }
}

.c-hero-section-1,
.c-hero-section-2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: .5
}

.c-hero-section-1 {
    height: calc(100% - 12.15278vw);
    top: 0
}

.c-hero-section-2 {
    height: 12.15278vw;
    bottom: 0
}

.c-hero-title {
    font-size: 11.15vw;
    line-height: 1;
    letter-spacing: -.04em;
    padding-top: 13.75rem
}

@media (max-width: 799px) {
    .c-hero-title {
        font-size: 3.25rem;
        padding-top: 10.75rem;
        line-height: 1.05
    }
}

.c-hero-title .line {
    padding: .1em 0;
    margin: -.1em 0;
    white-space: nowrap
}

.c-hero-title .line:first-child {
    margin-top: -.125em;
    margin-left: -.06em
}

.c-hero-title .line:nth-child(2) {
    margin-top: -.275em;
    margin-left: -.5em;
    display: flex;
    justify-content: center
}

@media (max-width: 799px) {
    .c-hero-title .line:nth-child(2) {
        margin-top: -.2em;
        margin-left: -.06em
    }
}

.c-hero-title .line:nth-child(3) {
    margin-top: 0;
    margin-left: -.035em
}

@media (max-width: 799px) {
    .c-hero-title .line:nth-child(3) {
        margin-left: -.02em
    }
}

.c-hero {
    --paragraph-color: var(--white)
}

.c-hero .ts-p {
    margin-top: 2.75rem
}

@media (max-width: 799px) {
    .c-hero .ts-p {
        margin-top: 3.75rem
    }
}

.c-hero .wrap {
    position: relative
}

.c-hero-bg {
    position: absolute;
    width: 100%;
    top: 30.13333vw;
    left: 0
}

@media (min-width: 800px) {
    .c-hero-bg {
        top: 11.18vw;
        left: -4.027vw
    }
}

.c-hero-bg svg {
    width: 106.5972vw;
    height: 109.5138vw
}

@media (max-width: 799px) {
    .c-hero-bg svg {
        width: 100vw;
        height: 345.06667vw
    }
}

.c-hero-illustration .c-hero-illustration-part {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform
}

.c-hero-illustration .c-hero-illustration-part:first-child {
    position: relative
}

.c-hero-cta {
    margin-top: 25.8125rem;
    will-change: transform, opacity
}

@media (min-width: 800px) {
    .c-hero-cta {
        margin-top: 17.5rem
    }
}

@media (min-width: 1000px) {
    .c-hero-cta {
        margin-top: 23.75rem
    }
}

.c-hero-cta-button {
    --icon-size: 3.5rem;
    --icon-bg: var(--cyan);
    --button-bg: var(--cyan-light);
    --button-color: var(--blue-fibonacci);
    --button-height: 5.625rem;
    --button-width: 16.125rem;
    --button-radius: 1.25rem;
    --button-font-size: 1rem;
    --button-spacing: 1.25rem;
    display: flex;
    align-items: center;
    min-width: var(--button-width);
    height: var(--button-height);
    padding: 0 var(--button-spacing);
    border-radius: var(--button-radius);
    color: var(--button-color);
    opacity: 0;
    position: relative
}

@media (max-width: 799px) {
    .c-hero-cta-button {
        --icon-size: 3.1875rem;
        --button-height: 5rem;
        --button-width: 14.375rem;
        --button-font-size: .875rem;
        --button-spacing: 1rem;
        display: inline-flex
    }

    .c-hero-cta-button .c-icon-play {
        width: .875rem;
        height: .8125rem
    }
}

.c-hero-cta-button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-bg);
    width: var(--icon-size);
    height: var(--icon-size);
    border-radius: 50%;
    transition: background .3s linear;
    margin-right: var(--button-spacing);
    position: relative;
    flex-shrink: 0
}

.c-hero-cta-button-icon-hover {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-102%);
    transition: transform .8s var(--expo-out);
    opacity: 0
}

.c-hero-cta-button-icon-wrap {
    position: relative;
    overflow: hidden
}

.c-hero-cta-button-text {
    font-size: var(--button-font-size);
    line-height: 1.4375;
    font-weight: 400;
    letter-spacing: .02em;
    position: relative;
    white-space: nowrap
}

.c-hero-cta-button-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(0);
    background-color: var(--button-bg);
    border-radius: 1.25rem;
    transition: background-color .3s linear, transform .3s ease-out
}

.c-hero-cta-button-text {
    position: relative;
    overflow: hidden;
    display: block
}

.c-hero-cta-button-text-static,
.c-hero-cta-button-text-hover,
.c-hero-cta-button-icon-static,
.c-hero-cta-button-icon-hover {
    display: block
}

.c-hero-cta-button-text-hover {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(102%)
}

@media (hover: hover) and (pointer: fine) {

    .c-hero-cta-button-text-hover,
    .c-hero-cta-button-text-static {
        transition: transform .8s var(--expo-out)
    }

    .c-hero-cta-button-icon-hover,
    .c-hero-cta-button-icon-static {
        transition: transform .8s var(--expo-out), opacity .8s var(--expo-out)
    }

    .c-hero-cta-button:hover {
        --icon-bg: var(--blue-fantasy);
        --button-bg: var(--blue-snow)
    }

    .c-hero-cta-button:hover .c-hero-cta-button-text-hover {
        transform: translateY(0)
    }

    .c-hero-cta-button:hover .c-hero-cta-button-icon-hover {
        transform: translate(0);
        opacity: 1
    }

    .c-hero-cta-button:hover .c-hero-cta-button-text-static {
        transform: translateY(-100%)
    }

    .c-hero-cta-button:hover .c-hero-cta-button-icon-static {
        transform: translate(100%);
        opacity: 0
    }
}

.c-hero-part {
    transform-origin: center;
    transform-box: fill-box;
    will-change: transform, opacity
}

.c-hero-part--5-container {
    transform-origin: center;
    transform-box: fill-box
}

.c-hero-part--3,
.c-hero-part--4 {
    overflow: visible
}

.c-hero-science-illustration {
    margin-left: 1.875rem;
    position: relative
}

.c-hero-science-illustration svg {
    width: 74.48125rem;
    height: 63.56875rem
}

@media (max-width: 799px) {
    .c-hero-science-illustration svg {
        width: 21.875rem !important;
        height: 18.75rem !important
    }
}

.c-hero-science-illustration .c-hero-science-illustration-part {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform
}

.c-hero-science-illustration .c-hero-science-illustration-part:first-child {
    position: relative
}

.c-grid {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    column-gap: 1.25rem
}

@media (max-width: 999px) {
    .c-nav-menu-content .wrap>.c-grid {
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 100%
    }
}

.c-form .c-grid+.grid {
    margin-top: 7.5rem
}

@media (min-width: 800px) {
    .c-grid {
        grid-template-columns: repeat(14, minmax(0, 1fr));
        column-gap: 3.75rem
    }

    .c-grid--1 {
        column-gap: 1.5625rem
    }
}

@media (min-width: 1000px) {
    .c-grid--1 {
        column-gap: 3.75rem
    }
}

@media (max-width: 999px) {
    .c-grid--1 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        row-gap: 5.625rem
    }
}

.c-grid--1 .c-card-item {
    grid-column: span 12 / span 12
}

@media (min-width: 800px) {
    .c-grid--1 .c-card-item {
        grid-column: span 4 / span 4
    }
}

@media (min-width: 1000px) {
    .c-grid--1 .c-card-item {
        grid-column: span 4 / span 4
    }

    .c-grid--1 .c-card-item:nth-child(1) {
        grid-column-start: 2
    }
}

.c-card-item {
    position: relative
}

.c-card-item-content {
    display: block;
    position: relative
}

.c-card-item-content .c-card-item-content-details+.ts-4 {
    margin-top: .625rem
}

.c-card-item-content .ts-4 {
    transition: color .3s linear
}

.c-card-item-content .ts-p {
    display: block;
    margin-top: 1.25rem
}

.c-card-item-content .ts-p+.c-button {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .c-card-item-content .ts-p+.c-button {
        margin-top: 3.125rem
    }
}

.c-card-item-picture {
    width: 100%;
    aspect-ratio: 311 / 190;
    overflow: hidden;
    border-radius: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.c-card-item-picture.-is-svg {
    padding: 1.875rem
}

.c-card-item-picture.-is-svg img {
    object-fit: contain;
    position: absolute;
    top: 15%;
    left: 15%;
    width: 70%;
    height: 70%
}

.c-cards--2 .c-card-item-picture.-is-svg img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-card-item-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1);
    transition: transform 1.2s var(--expo-out)
}

@media (hover: hover) and (pointer: fine) {
    .c-card-item:hover .c-card-item-picture img {
        transform: scale(1.1)
    }
}

.c-card-item-picture .-blog-icon {
    object-fit: contain;
    width: 67.5%;
    height: 67.5%
}

.c-card-item-picture.-color-blue-ice {
    background-color: var(--blue-ice)
}

.c-card-item-picture.-color-blue-sky {
    background-color: var(--blue-sky)
}

.c-card-item-picture.-color-cyan {
    background-color: var(--cyan-light)
}

.c-card-item-picture.-color-yellow-sunflower {
    background-color: var(--yellow-sunflower)
}

.c-card-item-picture.-color-purple-lavender {
    background-color: var(--purple-lavender)
}

.c-card-item-picture+.c-card-item-content {
    padding-top: 2.8125rem
}

@media (max-width: 799px) {
    .c-card-item-picture+.c-card-item-content {
        padding-top: 3.125rem
    }
}

.c-card-item-content-details {
    display: flex;
    align-items: center;
    color: var(--blue-patch)
}

.c-card-item-content-details .ts-indicator {
    margin-left: .625rem
}

.c-card-item-content-details .ts-detail {
    padding: 0
}

.c-card-item-content-details .ts-detail+.ts-detail {
    margin-left: .25rem
}

.c-card-item-content-details .ts-detail+.ts-detail:before {
    content: "|";
    margin-right: .25rem
}

.c-button {
    color: var(--button-text-color);
    border-radius: var(--button-border-radius);
    display: inline-flex;
    height: 3.5rem;
    padding: 0 1.78125rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer
}

@media (max-width: 799px) {
    .c-button {
        padding: 0 1.5rem;
        font-size: .625rem;
        height: 3.1875rem;
        border-radius: 2.5rem
    }
}

.c-button .c-button-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .3s ease-out;
    transform: translateY(0);
    background-color: var(--button-bg-color);
    border-radius: var(--button-border-radius)
}

.c-button .c-button-icon {
    margin-top: .125rem;
    position: relative
}

.c-button .c-button-text+.c-button-icon {
    margin-left: .625rem;
    margin-right: -.125rem
}

.ts-p+.c-button {
    margin-top: 1.875rem
}

.ts-body--xl+.c-button {
    margin-top: 1.875rem
}

@media (max-width: 799px) {
    .ts-body--xl+.c-button {
        margin-top: 3rem
    }
}

.c-button--ts-1 {
    font-family: var(--font-sans);
    font-size: .6875rem;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .02em
}

@media (max-width: 799px) {
    .c-button--ts-1 {
        font-size: .625rem
    }

    .c-button--ts-1 .c-button-text {
        height: .625rem
    }
}

.c-button--ts-2 {
    font-family: var(--font-sans);
    font-size: .875rem;
    line-height: 1;
    letter-spacing: .02em;
    font-weight: 400
}

@media (max-width: 799px) {
    .c-button--ts-2 {
        font-size: .75rem
    }
}

.c-button--ts-2 .c-button-text {
    height: .875rem
}

@media (max-width: 799px) {
    .c-button--ts-2 .c-button-text {
        height: .75rem
    }
}

.c-button--ts-3 {
    font-family: var(--font-sans);
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.14286;
    letter-spacing: .02em;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .c-button--ts-3 {
        font-size: .75rem
    }
}

.c-button--ts-3 .c-button-text {
    height: .875rem
}

@media (max-width: 799px) {
    .c-button--ts-3 .c-button-text {
        height: .75rem
    }
}

.c-button-text,
.c-button-icon {
    position: relative;
    overflow: hidden
}

.c-button-text {
    height: .6875rem
}

.c-button-text-static,
.c-button-icon-static {
    display: block
}

.c-button-text-hover,
.c-button-icon-hover {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(110%);
    color: var(--button-text-hover-color, currentColor)
}

@media (max-width: 799px) {
    .c-button-text-hover {
        opacity: 0
    }
}

@media (hover: hover) and (pointer: fine) {
    .c-button {
        transition: width .8s var(--expo-out), border-color .3s linear, background-color .3s linear
    }

    .c-button-bg {
        transition: transform .8s var(--expo-out);
        overflow: hidden
    }

    .c-button-text-hover,
    .c-button-text-static,
    .c-button-icon-hover,
    .c-button-icon-static {
        transition: transform .8s var(--expo-out)
    }

    .c-button-bg-hover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: var(--button-border-radius);
        background-color: var(--button-bg-hover-color, rgba(255, 255, 255, 1));
        transform: translateY(110%);
        transition: transform .8s var(--expo-out)
    }

    .c-button-icon {
        transition: transform .8s var(--expo-out)
    }

    .c-button:hover .c-button-text-hover,
    .c-button:hover .c-button-icon-hover,
    .c-button--round:hover .c-button-text-hover,
    .c-button--round:hover .c-button-icon-hover,
    a:hover .c-button .c-button-text-hover,
    a:hover .c-button .c-button-icon-hover,
    a:hover .c-button--round .c-button-text-hover,
    a:hover .c-button--round .c-button-icon-hover {
        transform: translateY(0)
    }

    .c-button:hover .c-button-text-static,
    .c-button:hover .c-button-icon-static,
    .c-button--round:hover .c-button-text-static,
    .c-button--round:hover .c-button-icon-static,
    a:hover .c-button .c-button-text-static,
    a:hover .c-button .c-button-icon-static,
    a:hover .c-button--round .c-button-text-static,
    a:hover .c-button--round .c-button-icon-static {
        transform: translateY(-110%)
    }

    .c-button:hover .c-button-bg-hover,
    .c-button--round:hover .c-button-bg-hover,
    a:hover .c-button .c-button-bg-hover,
    a:hover .c-button--round .c-button-bg-hover {
        transform: translateY(0)
    }

    .c-button:hover .c-button-bg,
    .c-button--round:hover .c-button-bg,
    a:hover .c-button .c-button-bg,
    a:hover .c-button--round .c-button-bg {
        transform: scaleX(1.035) scaleY(1.025)
    }

    .c-button:hover .c-button .c-button-icon,
    .c-button--round:hover .c-button .c-button-icon,
    a:hover .c-button .c-button .c-button-icon,
    a:hover .c-button--round .c-button .c-button-icon {
        transform: translate(.25rem)
    }
}

.c-button--white {
    --button-bg-color: var(--white);
    --button-border-color: var(--white);
    --button-text-color: var(--blue-fibonacci)
}

.c-button--outlined {
    --button-bg-color: transparent;
    --button-border-color: rgba(255, 255, 255, .15);
    --button-border-hover-color: rgba(255, 255, 255, .25);
    --button-text-color: var(--white);
    --button-bg-hover-color: transparent;
    border: .09375rem solid var(--button-border-color)
}

@media (hover: hover) and (pointer: fine) {

    .c-button--outlined:hover,
    a:hover .c-button--outlined {
        border-color: var(--button-border-hover-color)
    }
}

.c-button--outlined.c-button--white {
    --button-bg-hover-color: var(--white);
    --button-text-hover-color: var(--blue-fibonacci);
    --button-border-hover-color: transparent
}

.c-button--cyan {
    --button-bg-color: var(--cyan);
    --button-border-color: var(--cyan);
    --button-text-color: var(--blue-fibonacci)
}

.c-button--hover-blue {
    --button-bg-hover-color: var(--blue-fantasy)
}

.c-button--hover-cyan {
    --button-bg-hover-color: var(--cyan)
}

.c-button--blue {
    --button-bg-color: var(--blue-fantasy);
    --button-border-color: var(--blue-fantasy);
    --button-text-color: var(--blue-fibonacci)
}

.c-button--blue-light {
    --button-bg-color: var(--blue-white);
    --button-border-color: var(--blue-fantasy);
    --button-text-color: var(--blue-fibonacci);
    --button-text-hover-color: var(--white);
    --button-bg-hover-color: var(--blue-fibonacci)
}

.c-button--blue-dark {
    --button-bg-color: var(--blue-fibonacci);
    --button-border-color: var(--blue-fibonacci);
    --button-text-color: var(--white);
    --button-text-hover-color: var(--blue-fibonacci)
}

.c-button--blue.c-button--outlined {
    --button-bg-color: transparent;
    --button-bg-hover-color: var(--blue-fibonacci);
    --button-hover-color: var(--blue-fantasy);
    --button-border-color: var(--blue-sky-30);
    --button-text-color: var(--blue-fibonacci);
    --button-text-hover-color: var(--white)
}

.c-button--round {
    position: relative;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s color linear;
    color: var(--button-color, currentColor)
}

@media (max-width: 799px) {
    .c-button--round {
        width: 3.1875rem;
        height: 3.1875rem
    }
}

.c-button--round:before {
    content: "";
    background-color: var(--button-bg);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: scale(1);
    transition: background-color .3s linear, transform .8s var(--expo-out)
}

.c-button--round:hover,
a:hover .c-button--round {
    color: var(--button-hover-color)
}

.c-button--round:hover:before,
a:hover .c-button--round:before {
    background-color: var(--button-bg-hover);
    transform: scale(1.1)
}

.c-button-readmore {
    --button-bg-color: transparent;
    --button-border-color: var(--blue-fibonacci-30);
    --button-text-color: var(--blue-fibonacci);
    color: var(--button-text-color);
    background-color: var(--button-bg-color);
    border: .09375rem solid var(--button-border-color);
    overflow: hidden;
    width: var(--button-width);
    height: 1.75rem;
    display: flex;
    align-items: center;
    border-radius: 1.25rem;
    font-size: .75rem;
    position: relative;
    margin-top: 1.3125rem
}

@media (min-width: 800px) {
    .c-button-readmore {
        font-size: .875rem;
        width: 3.1875rem;
        height: 2rem;
        transition: width .8s var(--expo-out), border-color .3s linear, background-color .3s linear
    }
}

.c-button-readmore-icon {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: .4375rem;
    transform: translate(-1.0625rem)
}

@media (max-width: 799px) {
    .c-button-readmore-icon {
        top: .375rem;
        transform: translate(-.75rem)
    }
}

.c-button-readmore-text {
    padding: 0 2.1875rem 0 .9375rem;
    transition: opacity .3s linear;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap
}

@media (min-width: 800px) {
    .c-button-readmore-text {
        opacity: 0
    }
}

.c-button-readmore-hover {
    --button-width: 6.5625rem;
    --button-bg-color-hover: var(--blue-fantasy);
    --button-border-color-hover: var(--blue-fantasy);
    --button-text-color-hover: var(--blue-fibonacci);
    background-color: var(--button-bg-color-hover);
    border-color: var(--button-border-color-hover);
    color: var(--button-text-color-hover);
    width: var(--button-width)
}

.c-button-readmore-hover .c-button-readmore-text {
    opacity: 1
}

.c-button-readmore-hover .c-button-readmore-icon {
    transform: translate(-.625rem)
}

.c-button.c-button--xl {
    --button-border-radius: 2.8125rem;
    height: 4.75rem;
    padding: 0 2.8125rem;
    border-radius: 3.4375rem
}

@media (max-width: 799px) {
    .c-button.c-button--xl {
        height: 4.4375rem;
        padding: 0 1.5625rem
    }
}

.c-button.c-button--xl.c-button--ts-1,
.c-button.c-button--xl.c-button--ts-2,
.c-button.c-button--xl.c-button--ts-3 {
    font-size: var(--button-font-size)
}

.c-button.c-button--xl.c-button--ts-1 .c-button-text,
.c-button.c-button--xl.c-button--ts-2 .c-button-text,
.c-button.c-button--xl.c-button--ts-3 .c-button-text {
    height: var(--button-font-size)
}

.c-button.c-button--xl.c-button--ts-1 {
    --button-font-size: .875rem
}

@media (max-width: 799px) {
    .c-button.c-button--xl.c-button--ts-1 {
        --button-font-size: .75rem
    }
}

.c-button.c-button--xl.c-button--ts-2 {
    --button-font-size: 1rem
}

@media (max-width: 799px) {
    .c-button.c-button--xl.c-button--ts-2 {
        --button-font-size: .875rem
    }
}

.c-button.c-button--xl.c-button--ts-3 {
    --button-font-size: .875rem
}

@media (max-width: 799px) {
    .c-button.c-button--xl.c-button--ts-3 {
        --button-font-size: .75rem
    }
}

@media (hover: hover) and (pointer: fine) {
    .c-button--icon-hover {
        padding-right: 1.875rem;
        transition: padding .8s var(--expo-out), border-color .3s linear, background-color .3s linear
    }

    .c-button--icon-hover:hover,
    a:hover .c-button--icon-hover {
        padding-right: 2.8125rem
    }

    .c-button--icon-hover:hover .c-button-icon,
    a:hover .c-button--icon-hover .c-button-icon {
        opacity: 1;
        color: var(--button-text-hover-color)
    }

    .c-button--icon-hover .c-button-icon {
        position: absolute;
        right: 1.5625rem;
        top: 50%;
        opacity: 0;
        transform: translateY(-70%);
        transition: opacity .8s var(--expo-out)
    }
}

.c-button--ts-1 .c-button-text {
    transform: translateY(-.05rem)
}

@media (max-width: 799px) {
    .c-button--ts-1 .c-button-text {
        transform: translateY(0)
    }
}

.c-button--ts-1 .c-button-text-static,
.c-button--ts-1 .c-button-icon-static {
    transform: translateY(10%)
}

@media (hover: hover) and (pointer: fine) {

    .c-button--ts-1:hover .c-button-text-static,
    .c-button--ts-1:hover .c-button-icon-static,
    a:hover .c-button--ts-1 .c-button-text-static,
    a:hover .c-button--ts-1 .c-button-icon-static {
        transform: translateY(-110%)
    }

    .c-button--ts-1:hover .c-button-text-hover,
    .c-button--ts-1:hover .c-button-icon-hover,
    a:hover .c-button--ts-1 .c-button-text-hover,
    a:hover .c-button--ts-1 .c-button-icon-hover {
        transform: translateY(10%)
    }
}

.c-button--xl.c-button--ts-1 .c-button-text-static,
.c-button--xl.c-button--ts-1 .c-button-icon-static {
    transform: translateY(10%)
}

@media (hover: hover) and (pointer: fine) {

    .c-button--xl.c-button--ts-1:hover .c-button-text-static,
    .c-button--xl.c-button--ts-1:hover .c-button-icon-static,
    a:hover .c-button--ts-1.c-button--xl .c-button-text-static,
    a:hover .c-button--ts-1.c-button--xl .c-button-icon-static {
        transform: translateY(-110%)
    }

    .c-button--xl.c-button--ts-1:hover .c-button-text-hover,
    .c-button--xl.c-button--ts-1:hover .c-button-icon-hover,
    a:hover .c-button--ts-1.c-button--xl .c-button-text-hover,
    a:hover .c-button--ts-1.c-button--xl .c-button-icon-hover {
        transform: translateY(10%)
    }
}

.c-icon-arrow-right-sm {
    width: .625rem;
    height: .5625rem
}

.c-icon-arrow-right {
    width: 1rem;
    height: 1rem
}

.c-icon-user {
    width: 1.125rem;
    height: 1.1875rem
}

.c-icon-menu {
    width: 1.25rem;
    height: .5rem
}

.c-icon-menu line {
    stroke-dasharray: 18 18;
    stroke-dashoffset: 0;
    transform-origin: center;
    transition: stroke-dashoffset .8s var(--expo-out), transform .8s var(--expo-out)
}

.c-icon-menu line:nth-child(1) {
    transition-delay: 0s
}

.c-icon-menu line:nth-child(2) {
    transition-delay: .1s
}

.c-nav-bar-menu-toggle:hover .c-icon-menu line {
    stroke-dashoffset: 36
}

.c-icon-search {
    width: 1.1875rem;
    height: 1.125rem
}

.c-icon-close {
    width: .625rem;
    height: .625rem
}

.c-icon-play {
    width: .75rem;
    height: .875rem
}

.c-icon-chevron-down {
    width: 1.75rem;
    height: 1.75rem
}

.c-icon-checkmark {
    width: .75rem;
    height: .75rem
}

.c-icon-checkmark-lg {
    width: 13.625rem;
    height: 13.625rem
}

@media (max-width: 799px) {
    .c-icon-checkmark-lg {
        width: 11.6875rem;
        height: 11.6875rem
    }
}

.c-icon-arrow-top {
    position: relative;
    width: 1.0625rem;
    height: 1rem
}

.c-icon-plus-thin {
    width: .9375rem;
    height: .9375rem
}

@media (max-width: 799px) {
    .c-icon-plus-thin {
        width: .8125rem;
        height: .8125rem
    }
}

.c-icon-color-swatch,
.c-icon-write-brief {
    width: 7.75rem;
    height: 7.75rem
}

@media (max-width: 799px) {

    .c-icon-color-swatch,
    .c-icon-write-brief {
        width: 5rem;
        height: 5rem
    }
}

.c-icon-vision,
.c-icon-company {
    width: 2.625rem;
    height: 2.625rem
}

.c-icon-linkedin {
    width: .875rem;
    height: .875rem
}

.c-icon-receipt,
.c-icon-members,
.c-icon-open-app,
.c-icon-folders {
    width: 2.625rem;
    height: 2.625rem
}

.c-icon-drag-nav {
    width: .5rem;
    height: .5rem
}

.c-icon-marker {
    width: 1.75rem;
    height: 1.75rem
}

.c-icon-external-link {
    width: 1.125rem;
    height: 1.125rem
}

.c-icon-clock,
.c-icon-marker-2 {
    width: 1.5rem;
    height: 1.5rem
}

.c-icon-cookies {
    width: 1.625rem;
    height: 1.625rem
}

.c-illustration-part {
    transform-origin: center;
    transform-box: fill-box;
    will-change: transform, opacity
}

.c-illustration-ai {
    width: 24.9375rem;
    height: 15.75rem
}

.c-illustration-recruiting {
    width: 36.5rem;
    height: 24.1875rem
}

.c-illustration-services {
    width: 43.3125rem;
    height: 26.5625rem
}

.c-illustration-benefits {
    width: 27.125rem;
    height: 25.25rem
}

.c-illustration-darts {
    width: 9.5rem;
    height: 8.5rem
}

.c-illustration-managing {
    width: 7.0625rem;
    height: 5.6875rem
}

.c-illustration-understanding {
    width: 7.125rem;
    height: 5.6875rem
}

.c-illustration-training {
    width: 31.4375rem;
    height: 21.1875rem
}

@media (max-width: 799px) {
    .c-illustration-training {
        width: 16rem;
        height: 10.75rem
    }
}

.c-illustration-world {
    position: absolute;
    top: 0;
    left: 0;
    width: 135.1875rem;
    height: 87.6875rem;
    aspect-ratio: 2163 / 1403
}

.c-illustration-soft-skills {
    width: 25.1875rem;
    height: 16.625rem
}

.c-illustration-job {
    width: 31.25rem;
    height: 25rem
}

.c-illustration-inbound-recruiting {
    width: 25.1875rem;
    height: 15.75rem
}

.c-illustration-career-management {
    width: 25.1875rem;
    height: 24.625rem
}

.c-illustration-stay-in-touch {
    width: 24.3125rem;
    height: 16.375rem
}

.c-illustration-careers-hero {
    width: 42.6875rem;
    height: 26.75rem
}

.c-illustration-careers-culture {
    width: 32.125rem;
    height: 22.5rem
}

@media (max-width: 799px) {
    .c-illustration-careers-culture {
        width: 16rem;
        height: 11.25rem;
        margin-bottom: 2.5rem
    }
}

.c-illustration--error-404 {
    width: 36.625rem;
    height: 23.0625rem
}

.c-illustration-growing-talents {
    overflow: visible;
    width: 34.875rem;
    height: 23.875rem
}

.c-illustration-managing-teams {
    overflow: visible;
    width: 35.4375rem;
    height: 23.8125rem
}

.c-illustration-security {
    overflow: visible;
    width: 26.1875rem;
    height: 18.375rem
}

@media (max-width: 799px) {
    .c-illustration-security {
        width: 16rem;
        height: 11.25rem
    }
}

.c-illustration-faq {
    overflow: visible;
    width: 25.25rem;
    height: 19rem
}

.c-illustration-products-vision {
    width: 43.375rem;
    height: 29.125rem
}

.c-illustration-specialist-soft-skills {
    width: 25.8125rem;
    height: 17.3125rem
}

.c-illustration-specialist-soft-skills .bar-1,
.c-illustration-specialist-soft-skills .bar-2,
.c-illustration-specialist-soft-skills .bar-3 {
    transform-origin: bottom
}

.c-illustration-future-recruiting {
    width: 30.625rem;
    height: 20.625rem
}

.c-illustration-events-video {
    width: 25.9375rem;
    height: 18.75rem
}

.c-illustration-science-innovation-hero {
    width: 90rem;
    height: 76.8125rem
}

.c-illustration-science-team {
    position: relative
}

.c-illustration-science-team svg {
    width: 63.5rem;
    height: 54.25rem
}

@media (max-width: 799px) {
    .c-illustration-science-team svg {
        width: 21.875rem !important;
        height: 18.75rem !important
    }
}

.c-illustration-science-team .c-illustration-science-team-part {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform
}

@media (min-width: 800px) {
    .c-illustration-science-team .c-illustration-science-team-cube {
        transform: translateY(50px);
        transform-origin: center;
        transform-box: fill-box
    }
}

.c-illustration-science-team .c-illustration-science-team-part:first-child {
    position: relative
}

.c-illustration-science-scoring {
    width: 27.1875rem;
    height: 21.0625rem
}

.c-illustration-science-predictability {
    width: 26.875rem;
    height: 24.375rem
}

.c-illustration-science-cognitive {
    width: 33.75rem;
    height: 21.3125rem
}

.c-illustration-services {
    width: 43.3125rem;
    height: 26.5625rem;
    overflow: visible
}

.c-illustration-benefits-recruiting {
    overflow: visible;
    width: 100%
}

@media (min-width: 800px) {
    .c-illustration-benefits-recruiting {
        width: 27.125rem;
        height: 25.1875rem
    }
}

.c-illustration-benefits-growing-talents {
    overflow: visible;
    width: 100%
}

@media (min-width: 800px) {
    .c-illustration-benefits-growing-talents {
        width: 27rem;
        height: 27.1875rem
    }
}

.c-illustration-footer,
.c-illustration-menu-dark,
.c-illustration-menu-light,
.c-illustration-science-scoring,
.c-illustration-science-predictability,
.c-illustration-science-cognitive {
    overflow: visible
}

.c-illustration-benefits-managing-teams {
    overflow: visible;
    width: 100%
}

@media (min-width: 800px) {
    .c-illustration-benefits-managing-teams {
        width: 27rem;
        height: 23.125rem
    }
}

.c-illustration-echo {
    width: 9.4375rem;
    height: 8.75rem
}

.c-news-widget {
    position: absolute;
    top: 7.8125rem;
    left: calc(50% - 15.5625rem);
    width: 31.125rem;
    background-color: var(--blue-depths);
    border-radius: 2.5rem;
    overflow: hidden;
    color: var(--blue-flower);
    height: 3.5rem;
    z-index: var(--z-widget);
    padding: 0 1.25rem 0 1.875rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 799px) {
    .c-news-widget {
        top: 5.5rem;
        left: 1.5625rem;
        width: calc(100% - 3.125rem);
        height: 3.625rem;
        padding: 0 .9375rem 0 1.5625rem
    }
}

.c-news-widget-ul {
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-mask-image: linear-gradient(-90deg, transparent 5%, rgba(0, 0, 0, 1) 3.75rem)
}

.c-news-widget-li {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    opacity: 0;
    pointer-events: none
}

.c-news-widget-li.is-active {
    opacity: 1;
    pointer-events: all
}

.c-news-widget-li:first-child {
    position: relative
}

.c-news-widget-li-type {
    color: var(--blue-fantasy);
    flex: none
}

.c-news-widget-li-type:after {
    content: "";
    display: inline-block;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background-color: var(--blue-fantasy);
    margin-right: .5rem;
    margin-left: .625rem;
    margin-bottom: .125rem
}

.c-news-widget-controls {
    display: flex;
    align-items: center;
    gap: .3125rem;
    flex: none
}

.c-news-widget-controls button {
    height: 1.625rem;
    width: 1.625rem;
    border-radius: 50%;
    background-color: var(--blue-mysterious);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s linear, color .3s linear
}

@media (hover: hover) and (pointer: fine) {
    .c-news-widget-controls button:hover {
        background-color: var(--blue-patch-30);
        color: var(--white)
    }
}

.c-news-widget-controls button .icon-r-md {
    height: .625rem;
    width: .375rem;
    transform-origin: center
}

.c-news-widget-control-prev .icon-r-md {
    transform: rotate(180deg)
}

.c-news-widget-control-next {
    position: relative
}

.c-news-widget-control-next-progress {
    position: absolute;
    top: -.0625rem;
    left: -.0625rem
}

.c-news-widget-control-next-progress svg {
    height: 1.75rem;
    width: 1.75rem;
    transform: rotate(-90deg)
}

.c-news-widget-control-next-progress svg circle {
    stroke: var(--blue-fantasy);
    stroke-width: .0625rem;
    fill: none
}

.c-news-widget-a {
    white-space: nowrap;
    display: block
}

@media (hover: hover) and (pointer: fine) {
    .c-news-widget-a {
        transition: color .3s linear
    }

    .c-news-widget-a:hover {
        color: var(--white)
    }
}

.c-video-modal {
    --modal-bg: var(--white);
    --plyr-video-controls-background: var(--white);
    --plyr-video-control-color: var(--blue-fibonacci);
    --plyr-video-progress-buffered-background: var(--blue-flower-30);
    --plyr-video-control-background-hover: var(--blue-fibonacci);
    --plyr-video-control-color-hover: var(--white);
    --plyr-color-main: var(--blue-fantasy);
    --plyr-control-icon-size: 1.5rem;
    --plyr-control-spacing: .75rem;
    --plyr-controls-spacing: 1.25rem;
    --plyr-control-radius: 2.5rem;
    --plyr-controls-height: 3.5rem;
    --plyr-controls-width: 42.625rem;
    --plyr-controls-margin: 2.1875rem
}

@media (max-width: 799px) {
    .c-video-modal {
        --modal-bg: var(--white);
        --plyr-controls-height: 3.1875rem;
        --plyr-controls-width: 18.4375rem;
        --plyr-control-icon-size: 1.3125rem;
        --plyr-controls-margin: .9375rem;
        --plyr-controls-spacing: .625rem
    }
}

.c-video-modal {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 100vh;
    height: calc(100vh - env(safe-area-inset-bottom));
    height: 100%;
    width: 100%;
    z-index: var(--z-modal);
    pointer-events: none;
    display: none
}

.c-video-modal-outer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--modal-bg)
}

@media (max-width: 999px) {
    .c-video-modal-outer {
        width: 100%;
        height: 100vh;
        height: calc(100vh - env(safe-area-inset-bottom));
        height: 100%
    }
}

.c-video-modal-inner {
    width: 73.375rem;
    height: 41.3125rem;
    margin-top: .5rem;
    position: relative;
    overflow: hidden
}

@media (max-width: 999px) {
    .c-video-modal-inner {
        width: 100%;
        height: auto;
        aspect-ratio: 1174 / 661;
        margin-top: 0;
        border-radius: 0
    }
}

.c-video-modal-header {
    --header-height: 5rem;
    position: sticky;
    top: 0;
    right: 0;
    height: var(--header-height);
    z-index: 100;
    width: auto
}

@media (max-width: 999px) {
    .c-video-modal-header {
        --header-height: 3.875rem
    }
}

.c-video-modal-header {
    height: var(--header-height)
}

.c-video-modal-header .wrap {
    display: flex;
    justify-content: flex-end
}

.c-video-modal-close {
    --button-bg: var(--blue-fantasy);
    --button-bg-hover: var(--cyan)
}

@media (max-width: 999px) {
    .c-video-modal-close {
        --button-bg-hover: var(--white)
    }
}

.c-video-modal-close {
    display: flex;
    align-items: center;
    position: absolute;
    top: 2.1875rem;
    right: 2.1875rem;
    width: 3.5rem;
    height: 3.5rem;
    z-index: 1
}

@media (max-width: 799px) {
    .c-video-modal-close {
        top: 1.5625rem;
        right: 1.5625rem
    }
}

@media (max-width: 999px) {
    .c-video-modal-close {
        right: 1.5rem
    }
}

.c-video-modal-close .button {
    width: 5.5rem
}

@media (max-width: 999px) {
    .c-video-modal-close .button {
        width: 2.75rem
    }

    .c-video-modal-close .button .button-icon {
        margin-left: -.0625rem
    }
}

.c-video-modal-close .c-icon-close {
    position: relative
}

.c-video-modal-close:hover .c-icon-close {
    transition: transform .8s var(--expo-out);
    transform: rotate(90deg)
}

.c-video {
    --plyr-video-controls-background: var(--white);
    --plyr-video-control-color: var(--blue-fibonacci);
    --plyr-video-progress-buffered-background: var(--blue-flower-30);
    --plyr-video-control-background-hover: var(--blue-fibonacci);
    --plyr-video-control-color-hover: var(--white);
    --plyr-color-main: var(--blue-fantasy);
    --plyr-control-icon-size: 1.5rem;
    --plyr-control-spacing: .75rem;
    --plyr-controls-spacing: 1.25rem;
    --plyr-control-radius: 2.5rem;
    --plyr-controls-height: 3.5rem;
    --plyr-controls-width: 42.625rem;
    --plyr-controls-margin: 2.1875rem
}

@media (max-width: 799px) {
    .c-video {
        --plyr-controls-height: 3.1875rem;
        --plyr-controls-width: 18.4375rem;
        --plyr-control-icon-size: 1.3125rem;
        --plyr-controls-margin: .9375rem;
        --plyr-controls-spacing: .625rem
    }
}

.c-video .plyr--video .plyr__controls {
    height: var(--plyr-controls-height);
    max-width: var(--plyr-controls-width);
    margin: 0 auto var(--plyr-controls-margin);
    padding: 0 var(--plyr-controls-spacing);
    border-radius: 2.5rem !important
}

.c-video .plyr--video .plyr__control {
    transition: all .3s linear
}

.c-video--compact {
    --plyr-controls-height: 3.5rem;
    --plyr-controls-width: 42.625rem;
    --plyr-controls-margin: 2.1875rem
}

.c-video--compact .plyr__controls {
    margin: var(--plyr-controls-margin) auto !important;
    width: 90%
}

@media (min-width: 800px) {
    .c-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6.25rem
    }
}

@media (min-width: 1000px) {
    .c-list {
        gap: 12.5rem
    }
}

.c-list>li {
    --border-radius: 1.25rem;
    --list-padding: 1.4375rem 1.875rem .625rem;
    --list-padding-neg: -1.5625rem;
    position: relative;
    padding: 4.125rem 0
}

.c-list>li>ul {
    margin-top: 2.5rem
}

.c-list>li>ul li+li {
    margin-top: .9375rem
}

.c-list>li>ul li {
    padding: var(--list-padding);
    margin-left: var(--list-padding-neg);
    margin-right: var(--list-padding-neg);
    border-radius: var(--border-radius);
    background-color: var(--list-item-bg-color, var(--blue-whisper))
}

.c-list>li>ul .c-tag {
    margin-bottom: .25rem;
    margin-left: -.375rem
}

.c-list>li>ul .ts-4 {
    display: block;
    margin-top: .625rem
}

@media (min-width: 800px) {
    .c-list>li {
        padding: 5.1875rem 0 5.625rem
    }
}

.c-list>li+li:before {
    content: "";
    display: block;
    background-color: var(--list-border-color, var(--blue-whisper));
    position: absolute;
    height: 1px;
    width: 100%;
    top: -.1875rem
}

@media (min-width: 800px) {
    .c-list>li+li:before {
        top: 0;
        width: 1px;
        height: 100%;
        left: -3.125rem
    }
}

@media (min-width: 1000px) {
    .c-list>li+li:before {
        left: -6.25rem
    }
}

.c-list h3 {
    font-family: var(--font-display);
    color: var(--list-title-color);
    letter-spacing: -.04em;
    font-size: 1.375rem;
    line-height: .78571;
    width: 110%
}

@media (min-width: 800px) {
    .c-list h3 {
        font-size: 1.875rem;
        line-height: 1.26667
    }
}

.c-list .c-button--outlined {
    margin-top: 2.1875rem
}

.c-list p {
    font-size: .875rem;
    line-height: 1.57143;
    color: var(--list-text-color, var(--blue-patch));
    margin-top: 1.6875rem;
    letter-spacing: .02em
}

@media (min-width: 800px) {
    .c-list p {
        font-size: 1rem;
        line-height: 1.4375
    }

    .c-list--item-1 {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        place-self: center
    }

    .c-list--item-1>li {
        max-width: 25.4375rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        --list-padding: 1.4375rem 1.875rem 3.4375rem;
        --list-padding-neg: -1.5625rem
    }

    .c-list--item-1>li li>div {
        display: flex;
        gap: 1.25rem
    }

    .c-list--item-1>li li>div p {
        margin-top: 1.6875rem;
        flex: 3
    }

    .c-list--item-1>li li>div span.ts-4 {
        margin-top: 1.6875rem;
        flex: 2
    }

    .c-list--item-1 h3 {
        width: fit-content
    }

    .c-list--item-2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        place-self: center
    }

    .c-list--item-2 li {
        max-width: 18.75rem
    }

    .c-list--item-3 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        place-self: center
    }
}

.c-quote {
    font-family: var(--font-family-display);
    font-style: italic;
    font-size: 1.0625rem;
    line-height: 1.41176;
    color: var(--blue-fibonacci);
    letter-spacing: -.04em
}

@media (min-width: 800px) {
    .c-quote {
        font-size: 1.375rem;
        line-height: 1.22727
    }
}

.c-quote:before {
    content: open-quote;
    margin-right: .375rem
}

.c-quote:after {
    content: close-quote;
    margin-left: .75rem;
    position: absolute
}

.c-person {
    display: flex;
    align-items: center;
    gap: 1.25rem
}

@media (min-width: 800px) {
    .c-person {
        gap: 1rem
    }
}

.c-person-content h3,
.c-person-content p {
    font-family: var(--font-sans);
    letter-spacing: .02em;
    font-size: .6875rem
}

@media (min-width: 800px) {

    .c-person-content h3,
    .c-person-content p {
        font-size: .8125rem
    }
}

.c-person-content h3 {
    font-weight: 500;
    color: var(--blue-fibonacci)
}

.c-person-content p {
    color: var(--blue-patch);
    margin-top: .3125rem
}

.c-person-img {
    --size: 4.4375rem;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0
}

@media (min-width: 800px) {
    .c-person-img {
        --size: 4.75rem
    }
}

.c-person-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-link {
    --icon-size: 1.625rem;
    --icon-border-color: var(--blue-sky-30);
    --icon-background-color: transparent;
    display: inline-flex;
    align-items: center;
    gap: .625rem;
    font-size: .875rem;
    letter-spacing: .02em
}

@media (hover: hover) and (pointer: fine) {
    .c-link:hover {
        --icon-background-color: var(--blue-sky-30);
        --icon-border-color: transparent
    }
}

.c-link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--icon-size);
    height: var(--icon-size);
    border-radius: 50%;
    background-color: var(--icon-background-color);
    border: .09375rem solid var(--icon-border-color);
    transition: background-color .3s linear, border-color .3s linear
}

.c-title .ts-2+.c-link {
    margin-top: 2.3125rem;
    margin-left: .25rem
}

.c-title .c-link {
    cursor: pointer
}

.c-footer {
    background-color: var(--blue-mysterious);
    color: var(--white);
    overflow: hidden;
    position: relative
}

.c-footer [data-obfuscated-link] {
    cursor: pointer
}

@media (min-width: 800px) {
    .c-footer {
        height: 41rem
    }
}

.c-footer h3 {
    font-family: var(--font-display);
    color: var(--list-title-color);
    letter-spacing: -.04em;
    font-size: 1.375rem;
    line-height: .81481;
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-footer h3 {
        margin-top: 3.4375rem;
        font-size: 1.0625rem;
        line-height: 1.41176
    }
}

.c-footer .site-logo {
    width: 11.1425rem;
    height: 1.8125rem;
    margin-bottom: 1.5625rem
}

.c-footer-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    will-change: transform
}

@media (hover: hover) and (pointer: fine) {

    .c-footer a,
    .c-footer [data-obfuscated-link] {
        transition: color .3s linear
    }

    .c-footer a:hover,
    .c-footer [data-obfuscated-link]:hover {
        color: var(--link-hover-color)
    }
}

.c-footer-ul--main {
    --link-hover-color: var(--blue-fantasy);
    font-family: var(--font-display);
    font-size: 2.625rem;
    line-height: 1.52381;
    letter-spacing: -.04em;
    color: var(--blue-highlight);
    margin-top: .1875rem
}

@media (max-width: 799px) {
    .c-footer-ul--main {
        font-size: 1.875rem;
        line-height: 1.8;
        margin-bottom: 2.1875rem
    }
}

.c-footer-ul--sub {
    --link-hover-color: var(--white);
    margin-top: 2rem;
    font-size: .8125rem;
    letter-spacing: .02em;
    color: var(--blue-patch);
    display: flex;
    flex-direction: column;
    gap: .75rem
}

@media (max-width: 799px) {
    .c-footer-ul--sub {
        margin-top: 1.25rem;
        font-size: .6875rem;
        line-height: 2.36364
    }
}

.c-footer-menus {
    flex: 1;
    padding: 2.8125rem 0
}

@media (min-width: 800px) {
    .c-footer-menus {
        padding: 6.25rem 0
    }
}

.c-footer-bottom-credits a {
    --section-link-color: var(--blue-veteran);
    --link-color: var(--section-link-color);
    --border-color: var(--section-link-color);
    --link-color-hover: var(--section-link-color);
    --border-color-hover: var(--section-link-color)
}

@media (hover: hover) and (pointer: fine) {
    .c-footer-bottom-credits a {
        transition: color .3s linear
    }

    .c-footer-bottom-credits a:hover {
        --link-color: var(--link-color-hover);
        --border-color: var(--border-color-hover)
    }
}

.c-footer-bottom-credits a {
    display: inline-block;
    color: var(--link-color);
    position: relative
}

.c-footer-bottom-credits a:after,
.c-footer-bottom-credits a:before {
    position: absolute;
    bottom: .125rem;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--border-color);
    pointer-events: none;
    content: "";
    transform-origin: right;
    transition: background-color .3s linear
}

.c-footer-bottom-credits a:before {
    transform: scaleX(0);
    transform-origin: left
}

.c-footer-bottom-credits a {
    --link-color: var(--blue-patch);
    --border-color: var(--blue-patch);
    --link-hover-color: var(--white);
    --border-color-hover: var(--white)
}

@media (max-width: 799px) {
    .c-footer-bottom-credits {
        margin-top: 3.125rem
    }
}

.c-footer-bottom {
    position: relative;
    --link-hover-color: var(--white)
}

.c-footer-bottom .c-button--round {
    --button-bg: var(--blue-depths);
    --button-bg-hover: var(--blue-highlight);
    color: var(--white)
}

.c-footer-bottom {
    flex: none;
    padding: 2.8125rem 0;
    font-size: .8125rem;
    line-height: 1.38462;
    letter-spacing: .02em;
    color: var(--blue-patch)
}

@media (max-width: 799px) {
    .c-footer-bottom {
        padding-top: 23.4375rem;
        font-size: .6875rem;
        line-height: 1.45455
    }
}

.c-footer-bottom .text-white,
.c-footer-bottom .site-logo {
    color: var(--white)
}

.c-footer-bottom .cookies-a {
    transition: color .3s linear;
    cursor: pointer
}

.c-footer-bottom .cookies-a:hover {
    color: var(--white)
}

.c-footer-bottom p {
    margin-top: .3125rem
}

.c-footer-bottom *+p {
    margin-top: .9375rem
}

@media (max-width: 799px) {
    .c-footer-bottom *+p {
        margin-top: .625rem
    }
}

.c-footer-bottom-scroll {
    position: absolute;
    bottom: 5.625rem;
    right: 2.1875rem
}

@media (max-width: 799px) {
    .c-footer-bottom-scroll {
        bottom: 20.5rem;
        right: 1.5625rem
    }
}

.c-footer-illustration {
    position: absolute;
    bottom: 0;
    right: 8.125rem
}

.c-footer-illustration svg {
    width: 23.25rem;
    height: 15.1875rem
}

@media (max-width: 999px) {
    .c-footer-illustration {
        right: 5%
    }
}

@media (max-width: 799px) {
    .c-footer-illustration {
        bottom: 20.625rem;
        right: .3125rem
    }
}

.c-breadcrumb {
    font-family: var(--font-sans);
    font-size: .6875rem;
    line-height: 1.18182;
    letter-spacing: .07em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--eyebrow-color)
}

@media (max-width: 799px) {
    .c-breadcrumb {
        font-size: .625rem
    }
}

.c-breadcrumb+.ts-2 {
    margin-top: 2.5rem
}

.c-breadcrumb+.ts-body--xl {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-breadcrumb+.ts-body--xl {
        margin-top: 1.875rem
    }
}

.ts .ts-3+.c-breadcrumb {
    display: inline-block;
    margin-top: .8125rem
}

.ts .c-breadcrumb+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .ts .c-breadcrumb+.ts-2 {
        margin-top: 2.8125rem
    }
}

.ts .ts-2+.c-breadcrumb,
.ts .ts-2--sm+.c-breadcrumb {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .ts .ts-2+.c-breadcrumb,
    .ts .ts-2--sm+.c-breadcrumb {
        margin-top: 2.8125rem
    }
}

.c-cards .ts-3+.c-breadcrumb {
    display: inline-block;
    margin-top: .8125rem
}

.c-cards .c-breadcrumb+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .c-cards .c-breadcrumb+.ts-2 {
        margin-top: 2.8125rem
    }
}

.c-cards .ts-2+.c-breadcrumb,
.c-cards .ts-2--sm+.c-breadcrumb {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .c-cards .ts-2+.c-breadcrumb,
    .c-cards .ts-2--sm+.c-breadcrumb {
        margin-top: 2.8125rem
    }
}

.c-cards--5 .c-breadcrumb {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--5 .c-breadcrumb {
        margin-bottom: .4375rem
    }
}

.c-cards--5 .c-breadcrumb+.ts-2,
.c-cards--5 .c-breadcrumb+.ts-3 {
    margin-top: 1.25rem
}

.c-cards--6 .c-breadcrumb {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--6 .c-breadcrumb {
        margin-bottom: .4375rem
    }
}

.c-cards--6 .c-breadcrumb+.ts-2 {
    margin-top: 1.25rem
}

.c-card-item--1 .c-breadcrumb {
    display: inline-block;
    margin-top: .625rem
}

.c-card-item--3 .c-breadcrumb {
    margin-top: .3125rem
}

.c-section--form .c-breadcrumb {
    max-width: 13.75rem;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-breadcrumb {
        text-align: center
    }
}

.c-section--title-text-7 .c-breadcrumb+.c-section-text {
    margin-top: 1.4375rem
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-breadcrumb+.c-section-text {
        margin-top: 2.1875rem
    }
}

.c-section--title-text-7 .c-breadcrumb+.c-button {
    margin-top: 3.125rem
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-breadcrumb+.c-button {
        margin-top: 3.4375rem
    }
}

.c-section--title-text-10 .c-breadcrumb+.c-section-text {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-section--title-text-10 .c-breadcrumb+.c-section-text {
        margin-top: 2.1875rem
    }
}

.c-section--title-text-10 .c-breadcrumb+.c-button {
    margin-top: 3.125rem
}

@media (max-width: 799px) {
    .c-section--title-text-10 .c-breadcrumb+.c-button {
        margin-top: 3.4375rem
    }
}

@media (min-width: 800px) {
    .c-section.c-section--science-hero [data-animate-section]:nth-child(2) .c-breadcrumb+.ts-2 {
        margin-top: 3.75rem
    }
}

.c-dropdown-2-main .c-breadcrumb {
    max-width: 20rem;
    margin: 0 auto
}

@media (max-width: 799px) {
    .c-dropdown-2-main .c-breadcrumb {
        max-width: 15.625rem
    }
}

.c-dropdown-2-main .ts-2+.c-breadcrumb {
    margin-top: 2.5rem
}

.module-form .ts-3+.c-breadcrumb {
    margin-top: 1.75rem
}

.c-breadcrumb-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    row-gap: .25rem
}

@media (hover: hover) and (pointer: fine) {
    .c-breadcrumb-ul a {
        transition: color .3s linear
    }

    .c-breadcrumb-ul a:hover {
        color: var(--blue-rurikon)
    }
}

.c-breadcrumb-li {
    padding-right: .5rem;
    color: var(--breadcrumb-color, var(--eyebrow-color))
}

.c-breadcrumb-li:not(:last-child) {
    padding-right: .5rem
}

.c-breadcrumb-li:not(:first-child) {
    display: inline-flex;
    align-items: center
}

.c-breadcrumb-li:not(:first-child):before {
    content: "";
    background-color: currentColor;
    height: .25rem;
    width: .25rem;
    border-radius: 50%;
    margin-right: .625rem;
    margin-bottom: .0625rem
}

@media (max-width: 799px) {
    .c-breadcrumb-li:not(:first-child):before {
        height: .1875rem;
        width: .1875rem;
        margin-right: .4375rem
    }
}

.c-card-item-content-details .c-breadcrumb-li:not(:first-child) {
    margin-left: .625rem
}

.c-details .c-breadcrumb-li:not(:first-child) {
    margin-left: .625rem
}

.c-section--hero-4 .c-details .c-breadcrumb-li:not(:first-child) {
    color: var(--title-color)
}

.c-lock-scroll-card-title .c-breadcrumb-li:not(:first-child)+.ts-3 {
    margin-top: 3.125rem
}

@media (min-width: 800px) {
    .c-lock-scroll-card-title .c-breadcrumb-li:not(:first-child)+.ts-3 {
        margin-top: 2.5rem
    }
}

@media (max-width: 799px) {
    .c-lock-scroll-2 .c-section-title .c-breadcrumb-li:not(:first-child)+.ts-2 {
        margin-top: 1.4375rem
    }
}

.c-dropdown-1 .c-breadcrumb-li:not(:first-child)+.ts-3 {
    margin-top: 1.25rem
}

.c-breadcrumb-li.active {
    color: var(--breadcrumb-color-active, var(--eyebrow-color))
}

.c-tag {
    color: var(--tag-text-color);
    border: 1px solid var(--tag-border-color, var(--span-color));
    background-color: var(--tag-background-color, var(--span-color));
    display: inline-block;
    border-radius: 3.75rem
}

.c-tag--1 {
    font-family: var(--font-sans);
    font-size: .6875rem;
    line-height: 1.18182;
    letter-spacing: .07em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--eyebrow-color)
}

@media (max-width: 799px) {
    .c-tag--1 {
        font-size: .625rem
    }
}

.c-tag--1+.ts-2 {
    margin-top: 2.5rem
}

.c-tag--1+.ts-body--xl {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-tag--1+.ts-body--xl {
        margin-top: 1.875rem
    }
}

.ts .ts-3+.c-tag--1 {
    display: inline-block;
    margin-top: .8125rem
}

.ts .c-tag--1+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .ts .c-tag--1+.ts-2 {
        margin-top: 2.8125rem
    }
}

.ts .ts-2+.c-tag--1,
.ts .ts-2--sm+.c-tag--1 {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .ts .ts-2+.c-tag--1,
    .ts .ts-2--sm+.c-tag--1 {
        margin-top: 2.8125rem
    }
}

.c-cards .ts-3+.c-tag--1 {
    display: inline-block;
    margin-top: .8125rem
}

.c-cards .c-tag--1+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .c-cards .c-tag--1+.ts-2 {
        margin-top: 2.8125rem
    }
}

.c-cards .ts-2+.c-tag--1,
.c-cards .ts-2--sm+.c-tag--1 {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .c-cards .ts-2+.c-tag--1,
    .c-cards .ts-2--sm+.c-tag--1 {
        margin-top: 2.8125rem
    }
}

.c-cards--5 .c-tag--1 {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--5 .c-tag--1 {
        margin-bottom: .4375rem
    }
}

.c-cards--5 .c-tag--1+.ts-2,
.c-cards--5 .c-tag--1+.ts-3 {
    margin-top: 1.25rem
}

.c-cards--6 .c-tag--1 {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--6 .c-tag--1 {
        margin-bottom: .4375rem
    }
}

.c-cards--6 .c-tag--1+.ts-2 {
    margin-top: 1.25rem
}

.c-card-item--1 .c-tag--1 {
    display: inline-block;
    margin-top: .625rem
}

.c-card-item--3 .c-tag--1 {
    margin-top: .3125rem
}

.c-section--form .c-tag--1 {
    max-width: 13.75rem;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-tag--1 {
        text-align: center
    }
}

.c-section--title-text-7 .c-tag--1+.c-section-text {
    margin-top: 1.4375rem
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-tag--1+.c-section-text {
        margin-top: 2.1875rem
    }
}

.c-section--title-text-7 .c-tag--1+.c-button {
    margin-top: 3.125rem
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-tag--1+.c-button {
        margin-top: 3.4375rem
    }
}

.c-section--title-text-10 .c-tag--1+.c-section-text {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-section--title-text-10 .c-tag--1+.c-section-text {
        margin-top: 2.1875rem
    }
}

.c-section--title-text-10 .c-tag--1+.c-button {
    margin-top: 3.125rem
}

@media (max-width: 799px) {
    .c-section--title-text-10 .c-tag--1+.c-button {
        margin-top: 3.4375rem
    }
}

@media (min-width: 800px) {
    .c-section.c-section--science-hero [data-animate-section]:nth-child(2) .c-tag--1+.ts-2 {
        margin-top: 3.75rem
    }
}

.c-dropdown-2-main .c-tag--1 {
    max-width: 20rem;
    margin: 0 auto
}

@media (max-width: 799px) {
    .c-dropdown-2-main .c-tag--1 {
        max-width: 15.625rem
    }
}

.c-dropdown-2-main .ts-2+.c-tag--1 {
    margin-top: 2.5rem
}

.module-form .ts-3+.c-tag--1 {
    margin-top: 1.75rem
}

.c-tag--1 {
    color: var(--blue-fibonacci);
    padding: .25rem .5rem
}

.c-tag--2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: .5625rem .875rem;
    font-size: .875rem;
    cursor: pointer
}

.c-tag--a {
    transition: border-color .3s linear, background-color .3s linear, color .3s linear
}

.c-tag--a:hover {
    border-color: var(--tag-border-color-hover);
    background-color: var(--tag-background-color-hover);
    color: var(--tag-text-color-hover)
}

.c-section.c-cases {
    --padding: 6.5625rem;
    --padding-b: 12.5rem;
    --tag-background-color: transparent;
    --tag-border-color: var(--blue-sky-30)
}

.c-cases-filters {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.c-cases-filter .c-cases-filter-button.is-active {
    --tag-background-color: var(--blue-white);
    --tag-border-color: transparent
}

.c-cases-filter .c-cases-filter-button {
    transition: background-color .3s linear, color .3s linear
}

.c-cases-filter .c-cases-filter-button:hover {
    --tag-background-color: var(--blue-fibonacci);
    --tag-text-color: var(--white);
    --tag-border-color: transparent
}

.c-cases-items {
    --card-spacing: .9375rem;
    --tag-background-color: transparent;
    --tag-border-color: var(--blue-sky-30);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (max-width: 999px) {
    .c-nav-menu-content .wrap>.c-cases-items {
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 100%
    }
}

.c-form .c-cases-items+.grid {
    margin-top: 7.5rem
}

@media (min-width: 800px) {
    .c-cases-items {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.c-cases-items {
    margin-top: 5.625rem;
    column-gap: 3.75rem;
    row-gap: var(--card-spacing)
}

.c-cases-items .c-cases-item {
    grid-column: span 1 / span 1
}

.c-cases-items .c-cases-item .c-card-item-image {
    -webkit-filter: grayscale(100%) brightness(60%) contrast(100%) invert(50%) sepia(10%) saturate(6356%) brightness(42%) contrast(105%) hue-rotate(201deg) saturate(54%);
    filter: grayscale(100%) brightness(60%) contrast(100%) invert(50%) sepia(10%) saturate(6356%) brightness(42%) contrast(105%) hue-rotate(201deg) saturate(54%);
    width: 9rem;
    height: 2.5rem
}

.c-cases-items .c-cases-item .c-card-item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left top
}

.c-section--related .c-cases-items {
    margin-top: 0
}

@media (min-width: 800px) {
    .c-cases-items {
        --card-spacing: 3.75rem;
        margin-top: 11.25rem
    }
}

.c-cases-items .c-card-item--1 {
    --card-width: 100%;
    --card-height: 27.9375rem;
    --card-padding: 1.25rem 1.25rem 1.875rem;
    --carousel-item-spacing: 1.875rem;
    --card-border-radius: 1.25rem;
    --card-background-color: var(--blue-white);
    --card-background-color-hover: var(--blue-white);
    --eyebrow-color: var(--blue-patch)
}

.c-cases-items .c-card-item--1 .c-button {
    --button-bg-hover-color: var(--white);
    --button-text-hover-color: var(--blue-fibonacci);
    --button-border-hover-color: transparent
}

.c-cases-items .c-cases-item a {
    display: flex
}

.c-map {
    aspect-ratio: 1440 / 1072;
    background-color: var(--cyan-light);
    position: relative
}

@media (max-width: 799px) {
    .c-map {
        aspect-ratio: 375 / 966
    }
}

.c-map-svg-outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.c-map-title {
    position: absolute;
    top: 11.875rem;
    width: 100%;
    left: 0;
    z-index: 1;
    color: var(--blue-fibonacci)
}

.c-map-svg-wrap {
    position: absolute;
    top: 55%;
    left: 0;
    width: 100%;
    transform: translateY(-50%)
}

.c-map-svg {
    --map-width: 135.1875rem;
    --map-height: 87.6875rem;
    --aspect-ratio: 2163 / 1403;
    width: var(--map-width);
    height: var(--map-height);
    aspect-ratio: var(--aspect-ratio)
}

.c-map-svg .c-illustration-world {
    width: var(--map-width);
    height: var(--map-height);
    aspect-ratio: var(--map-width) / var(--map-height)
}

@media (max-width: 799px) {
    .c-map-svg {
        top: -15%
    }
}

.c-map-svg img {
    position: absolute;
    width: 100%;
    aspect-ratio: 1
}

.c-map-svg-marker:hover {
    z-index: 2
}

.c-map-svg-marker,
.c-map-svg-marker-icon {
    width: 1.75rem;
    height: 1.75rem
}

.c-map-svg-marker-icon {
    position: relative;
    z-index: 1;
    color: var(--blue-veteran)
}

[data-location-internal] .c-map-svg-marker-icon {
    color: var(--blue-fibonacci)
}

.c-map-svg-marker-infobox {
    --infobox-height: 3.5rem;
    --infobox-radius: 2.5rem;
    opacity: 0;
    transform: scale(.5);
    transform-origin: center left;
    pointer-events: none;
    transition: transform .75s var(--expo-out), .75s var(--expo-out)
}

.c-map-svg-marker:hover .c-map-svg-marker-infobox {
    opacity: 1;
    transform: scale(1);
    pointer-events: all
}

.c-map-svg-marker-infobox {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 0 1.5625rem 0 3.125rem;
    background: var(--white);
    border-radius: var(--infobox-radius);
    width: auto;
    height: var(--infobox-height);
    position: absolute;
    top: -.875rem;
    left: -.875rem
}

.c-map-svg-markers {
    position: absolute;
    aspect-ratio: 1;
    top: -8.5%;
    left: -4.25%;
    width: 101%
}

.c-map-svg-marker-infobox-link {
    margin-left: .3125rem;
    margin-right: -.3125rem
}

.c-map-svg-marker {
    position: absolute
}

.c-map-svg-marker-infobox-text {
    display: flex;
    align-items: center
}

a.c-map-svg-marker-infobox-text {
    transition: color .3s linear
}

a.c-map-svg-marker-infobox-text:hover {
    color: var(--blue-fantasy)
}

.c-map-progress-outer {
    position: sticky;
    padding-bottom: 1.875rem;
    left: 50%;
    top: calc(100vh - 1.875rem);
    transform: translate(-50%);
    height: .1875rem;
    width: 7.875rem
}

@media (min-width: 800px) {
    .c-map-progress-outer {
        opacity: 0;
        pointer-events: none
    }
}

.c-map-progress {
    display: block;
    height: .1875rem;
    width: 7.875rem;
    background-color: var(--white);
    border-radius: .1875rem
}

.c-map-progress-inner {
    background-color: var(--blue-rurikon);
    position: absolute;
    left: 0;
    top: 0;
    height: .1875rem;
    width: 2.7rem;
    border-radius: .1875rem
}

.c-section.c-filtered-list {
    --padding: 6.875rem;
    --padding-b: 12.5rem;
    --tag-background-color: transparent;
    --tag-border-color: var(--blue-sky-30);
    --eyebrow-color: var(--blue-veteran)
}

.c-filtered-list-filters {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.c-filtered-list-filter .c-filtered-list-filter-button.is-active {
    --tag-background-color: var(--blue-white);
    --tag-border-color: transparent !important
}

.c-filtered-list-filter .c-filtered-list-filter-button {
    transition: background-color .3s linear, color .3s linear, border-color .3s linear
}

.c-filtered-list-filter .c-filtered-list-filter-button:hover {
    --tag-background-color: var(--blue-white);
    --tag-border-color: var(--blue-sky)
}

.c-filtered-list-items {
    margin-top: 10rem;
    margin-bottom: 2.5rem
}

.c-filtered-list-items-ul {
    display: flex;
    flex-wrap: nowrap
}

.c-filtered-list-items-ul .c-card-item {
    width: 19.5625rem;
    display: block;
    flex: 0 0 auto
}

.c-filtered-list-items-ul .c-card-item+.c-card-item {
    margin-left: 3.625rem
}

.c-filtered-list-items-header {
    display: flex;
    align-items: center;
    margin-bottom: 2.5rem
}

@media (min-width: 800px) {
    .c-filtered-list-items-header {
        margin-bottom: 5.625rem;
        position: relative
    }
}

.c-filtered-list-items-header .c-button {
    margin-left: 1.875rem;
    top: -.9375rem
}

.c-filtered-list-items-header .c-carousel-controls {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: .9375rem
}

@media (max-width: 799px) {
    .c-filtered-list-items-header .c-carousel-controls {
        bottom: -5rem;
        left: 0;
        right: auto
    }
}

.c-filtered-list-items-header .c-carousel-controls {
    --controls-button-bg: var(--blue-white);
    --controls-button-bg-hover: var(--blue-fibonacci);
    --controls-button-color-hover: var(--white)
}

.c-filtered-list-items-no-results {
    background: var(--blue-white);
    color: var(--blue-fibonacci);
    padding: 1.25rem 1.875rem;
    border-radius: .75rem
}

[data-filtered-blog] .c-filtered-list-content {
    --card-spacing: .9375rem;
    --tag-background-color: transparent;
    --tag-border-color: var(--blue-sky-30);
    display: grid
}

@media (max-width: 999px) {
    .c-nav-menu-content .wrap>[data-filtered-blog] .c-filtered-list-content {
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 100%
    }
}

.c-form [data-filtered-blog] .c-filtered-list-content+.grid {
    margin-top: 7.5rem
}

@media (min-width: 800px) {
    [data-filtered-blog] .c-filtered-list-content {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

[data-filtered-blog] .c-filtered-list-content {
    margin-top: 11.25rem;
    gap: 3.625rem
}

@media (min-width: 800px) {
    [data-filtered-blog] .c-filtered-list-content {
        row-gap: 8.75rem
    }

    [data-filtered-blog] .c-filtered-list-content .c-card-item {
        grid-column: span 1 / span 1
    }
}

[data-filtered-blog] .c-filtered-list-content .c-card-item {
    display: block
}

.c-filtered-list .c-load-more .c-button {
    margin-top: 6.875rem;
    display: none
}

.c-modal {
    --modal-bg: rgba(12, 10, 27, 1)
}

@media (max-width: 799px) {
    .c-modal {
        --modal-bg: var(--white)
    }
}

.c-modal {
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    height: calc(100vh - env(safe-area-inset-bottom));
    height: 100%;
    width: 100vw;
    z-index: var(--z-modal);
    pointer-events: none;
    opacity: 0;
    overflow: hidden
}

.c-modal .submitted-message,
.c-modal.is-visible.is-success .c-form {
    display: none
}

.c-modal.is-visible.is-success .c-modal-success {
    position: relative;
    pointer-events: all;
    opacity: 1
}

.c-modal--form .c-modal-success {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0
}

.c-modal--form .c-modal-success .ts-2,
.c-modal--form .c-modal-success .ts-2--sm {
    margin-left: 0
}

.c-modal--form .c-modal-success .ts-2,
.c-modal--form .c-modal-success .ts-2--sm,
.c-modal--form .c-modal-success .ts-p {
    max-width: 25.625rem
}

@media (max-width: 799px) {

    .c-modal--form .c-modal-success .ts-2,
    .c-modal--form .c-modal-success .ts-2--sm,
    .c-modal--form .c-modal-success .ts-p {
        max-width: 16rem
    }
}

.c-modal--form .c-modal-success .ts-2--sm+.ts-p {
    margin-top: 1.25rem
}

.c-modal--form .c-modal-success .c-section-illustration {
    display: flex;
    align-items: center
}

@media (max-width: 799px) {
    .c-modal--form .c-modal-success .c-section-illustration {
        margin-top: 2.5rem
    }
}

.c-modal--form .c-modal-success .c-card-items--info {
    display: flex;
    gap: 1.25rem;
    margin-top: 2.5rem;
    flex-direction: column
}

@media (min-width: 800px) {
    .c-modal--form .c-modal-success .c-card-items--info {
        flex-direction: row
    }
}

.c-modal--form .c-modal-success .c-card-items--info .c-card-item {
    width: 15.5rem;
    padding-right: 1.25rem;
    padding-left: 1.5625rem;
    color: var(--blue-fibonacci);
    background-color: var(--blue-white)
}

.c-modal.is-success .c-modal-title {
    display: none
}

.c-modal-subtitle {
    display: flex;
    justify-content: center
}

@media (min-width: 800px) {
    .c-modal-subtitle h3 {
        max-width: 13.75rem;
        margin-top: 1.4375rem
    }
}

@media (max-width: 799px) {
    .c-modal-subtitle h3 {
        max-width: 90%;
        margin-top: 1rem
    }
}

.c-modal.is-success .c-modal-subtitle {
    display: none
}

.c-modal-outer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--modal-bg)
}

@media (max-width: 999px) {
    .c-modal-outer {
        width: 100%;
        height: 100vh;
        height: calc(100vh - env(safe-area-inset-bottom));
        height: 100%
    }
}

.c-modal-inner {
    width: 73.375rem;
    margin-top: .5rem;
    position: relative;
    overflow: hidden
}

@media (max-width: 999px) {
    .c-modal-inner {
        width: 100%;
        height: auto;
        margin-top: 0;
        border-radius: 0
    }
}

.c-modal-header {
    --header-height: 5rem;
    position: sticky;
    top: 0;
    right: 0;
    height: var(--header-height);
    z-index: 100;
    width: auto
}

@media (max-width: 999px) {
    .c-modal-header {
        --header-height: 3.875rem
    }
}

.c-modal-header {
    height: var(--header-height)
}

.c-modal-header .wrap {
    display: flex;
    justify-content: flex-end
}

.c-modal-close {
    display: flex;
    align-items: center;
    position: absolute;
    top: 2.1875rem;
    right: 2.1875rem;
    width: 3.5rem;
    height: 3.5rem;
    z-index: 1
}

@media (max-width: 799px) {
    .c-modal-close {
        top: 1.5625rem;
        right: 1.5625rem
    }
}

@media (max-width: 999px) {
    .c-modal-close {
        right: 1.5rem
    }
}

.c-modal-close .button {
    width: 5.5rem
}

@media (max-width: 999px) {
    .c-modal-close .button {
        width: 2.75rem
    }

    .c-modal-close .button .button-icon {
        margin-left: -.0625rem
    }
}

.c-modal-close .c-icon-close {
    position: relative
}

.c-modal-close:hover .c-icon-close {
    transition: transform .8s var(--expo-out);
    transform: rotate(90deg)
}

.c-modal--dark {
    background-color: var(--background-color);
    color: var(--paragraph-color)
}

.c-modal--dark .ts-3+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.c-modal--dark .ts-eyebrow+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .c-modal--dark .ts-eyebrow+.ts-2 {
        margin-top: 2.8125rem
    }
}

.c-modal--dark .ts-2+.c-button,
.c-modal--dark .ts-2--sm+.c-button {
    margin-top: 2.5rem
}

.c-modal--dark .ts-3+.ts-p {
    margin-top: 1.4375rem
}

.c-modal--dark .ts-p+.c-button {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .c-modal--dark .ts-p+.c-button {
        margin-top: 3.125rem
    }
}

.c-modal--dark .ts-2+.ts-eyebrow,
.c-modal--dark .ts-2--sm+.ts-eyebrow {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .c-modal--dark .ts-2+.ts-eyebrow,
    .c-modal--dark .ts-2--sm+.ts-eyebrow {
        margin-top: 2.8125rem
    }
}

.c-modal--dark .ts-2+.ts-p,
.c-modal--dark .ts-2--sm+.ts-p {
    margin-top: 2.125rem
}

@media (max-width: 799px) {

    .c-modal--dark .ts-2+.ts-p,
    .c-modal--dark .ts-2--sm+.ts-p {
        margin-top: 1.875rem
    }
}

.c-modal--dark {
    --background-color: var(--white);
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --span-color: var(--blue-ice);
    --eyebrow-color: var(--blue-fantasy);
    --form-border-color: var(--blue-patch-60);
    --form-input-color: var(--white);
    --form-input-label-color: var(--blue-patch);
    --form-border-focus-color: var(--blue-patch);
    --form-select-arrow-color: var(--blue-patch);
    --form-button-bg-color: var(--blue-fibonacci);
    --form-button-border-color: var(--form-button-border-color);
    --form-button-text-color: var(--white);
    --form-checkbox-color: var(--blue-patch-60);
    --form-button-text-hover-color: var(--blue-fibonacci);
    --form-file-input-background: var(--blue-flower-15);
    --form-file-input-description-color: var(--blue-patch);
    --background-color: var(--off-black);
    --paragraph-color: var(--white);
    --title-color: var(--white);
    --eyebrow-color: var(--blue-highlight);
    background-color: var(--background-color);
    color: var(--paragraph-color)
}

.c-modal--dark .c-modal-close {
    --button-bg: var(--blue-fantasy);
    --button-bg-hover: var(--white)
}

@media (max-width: 999px) {
    .c-modal--dark .c-modal-close {
        --button-bg-hover: var(--white)
    }
}

.c-modal--form {
    overflow: auto
}

.c-modal--form .ts-2,
.c-modal--form .ts-2--sm {
    max-width: 38.75rem;
    margin-left: auto;
    margin-right: auto
}

.c-modal--form .c-modal-outer {
    position: relative;
    display: block
}

@media (min-width: 800px) {
    .c-modal--form .c-modal-outer {
        display: flex;
        min-height: 100vh
    }
}

.c-modal--form .c-modal-header {
    position: fixed;
    top: 0;
    right: 0
}

.c-modal--form .c-modal-inner {
    width: 100%;
    padding: 7.5rem 0;
    overflow: visible
}

.c-modal--form .c-form {
    margin-top: 3.75rem
}

.c-modal--light {
    background-color: var(--background-color);
    color: var(--paragraph-color)
}

.c-modal--light .ts-3+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.c-modal--light .ts-eyebrow+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .c-modal--light .ts-eyebrow+.ts-2 {
        margin-top: 2.8125rem
    }
}

.c-modal--light .ts-2+.c-button,
.c-modal--light .ts-2--sm+.c-button {
    margin-top: 2.5rem
}

.c-modal--light .ts-3+.ts-p {
    margin-top: 1.4375rem
}

.c-modal--light .ts-p+.c-button {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .c-modal--light .ts-p+.c-button {
        margin-top: 3.125rem
    }
}

.c-modal--light .ts-2+.ts-eyebrow,
.c-modal--light .ts-2--sm+.ts-eyebrow {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .c-modal--light .ts-2+.ts-eyebrow,
    .c-modal--light .ts-2--sm+.ts-eyebrow {
        margin-top: 2.8125rem
    }
}

.c-modal--light .ts-2+.ts-p,
.c-modal--light .ts-2--sm+.ts-p {
    margin-top: 2.125rem
}

@media (max-width: 799px) {

    .c-modal--light .ts-2+.ts-p,
    .c-modal--light .ts-2--sm+.ts-p {
        margin-top: 1.875rem
    }
}

.c-modal--light {
    --background-color: var(--white);
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --span-color: var(--blue-ice);
    --eyebrow-color: var(--blue-fantasy);
    --form-border-color: var(--blue-patch-60);
    --form-input-color: var(--blue-patch);
    --form-input-label-color: var(--blue-patch);
    --form-border-focus-color: var(--blue-patch);
    --form-select-arrow-color: var(--blue-patch);
    --form-button-bg-color: var(--blue-flower-30);
    --form-button-border-color: var(--form-button-border-color);
    --form-button-text-color: var(--blue-patch);
    --form-checkbox-color: var(--blue-patch-60);
    --form-button-text-hover-color: var(--white);
    --form-button-bg-hover-color: var(--blue-fibonacci);
    --form-file-input-background: var(--blue-flower-15);
    --form-file-input-description-color: var(--blue-patch);
    --modal-bg: var(--white)
}

.c-modal--light .c-modal-close {
    --button-bg: var(--blue-fantasy);
    --button-bg-hover: var(--cyan)
}

.c-modal--overlay-1 .c-modal-outer,
.c-modal--overlay-1 .c-modal-inner {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: visible
}

.c-modal--overlay-1 .c-modal-outer {
    width: 100%;
    margin: 0;
    padding: 0
}

.c-details {
    --details-color: var(--blue-patch);
    display: flex;
    align-items: center;
    color: var(--details-color)
}

.c-details .ts-indicator {
    margin-left: .625rem
}

.c-details .ts-indicator-after {
    margin-left: 0
}

.c-details .ts-detail {
    padding: 0
}

.c-details .ts-detail+.ts-detail {
    margin-left: .25rem
}

.c-details .ts-detail+.ts-detail:before {
    content: "|";
    margin-right: .25rem
}

.c-social {
    --social-size: 2rem;
    --social-border-color: var(--blue-dayflower-30);
    --social-border-color-hover: var(--blue-dayflower);
    --social-background-color-hover: var(--blue-dayflower);
    --social-color: var(--white);
    --social-color-hover: var(--blue-fibonacci);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--social-border-color);
    border-radius: 50%;
    width: var(--social-size);
    height: var(--social-size);
    color: var(--social-color);
    transition: color .3s linear, background-color .3s linear, border-color .3s linear
}

.c-social:hover {
    background-color: var(--social-background-color-hover);
    border-color: var(--social-border-color-hover);
    color: var(--social-color-hover)
}

.c-social--linkedin svg {
    width: .5rem;
    height: .5rem
}

.c-job-details-ul {
    display: flex;
    gap: 1.25rem;
    width: 100%;
    flex-direction: column;
    margin-top: 3.75rem
}

@media (min-width: 800px) {
    .c-job-details-ul {
        margin-top: 5.625rem;
        flex-direction: row
    }
}

.c-job-details-li {
    background-color: var(--blue-depths);
    color: var(--white);
    border-radius: 1.25rem;
    height: 11.1875rem;
    padding: 2.1875rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
    position: relative
}

@media (min-width: 800px) {
    .c-job-details-li {
        padding: 1.6875rem;
        height: 10.8125rem
    }
}

.c-job-details-li-value {
    font-size: 1.375rem;
    font-family: var(--font-display);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.8125rem;
    margin-bottom: .625rem;
    letter-spacing: -.04em;
    margin-top: .375rem
}

.c-job-details-li-icon {
    position: absolute;
    bottom: 1.5625rem;
    left: 1.5625rem
}

.c-job-details-li-icon .c-icon-marker-2 path {
    stroke-width: 1
}

.c-job-details-li-icon svg {
    width: 2.625rem;
    height: 2.625rem
}

.c-page-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    pointer-events: none
}

.c-page-overlay-layer-1,
.c-page-overlay-layer-2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.c-page-overlay-layer-1 {
    transform-origin: top;
    background-color: var(--blue-mysterious);
    opacity: 0
}

.c-page-overlay-layer-2 {
    background: var(--blue-mysterious);
    transform: scaleY(0)
}

.c-landscape-notice {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    pointer-events: all;
    background: var(--blue-mysterious);
    display: none;
    align-items: center;
    justify-content: center;
    --eyebrow-color: var(--blue-fantasy);
    --title-color: var(--white)
}

.c-landscape-notice h3 {
    margin-top: 1.5625rem
}

@media screen and (max-width: 720px) and (max-height: 405px) and (orientation: landscape) and (pointer: coarse) and (hover: none) {
    .c-landscape-notice {
        display: flex
    }
}

.c-landscape-notice .c-notice-icon {
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--blue-fantasy);
    padding: .3125rem 1.5625rem;
    margin-top: 2.75rem
}

.c-landscape-notice .c-notice-icon svg {
    width: 2.5rem;
    height: 2.5rem
}

@media (min-width: 1000px) {
    .ax-widget-container {
        left: 2.1875rem;
        bottom: 3.125rem
    }
}

.axeptio_main_button {
    display: none !important
}

.axeptio_mount {
    position: fixed !important;
    bottom: 0;
    left: 0;
    transform: translateY(1rem, 2rem)
}

.c-rating {
    margin-top: 3.75rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 800px) {
    .c-rating {
        margin-top: 5rem
    }
}

.c-rating-text {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--title-color);
    width: 13.5rem;
    height: 6.625rem
}

@media (min-width: 800px) {
    .c-rating-text {
        width: 23.9375rem;
        height: 10.8125rem
    }
}

.c-rating-text:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--blue-ice);
    border-radius: 6.25rem
}

.c-rating-text-score,
.c-rating-text-total {
    font-family: var(--font-display);
    position: relative
}

.c-rating-text-score {
    line-height: .75;
    font-size: 5.625rem
}

@media (min-width: 800px) {
    .c-rating-text-score {
        font-size: 10rem
    }
}

.c-rating-text-total {
    color: var(--blue-dayflower);
    display: flex;
    align-items: flex-end;
    font-size: 1.875rem;
    height: 5rem
}

@media (min-width: 800px) {
    .c-rating-text-total {
        font-size: 2.625rem;
        height: 8.125rem
    }
}

.c-rating-stars {
    display: inline-flex;
    padding: 1.875rem 0
}

@media (min-width: 800px) {
    .c-rating-stars {
        padding: 3.4375rem 0 1.5625rem
    }
}

.c-rating--compact {
    background-color: var(--white);
    width: fit-content;
    border-radius: 9999px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .625rem;
    margin-top: 2rem;
    padding: .4375rem .875rem
}

.c-rating--compact .google-icon svg {
    width: 1.25rem;
    height: 1.25rem
}

.c-rating--compact .c-rating-stars {
    display: inline-flex;
    padding: 0;
    margin-right: -1.5rem;
    height: 1.25rem;
    width: 8.75rem;
    max-width: fit-content
}

.c-rating--compact .c-rating-stars svg {
    height: 100%
}

.c-rating--compact .c-rating-stars .-outline {
    fill: var(--blue-flower)
}

.c-rating--compact .c-rating-stars .-outline:nth-of-type(2) {
    transform: translate(-.375rem)
}

.c-rating--compact .c-rating-stars .-outline:nth-of-type(3) {
    transform: translate(-.75rem)
}

.c-rating--compact .c-rating-stars .-outline:nth-of-type(4) {
    transform: translate(-1.125rem)
}

.c-rating--compact .c-rating-stars .-outline:nth-of-type(5) {
    transform: translate(-1.5rem)
}

.c-rating--compact .c-rating-stars .-fill:nth-of-type(2) {
    transform: translate(-.375rem)
}

.c-rating--compact .c-rating-stars .-fill:nth-of-type(3) {
    transform: translate(-.75rem)
}

.c-rating--compact .c-rating-stars .-fill:nth-of-type(4) {
    transform: translate(-1.125rem)
}

.c-rating--compact .c-rating-stars .-fill:nth-of-type(5) {
    transform: translate(-1.5rem)
}

.c-rating--compact .c-rating-stars .mask rect {
    fill: var(--blue-fibonacci)
}

.c-rating--compact .c-rating-stars .mask:nth-of-type(2) rect {
    transform: translate(-.375rem)
}

.c-rating--compact .c-rating-stars .mask:nth-of-type(3) rect {
    transform: translate(-.75rem)
}

.c-rating--compact .c-rating-stars .mask:nth-of-type(4) rect {
    transform: translate(-1.125rem)
}

.c-rating--compact .c-rating-stars .mask:nth-of-type(5) rect {
    transform: translate(-1.5rem)
}

.c-rating--compact .c-rating-text-score {
    color: var(--title-color);
    position: relative;
    z-index: 0
}

@media (max-width: 799px) {
    .c-rating--compact .c-rating-text-score br {
        display: none
    }
}

.c-rating--compact .c-rating-text-score>span {
    display: inline-block
}

.c-rating--compact .c-rating-text-score .line {
    display: inline-block;
    margin-right: .15em
}

.c-rating--compact .c-rating-text-score .title-line {
    padding: .06em .5em;
    margin: -.1em -.5em;
    overflow: hidden;
    display: block
}

.c-rating--compact .c-rating-text-score .line-inner,
.c-rating--compact .c-rating-text-score .title-line-inner {
    display: block;
    position: relative;
    white-space: nowrap;
    will-change: transform, opacity
}

.c-rating--compact .c-rating-text-score .title-span {
    --span-x: 1;
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.c-rating--compact .c-rating-text-score .title-span:before {
    background: var(--span-color);
    content: "";
    display: block;
    border-radius: 1em;
    height: 87%;
    height: calc(100% - .15em);
    width: calc(100% + .3em);
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -45%) scaleX(var(--span-x));
    transform-origin: left
}

.c-rating--compact .c-rating-text-score {
    font-family: var(--font-display);
    font-size: 1rem;
    line-height: 1.375;
    letter-spacing: -.04em
}

.c-nav-search-content-li .c-tag+.c-rating--compact .c-rating-text-score {
    display: block;
    margin-top: .5rem
}

.c-rating--compact .c-rating-text-score {
    color: var(--blue-fibonacci)
}

.c-rating-quote-container {
    background-color: var(--white);
    margin-top: 2rem;
    padding: 1.0625rem 2.5rem;
    border-radius: 1.25rem
}

@media (max-width: 799px) {
    .c-rating-quote-container {
        padding: 2rem
    }
}

.c-rating-quote-container .-author {
    font-family: var(--font-sans);
    font-size: .8125rem;
    line-height: 1.38462;
    letter-spacing: .02em
}

.c-card-item-content-details .c-rating-quote-container .-author {
    padding: 0
}

.c-card-item-content-details .c-rating-quote-container .-author+.ts-detail {
    margin-left: .25rem
}

.c-card-item-content-details .c-rating-quote-container .-author+.ts-detail:before {
    content: "|";
    margin-right: .25rem
}

.c-details .c-rating-quote-container .-author {
    padding: 0
}

.c-details .c-rating-quote-container .-author+.ts-detail {
    margin-left: .25rem
}

.c-details .c-rating-quote-container .-author+.ts-detail:before {
    content: "|";
    margin-right: .25rem
}

@media (min-width: 800px) {
    .c-section--hero-4 .c-details .c-rating-quote-container .-author {
        font-size: 1rem
    }
}

.c-form-type-multi-line-text .c-rating-quote-container .-author {
    max-width: 45.75rem;
    padding-bottom: 2.5rem
}

.c-form-type-multi-line-text .c-rating-quote-container .-author {
    padding-top: 2.5rem
}

[data-field-handle=acceptance] .c-rating-quote-container .-author {
    max-width: 34.6875rem;
    text-align: center;
    margin: 0 auto;
    padding: 2rem 0
}

.c-rating-quote-container .-author {
    font-weight: 700
}

.c-rating-quote-container .-author-function {
    font-family: var(--font-sans);
    font-size: .8125rem;
    line-height: 1.38462;
    letter-spacing: .02em
}

.c-card-item-content-details .c-rating-quote-container .-author-function {
    padding: 0
}

.c-card-item-content-details .c-rating-quote-container .-author-function+.ts-detail {
    margin-left: .25rem
}

.c-card-item-content-details .c-rating-quote-container .-author-function+.ts-detail:before {
    content: "|";
    margin-right: .25rem
}

.c-details .c-rating-quote-container .-author-function {
    padding: 0
}

.c-details .c-rating-quote-container .-author-function+.ts-detail {
    margin-left: .25rem
}

.c-details .c-rating-quote-container .-author-function+.ts-detail:before {
    content: "|";
    margin-right: .25rem
}

@media (min-width: 800px) {
    .c-section--hero-4 .c-details .c-rating-quote-container .-author-function {
        font-size: 1rem
    }
}

.c-form-type-multi-line-text .c-rating-quote-container .-author-function {
    max-width: 45.75rem;
    padding-bottom: 2.5rem
}

.c-form-type-multi-line-text .c-rating-quote-container .-author-function {
    padding-top: 2.5rem
}

[data-field-handle=acceptance] .c-rating-quote-container .-author-function {
    max-width: 34.6875rem;
    text-align: center;
    margin: 0 auto;
    padding: 2rem 0
}

.c-rating-quote-container .-quote {
    color: var(--title-color);
    position: relative;
    z-index: 0
}

@media (max-width: 799px) {
    .c-rating-quote-container .-quote br {
        display: none
    }
}

.c-rating-quote-container .-quote>span {
    display: inline-block
}

.c-rating-quote-container .-quote .line {
    display: inline-block;
    margin-right: .15em
}

.c-rating-quote-container .-quote .title-line {
    padding: .06em .5em;
    margin: -.1em -.5em;
    overflow: hidden;
    display: block
}

.c-rating-quote-container .-quote .line-inner,
.c-rating-quote-container .-quote .title-line-inner {
    display: block;
    position: relative;
    white-space: nowrap;
    will-change: transform, opacity
}

.c-rating-quote-container .-quote .title-span {
    --span-x: 1;
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.c-rating-quote-container .-quote .title-span:before {
    background: var(--span-color);
    content: "";
    display: block;
    border-radius: 1em;
    height: 87%;
    height: calc(100% - .15em);
    width: calc(100% + .3em);
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -45%) scaleX(var(--span-x));
    transform-origin: left
}

.c-rating-quote-container .-quote {
    font-family: var(--font-display);
    font-size: 1rem;
    line-height: 1.375;
    letter-spacing: -.04em
}

.c-nav-search-content-li .c-tag+.c-rating-quote-container .-quote {
    display: block;
    margin-top: .5rem
}

.c-rating-quote-container .-quote {
    margin-top: .75rem;
    font-weight: 400;
    font-style: italic
}

.c-rating-quote-container .c-rating--compact {
    padding: 0;
    margin-top: 1.75rem
}

.c-science-bullet {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    align-items: center;
    column-gap: 1.25rem
}

@media (max-width: 999px) {
    .c-nav-menu-content .wrap>.c-science-bullet {
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 100%
    }
}

.c-form .c-science-bullet+.grid {
    margin-top: 7.5rem
}

@media (min-width: 800px) {
    .c-science-bullet {
        grid-template-columns: repeat(14, minmax(0, 1fr));
        column-gap: 3.75rem
    }
}

.c-science-bullet+.c-science-bullet {
    margin-top: 3.75rem
}

@media (min-width: 800px) {
    .c-science-bullet+.c-science-bullet {
        margin-top: 9.75rem
    }

    .c-science-bullet:nth-child(even) .c-science-bullet-text {
        order: 1;
        grid-column-start: 2
    }
}

.c-science-bullet:nth-child(even) .c-science-bullet-img {
    justify-content: center
}

@media (min-width: 800px) {
    .c-science-bullet:nth-child(even) .c-science-bullet-img {
        order: 2;
        grid-column-start: 8
    }
}

.c-science-bullet-text {
    grid-column: span 8 / span 8;
    grid-column-start: 2
}

.c-carousel--1 .c-science-bullet-text+.col-span-8:before {
    display: block;
    margin: 5.3125rem 0 3.4375rem;
    content: "";
    height: 1px;
    width: 100%;
    background-color: var(--blue-whisper)
}

@media (min-width: 800px) {
    .c-carousel--1 .c-science-bullet-text+.col-span-8:before {
        position: absolute;
        top: 0;
        left: calc(50% - 1.875rem);
        width: 1px;
        height: 100%;
        margin: 0
    }

    .c-science-bullet-text {
        grid-column: span 5 / span 5;
        grid-column-start: 9
    }
}

.c-science-bullet-text .ts-4+.ts-p {
    margin-top: 1.25rem
}

.c-science-bullet-img {
    grid-column: span 8 / span 8;
    grid-column-start: 2;
    display: flex;
    justify-content: flex-start
}

.c-carousel--1 .c-science-bullet-img+.col-span-8:before {
    display: block;
    margin: 5.3125rem 0 3.4375rem;
    content: "";
    height: 1px;
    width: 100%;
    background-color: var(--blue-whisper)
}

@media (min-width: 800px) {
    .c-carousel--1 .c-science-bullet-img+.col-span-8:before {
        position: absolute;
        top: 0;
        left: calc(50% - 1.875rem);
        width: 1px;
        height: 100%;
        margin: 0
    }

    .c-science-bullet-img {
        grid-column: span 6 / span 6;
        grid-column-start: 2
    }
}

@media (max-width: 799px) {
    .c-science-bullet-img svg {
        width: 100%
    }
}

.c-client-logo-static,
.c-client-logo-hover {
    display: block;
    width: var(--logo-width);
    height: var(--logo-height);
    transition: opacity .3s linear
}

.c-client-logo-static {
    -webkit-filter: grayscale(100%) brightness(60%) contrast(100%) invert(50%) sepia(10%) saturate(6356%) brightness(42%) contrast(105%) hue-rotate(201deg) saturate(54%);
    filter: grayscale(100%) brightness(60%) contrast(100%) invert(50%) sepia(10%) saturate(6356%) brightness(42%) contrast(105%) hue-rotate(201deg) saturate(54%)
}

.c-client-logo-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.c-client-logo {
    position: relative;
    --logo-width: 12rem;
    --logo-height: 4rem;
    width: var(--logo-width);
    height: var(--logo-height)
}

.c-client-logo:hover .c-client-logo-hover {
    opacity: 1
}

.c-client-logo img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    object-position: center
}

.c-cards {
    --background-color: var(--blue-night);
    --title-color: var(--white);
    --text-color: var(--white);
    --paragraph-color: var(--blue-patch);
    --span-color: var(--blue-ice);
    --eyebrow-color: var(--blue-fantasy);
    --padding: 12.5rem;
    --border-radius: 2.1875rem
}

@media (max-width: 799px) {
    .c-cards {
        --padding: 5.625rem
    }
}

.c-cards {
    background-color: var(--background-color);
    padding: var(--padding) 0;
    overflow: hidden
}

.c-cards .ts-3+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.c-cards .ts-eyebrow+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .c-cards .ts-eyebrow+.ts-2 {
        margin-top: 2.8125rem
    }
}

.c-cards .ts-2+.c-button {
    margin-top: 2.5rem
}

.c-cards .ts-3+.ts-p {
    margin-top: 1.4375rem
}

.c-cards .ts-p+.c-button {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .c-cards .ts-p+.c-button {
        margin-top: 3.125rem
    }
}

.c-cards .c-form {
    margin-top: 7.3125rem
}

@media (max-width: 799px) {
    .c-cards .c-form {
        margin-top: 4.375rem
    }
}

.c-cards .c-card-item-content-details+.ts-3 {
    margin-top: .625rem
}

.c-cards .ts-2+.ts-eyebrow,
.c-cards .ts-2--sm+.ts-eyebrow {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .c-cards .ts-2+.ts-eyebrow,
    .c-cards .ts-2--sm+.ts-eyebrow {
        margin-top: 2.8125rem
    }
}

.c-cards .c-section-title+.c-section-text {
    margin-top: 2.1875rem
}

.c-cards .ts-2+.ts-p {
    margin-top: 2.125rem
}

@media (max-width: 799px) {
    .c-cards .ts-2+.ts-p {
        margin-top: 1.875rem
    }
}

.c-cards--blue-ice {
    --background-color: var(--blue-ice)
}

.c-cards--cyan {
    --background-color: var(--cyan-light)
}

.c-cards--blue-sky {
    --background-color: var(--blue-sky)
}

.c-cards--yellow-sunflower {
    --background-color: var(--yellow-sunflower)
}

.c-cards--purple-lavender {
    --background-color: var(--purple-lavender)
}

.c-cards-wrap {
    position: relative
}

.c-cards-wrap .c-cards--1,
.c-cards-wrap .c-cards--2 {
    position: sticky;
    top: 0
}

.c-cards-wrap .c-cards--1:nth-child(2),
.c-cards-wrap .c-cards--2:nth-child(2) {
    top: .9375rem
}

.c-cards-wrap .c-cards--1:nth-child(3),
.c-cards-wrap .c-cards--2:nth-child(3) {
    top: 1.875rem
}

.c-cards-wrap .c-cards--1:nth-child(4),
.c-cards-wrap .c-cards--2:nth-child(4) {
    top: 2.8125rem
}

.c-cards-wrap .c-cards--1:nth-child(5),
.c-cards-wrap .c-cards--2:nth-child(5) {
    top: 3.75rem
}

.c-cards-wrap .c-cards--1:nth-child(6),
.c-cards-wrap .c-cards--2:nth-child(6) {
    top: 4.6875rem
}

.c-cards-wrap .c-cards--1:nth-child(7),
.c-cards-wrap .c-cards--2:nth-child(7) {
    top: 5.625rem
}

.c-cards-wrap .c-cards--1:nth-child(8),
.c-cards-wrap .c-cards--2:nth-child(8) {
    top: 6.5625rem
}

.c-cards-wrap .c-cards--1:nth-child(9),
.c-cards-wrap .c-cards--2:nth-child(9) {
    top: 7.5rem
}

.c-cards-wrap .c-cards--1:nth-child(10),
.c-cards-wrap .c-cards--2:nth-child(10) {
    top: 8.4375rem
}

.c-cards--1 {
    will-change: transform;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius)
}

.c-cards--1>.wrap {
    will-change: opacity
}

.c-cards--1 .c-cards-count {
    color: var(--blue-highlight)
}

@media (max-width: 799px) {
    .c-cards--1 .c-cards-count {
        margin-top: 5rem
    }
}

@media (min-width: 800px) {
    .c-cards--1 .c-cards-count {
        position: absolute;
        bottom: -9.0625rem;
        left: 0
    }
}

.c-cards--1 .c-cards-illustration {
    display: inline-block;
    margin-left: 2rem
}

@media (max-width: 799px) {
    .c-cards--1 .c-cards-illustration {
        margin-left: 2rem
    }
}

.c-cards--1 .c-cards-illustration svg {
    width: 36.5rem;
    height: auto;
    aspect-ratio: 584 / 387
}

@media (max-width: 799px) {
    .c-cards--1 .c-cards-illustration svg {
        width: 16.875rem
    }
}

.c-cards--1+.c-cards--1 {
    margin-top: -2.1875rem
}

.c-cards--1:nth-child(3n + 1) {
    --background-color: var(--blue-night)
}

.c-cards--1:nth-child(3n + 2) {
    --background-color: var(--blue-navy)
}

.c-cards--1:nth-child(3n + 3) {
    --background-color: var(--blue-depths)
}

.c-cards--2 {
    --title-color: var(--blue-fibonacci);
    --text-color: var(--blue-patch);
    --paragraph-color: var(--blue-patch);
    --span-color: var(--blue-veteran);
    --eyebrow-color: var(--blue-veteran);
    will-change: transform;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    margin-top: -3.125rem
}

.c-cards--2 .-is-svg {
    padding: 0
}

@media (max-width: 799px) {
    .c-cards--2 .c-card-item-img svg {
        width: 100%
    }
}

.c-cards--2+.c-cards--2 {
    margin-top: -2.1875rem
}

@media (min-width: 800px) {
    .c-cards-2--alt .c-cards-2-wrap {
        padding-top: 3.125rem;
        max-width: 42.4375rem;
        margin: 0 auto
    }
}

.c-cards-2--alt .ts-3+.ts-p {
    margin-top: 2.625rem;
    line-height: 1.3
}

.c-cards-2--alt .c-card-item-content-details {
    justify-content: center
}

.c-cards-2--alt .c-cards-count {
    color: var(--blue-patch)
}

@media (max-width: 799px) {
    .c-cards-2--alt .c-cards-count {
        margin-top: 5rem
    }
}

@media (min-width: 800px) {
    .c-cards-2--alt .c-cards-count {
        position: absolute;
        bottom: 5rem;
        left: 0;
        width: 100%;
        text-align: center
    }
}

.c-cards.c-cards--3 {
    --background-color: var(--white);
    --padding: 11.5625rem;
    padding-bottom: 15rem
}

@media (max-width: 799px) {
    .c-cards.c-cards--3 {
        --padding: 7.5rem;
        padding-bottom: 7.5rem
    }
}

.c-cards.c-cards--3 .ts-2+.ts-p {
    margin-top: 1.25rem
}

.c-cards.c-cards--3 .c-card-items {
    display: flex;
    margin-top: 8.25rem;
    gap: 1.25rem
}

@media (max-width: 799px) {
    .c-cards.c-cards--3 .c-card-items {
        flex-direction: column;
        margin-top: 5.3125rem
    }
}

.c-cards.c-cards--3 .c-card-items .c-card-item--2 {
    width: 100%
}

@media (min-width: 800px) {
    .c-cards.c-cards--3 .c-card-items .c-card-item--2 {
        width: 50%;
        min-width: 18.75rem;
        flex: auto
    }

    @media (hover: hover) and (pointer: fine) {
        .c-cards.c-cards--3 .c-card-items .c-card-item--2 {
            transition: width .8s var(--expo-out)
        }

        .c-cards.c-cards--3 .c-card-items .c-card-item--2:hover {
            width: 100%
        }
    }
}

.c-cards.c-cards--4 {
    --background-color: var(--white);
    --padding: 12.5rem;
    padding-bottom: 15rem
}

@media (min-width: 800px) {
    .c-cards.c-cards--4 {
        padding-bottom: 12.5rem
    }
}

@media (max-width: 799px) {
    .c-cards.c-cards--4 {
        --padding: 7.5rem;
        padding-bottom: 7.5rem
    }
}

.c-cards.c-cards--4 .ts-2+.ts-p {
    margin-top: 2.1875rem
}

.c-cards.c-cards--4 *+.c-card-items {
    margin-top: 8.25rem
}

@media (max-width: 799px) {
    .c-cards.c-cards--4 *+.c-card-items {
        margin-top: 5.3125rem
    }
}

.c-cards.c-cards--4 .c-card-items {
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap
}

@media (min-width: 1000px) {
    .c-cards.c-cards--4 .c-card-items {
        flex-wrap: nowrap
    }
}

@media (max-width: 799px) {
    .c-cards.c-cards--4 .c-card-items {
        flex-direction: column
    }
}

.c-cards.c-cards--4 .c-card-items .c-card-item-title {
    max-width: 12.5rem
}

.c-cards.c-cards--4 .c-card-items .c-card-item {
    width: 100%
}

@media (min-width: 800px) {
    .c-cards.c-cards--4 .c-card-items .c-card-item {
        width: 50%;
        width: 16.875rem;
        flex: auto
    }

    @media (hover: hover) and (pointer: fine) {
        .c-cards.c-cards--4 .c-card-items .c-card-item {
            transition: width 1.2s var(--expo-out)
        }

        .c-cards.c-cards--4 .c-card-items .c-card-item:hover {
            width: 23.125rem
        }
    }
}

.c-section--dark.c-cards--4 {
    --background-color: var(--blue-mysterious)
}

.c-section--card-blue.c-cards--4 {
    --card-item-title: var(--white);
    --card-item-text: var(--blue-dayflower);
    --card-item-icon: var(--blue-fantasy);
    --card-item-bg: var(--blue-depths)
}

.c-section--light.c-cards--4 {
    --background-color: var(--white)
}

.c-section--card-cyan-highlight.c-cards--4 {
    --card-item-title: var(--blue-fibonacci);
    --card-item-text: var(--blue-patch);
    --card-item-icon: var(--blue-fibonacci);
    --card-item-bg: var(--cyan-light)
}

.c-cards--5 {
    --background-color: var(--off-black);
    --padding: 0
}

@media (max-width: 799px) {
    .c-cards--5 {
        --padding: 1.5rem;
        padding-bottom: 0
    }
}

.c-cards--5 {
    position: relative
}

.c-cards--5 .ts-2+.ts-p {
    margin-top: 1.875rem
}

.c-cards--5 .c-cards-content-cta {
    position: absolute;
    left: 50vw;
    bottom: 3.5625rem;
    will-change: transform
}

.c-cards--5 .c-cards-content-cta .c-button {
    transform: translate(-50%)
}

@media (min-width: 800px) {
    .c-cards--5 .c-cards-content-cta {
        bottom: 2rem
    }

    .c-cards--5 .c-cards-inner {
        display: flex;
        flex-wrap: nowrap;
        height: 100vh;
        align-items: center;
        position: relative
    }
}

.c-cards--5 .c-cards-title {
    margin-bottom: 1.5625rem;
    will-change: transform, opacity
}

@media (max-width: 799px) {
    .c-cards--5 .c-cards-title {
        margin-bottom: 8.4375rem
    }
}

.c-cards--5 .ts-eyebrow {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--5 .ts-eyebrow {
        margin-bottom: .4375rem
    }
}

.c-cards--5 .ts-eyebrow+.ts-2,
.c-cards--5 .ts-eyebrow+.ts-3 {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--5 .ts-2 {
        line-height: 1.10526
    }
}

.c-cards--5 .c-cards-content {
    background-color: var(--blue-mysterious);
    will-change: transform
}

@media (max-width: 799px) {
    .c-cards--5 .c-cards-content {
        width: 100%
    }
}

@media (min-width: 800px) {
    .c-cards--5 .c-cards-content {
        position: absolute;
        height: 100%;
        width: auto;
        min-width: 50%;
        left: 50%
    }
}

.c-cards--5 .c-cards-content-inner {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    align-items: center;
    padding: 0 7.625rem .9375rem;
    gap: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--5 .c-cards-content-inner {
        overflow: scroll;
        align-items: stretch;
        padding: 5.625rem calc(50vw - 8rem) 10.3125rem
    }
}

.c-card--7-cyan.c-card-item--7 {
    --eyebrow-color: var(--cyan)
}

.c-card--7-cyan.c-card-item--7 .c-card-item-socials .c-card-item-social {
    background-color: var(--cyan)
}

.c-cards--6 {
    --background-color: var(--cyan-light);
    --title-color: var(--blue-fibonacci);
    --text-color: var(--blue-fibonacci);
    --padding: 0
}

@media (max-width: 799px) {
    .c-cards--6 {
        --padding: 7.5rem;
        padding-bottom: 0
    }
}

.c-cards--6 {
    position: relative
}

.c-cards--6 .ts-2+.ts-p {
    margin-top: 1rem
}

.c-cards--6 .ts-2 {
    margin-top: .875rem;
    margin-left: -.25rem
}

.c-cards--6 .c-cards-content-cta {
    position: absolute;
    left: 50vw;
    bottom: 3.5625rem
}

.c-cards--6 .c-cards-content-cta .c-button {
    transform: translate(-50%)
}

@media (min-width: 800px) {
    .c-cards--6 .c-cards-content-cta {
        bottom: 4.375rem
    }

    .c-cards--6 .c-cards-inner {
        display: flex;
        flex-wrap: nowrap;
        height: 100vh;
        align-items: center;
        position: relative
    }
}

.c-cards--6 .c-cards-title {
    margin-bottom: 1.5625rem
}

@media (min-width: 800px) {
    .c-cards--6 .c-cards-title .ts-2 {
        font-size: 3.75rem;
        line-height: 1
    }
}

@media (max-width: 799px) {
    .c-cards--6 .c-cards-title {
        margin-bottom: 8.4375rem
    }
}

.c-cards--6 .ts-eyebrow {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--6 .ts-eyebrow {
        margin-bottom: .4375rem
    }
}

.c-cards--6 .ts-eyebrow+.ts-2 {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--6 .ts-2 {
        line-height: 1.10526
    }

    .c-cards--6 .c-cards-content {
        width: 100%
    }
}

@media (min-width: 800px) {
    .c-cards--6 .c-cards-content {
        position: absolute;
        height: 100%;
        width: auto;
        left: 50%
    }
}

.c-cards--6 .c-cards-content-inner {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    align-items: center;
    padding: 0 0 0 1.875rem;
    gap: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--6 .c-cards-content-inner {
        gap: 0;
        overflow: scroll;
        padding: 0 0 10.3125rem 1.875rem
    }

    .c-cards--6 .c-cards-content-inner .c-card-item {
        position: sticky;
        left: 0rem
    }

    .c-cards--6 .c-cards-content-inner .c-card-item:nth-child(2) {
        left: 1.875rem
    }

    .c-cards--6 .c-cards-content-inner .c-card-item:nth-child(3) {
        left: 3.75rem
    }

    .c-cards--6 .c-cards-content-inner .c-card-item:nth-child(4) {
        left: 5.625rem
    }

    .c-cards--6 .c-cards-content-inner .c-card-item:nth-child(5) {
        left: 7.5rem
    }

    .c-cards--6 .c-cards-content-inner .c-card-item:nth-child(6) {
        left: 9.375rem
    }

    .c-cards--6 .c-cards-content-inner .c-card-item:nth-child(7) {
        left: 11.25rem
    }

    .c-cards--6 .c-cards-content-inner .c-card-item:nth-child(8) {
        left: 13.125rem
    }

    .c-cards--6 .c-cards-content-inner .c-card-item:nth-child(9) {
        left: 15rem
    }
}

.c-card-item--1 {
    width: var(--card-width);
    height: var(--card-height);
    padding: var(--card-padding);
    border-radius: var(--card-border-radius);
    background: var(--card-background-color);
    transition: background .3s linear;
    display: flex;
    flex-direction: column
}

.c-card-item--1:hover {
    background: var(--card-background-color-hover, var(--blue-navy))
}

.c-card-item--1 .c-tag+.ts-4,
.c-card-item--1 .c-tag+.ts-5 {
    margin-top: 1.875rem
}

.c-card-item--1 .ts-4 {
    max-width: 80%
}

.c-card-item--1 .ts-5 {
    max-width: 95%
}

.c-card-item--1 .ts-eyebrow {
    display: inline-block;
    margin-top: .625rem
}

.c-card-item--1 .c-button.c-button--outlined {
    --button-bg-color: transparent
}

@media (max-width: 799px) {
    .c-filtered-list-content .c-card-item--1 .c-button.c-button--outlined {
        --button-bg-color: var(--white);
        --button-border-color: var(--white)
    }
}

.c-card-item--1 .c-card-item-image {
    display: block;
    margin-top: 1.875rem
}

.c-card-item--2 {
    border-radius: 1.25rem;
    background-color: var(--blue-ice);
    padding: 1.5625rem 1.875rem;
    position: relative;
    overflow: hidden
}

@media (min-width: 800px) {
    .c-card-item--2 {
        flex: 1;
        height: 17.4375rem;
        display: flex;
        flex-direction: column
    }
}

@media (max-width: 799px) {
    .c-card-item--2 {
        padding: 1.375rem 1.5625rem 1.5625rem
    }
}

@media (hover: hover) and (pointer: fine) {
    .c-card-item--2 {
        transition: background-color .3s linear
    }

    .c-card-item--2:hover .c-card-item-text,
    .c-card-item--2:hover .c-card-item-icon {
        opacity: 1;
        pointer-events: all;
        transition-duration: .3s
    }

    .c-card-item--2:hover .c-button-readmore {
        --button-width: 6.5625rem;
        --button-bg-color-hover: var(--blue-fantasy);
        --button-border-color-hover: var(--blue-fantasy);
        --button-text-color-hover: var(--blue-fibonacci);
        background-color: var(--button-bg-color-hover);
        border-color: var(--button-border-color-hover);
        color: var(--button-text-color-hover);
        width: var(--button-width)
    }

    .c-card-item--2:hover .c-button-readmore .c-button-readmore-text {
        opacity: 1
    }

    .c-card-item--2:hover .c-button-readmore .c-button-readmore-icon {
        transform: translate(-.625rem)
    }
}

.c-card-item--2 .c-card-item-title {
    color: var(--white);
    display: flex;
    align-items: center;
    font-size: 1.375rem;
    letter-spacing: -.04em;
    max-width: 15rem
}

@media (max-width: 799px) {
    .c-card-item--2 .c-card-item-title {
        font-size: 1.0625rem
    }
}

.c-card-item--2 .c-card-item-icon {
    color: var(--blue-fibonacci)
}

@media (max-width: 799px) {
    .c-card-item--2 .c-card-item-icon {
        margin-top: 1.3125rem;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (min-width: 800px) {
    .c-card-item--2 .c-card-item-icon {
        position: absolute;
        transform: translateY(-50%);
        opacity: 0;
        top: 50%;
        right: 2.6875rem;
        pointer-events: none;
        transition: opacity .1s linear;
        transition-delay: 0s
    }
}

.c-card-item--2 .c-card-item-text {
    color: var(--blue-patch);
    margin-top: 1.3125rem
}

@media (min-width: 800px) {
    .c-card-item--2 .c-card-item-text {
        margin-top: 1.875rem;
        width: 25.25rem;
        opacity: 0;
        pointer-events: none;
        transition: opacity .1s linear
    }

    .c-card-item--2 .c-button-readmore {
        position: absolute;
        left: 1.875rem;
        bottom: 1.875rem
    }
}

.c-card-item--2.-blue {
    background-color: var(--blue-ice)
}

@media (hover: hover) and (pointer: fine) {
    .c-card-item--2.-blue .c-button-readmore {
        --button-bg-color-hover: var(--blue-fantasy);
        --button-border-color-hover: var(--blue-fantasy)
    }
}

.c-card-item--2.-cyan {
    background-color: var(--cyan-light)
}

@media (hover: hover) and (pointer: fine) {
    .c-card-item--2.-cyan .c-button-readmore {
        --button-bg-color-hover: var(--cyan);
        --button-border-color-hover: var(--cyan)
    }
}

.c-card-item--3 {
    --eyebrow-color: var(--blue-patch);
    border-radius: 1.25rem;
    background-color: var(--blue-ice);
    padding: 1.5625rem 1.875rem;
    position: relative;
    overflow: hidden;
    height: 11.125rem
}

@media (min-width: 800px) {
    .c-card-item--3 {
        flex: 1;
        height: 15.4375rem;
        display: flex;
        flex-direction: column
    }
}

@media (max-width: 799px) {
    .c-card-item--3 {
        padding: 1.375rem 1.5625rem 1.5625rem
    }
}

.c-card-item--3 .c-card-item-title {
    color: var(--white);
    display: flex;
    align-items: center;
    font-size: 1.375rem;
    letter-spacing: -.04em;
    margin-top: .625rem
}

@media (max-width: 799px) {
    .c-card-item--3 .c-card-item-title {
        font-size: 1.0625rem
    }
}

.c-card-item--3 .ts-eyebrow {
    margin-top: .3125rem
}

.c-card-item--3 .c-card-item-illustration {
    position: absolute;
    bottom: 1.875rem;
    left: 1.875rem
}

@media (max-width: 799px) {
    .c-card-item--3 .c-card-item-illustration {
        bottom: 1.6875rem;
        left: 1.5625rem
    }

    .c-card-item--3 .c-card-item-illustration svg {
        height: 3.1125rem;
        width: auto
    }
}

.c-card-item--3 .c-card-item-text {
    color: var(--blue-patch);
    margin-top: 1.3125rem
}

@media (min-width: 800px) {
    .c-card-item--3 .c-card-item-text {
        margin-top: 1.875rem;
        width: 25.25rem;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s linear
    }

    .c-card-item--3 .c-button-readmore {
        position: absolute;
        left: 1.875rem;
        bottom: 1.875rem
    }
}

.c-card-item--3.-blue {
    background-color: var(--blue-ice)
}

.c-card-item--3.-blue-2 {
    background-color: var(--blue-snow)
}

.c-card-item--3.-cyan {
    background-color: var(--cyan-light)
}

.c-card-item--5 {
    width: 19.4375rem;
    height: 27.9375rem;
    flex-shrink: 0;
    border-radius: 1.25rem;
    background-color: var(--blue-depths);
    padding: 1.5625rem 1.875rem;
    display: flex;
    flex-direction: column
}

.c-card-item--5 .c-card-item-bg,
.c-card-item--5 .c-card-item-bg-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.25rem
}

.c-card-item--5 .c-card-item-bg {
    transition: transform 1.2s var(--expo-out);
    background-color: var(--blue-depths);
    overflow: hidden;
    perspective: 2000px;
    transform-style: preserve-3d
}

.c-card-item--5 .c-card-item-bg-hover {
    background-color: var(--blue-navy);
    opacity: 0;
    transform: rotateX(45deg);
    transform-origin: bottom;
    transition: transform .8s var(--expo-out), opacity .8s var(--expo-out)
}

@media (hover: hover) and (pointer: fine) {
    .c-card-item--5 {
        transition: background-color .3s linear
    }

    .c-card-item--5:hover .c-card-item-bg {
        transform: scale(1.04)
    }

    .c-card-item--5:hover .c-card-item-bg-hover {
        transform: rotateX(0);
        opacity: 1
    }

    .c-card-item--5:hover .c-card-item-title-icon {
        background-color: var(--cyan)
    }
}

.c-card-item--5 .c-card-item-title,
.c-card-item--5 .c-card-item-text,
.c-card-item--5 .c-card-item-img {
    position: relative
}

.c-card-item--5 .c-card-item-title {
    height: 2.5rem
}

.c-card-item--5 .c-card-item-title .c-card-item-title-inner {
    display: flex;
    align-items: center;
    font-size: 1.375rem;
    text-transform: uppercase;
    letter-spacing: -.04em;
    color: var(--white)
}

@media (max-width: 799px) {
    .c-card-item--5 .c-card-item-title {
        font-size: 1.0625rem
    }
}

.c-card-item--5 .c-card-item-title-icon {
    height: 1.625rem;
    width: 1.625rem;
    border-radius: 50%;
    background-color: var(--blue-fantasy);
    color: var(--blue-depths);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s linear, color .3s linear;
    margin-left: .8125rem;
    flex: none
}

@media (max-width: 799px) {
    .c-card-item--5 .c-card-item-title-icon {
        height: 1.3125rem;
        width: 1.3125rem;
        margin-left: .75rem
    }
}

.c-card-item--5 .c-card-item-title-icon .icon-r-md {
    height: .625rem;
    width: .375rem;
    transform-origin: center
}

@media (max-width: 799px) {
    .c-card-item--5 .c-card-item-title-icon .icon-r-md {
        height: .5625rem;
        width: .3125rem
    }
}

.c-card-item--5 .c-card-item-text {
    color: var(--blue-flower)
}

.c-card-item--5 .c-card-item-img {
    width: 100%;
    display: flex;
    align-items: center;
    height: 14rem;
    margin-bottom: .75rem
}

.c-card-item--5 .c-card-item-img svg {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: contain
}

@media (min-width: 800px) {
    @media (max-height: 600px) {
        .c-card-item--5 {
            height: 65vh
        }

        .c-card-item--5 .c-card-item-img {
            height: 50%
        }
    }
}

@media (max-width: 799px) {
    .c-card-item--5 {
        width: 16rem;
        height: auto;
        padding: 1.375rem 1.5625rem 1.125rem
    }
}

.c-card-item--6 {
    --card-width: 16.875rem;
    --card-height: 24.25rem;
    --eyebrow-color: var(--blue-veteran)
}

.c-card-item--6 .c-card-item-inner {
    width: var(--card-width);
    height: var(--card-height);
    flex-shrink: 0;
    border-radius: 1.25rem;
    padding: 1.5625rem 1.75rem;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: var(--white)
}

.c-card-item--6:nth-child(even) .c-card-item-inner {
    background-color: var(--cyan)
}

.c-card-item--6 .c-card-item-label+.c-card-item-title {
    margin-top: .4375rem
}

@media (max-width: 799px) {
    .c-card-item--6 {
        --card-width: 16rem;
        --card-height: 23.0625rem;
        padding: 1.375rem 0 1.125rem;
        margin-right: -1.25rem
    }
}

.c-card-item--6 .c-card-item-title {
    color: var(--white);
    display: flex;
    font-size: 1.375rem;
    line-height: 1.22727;
    letter-spacing: -.04em;
    flex: 1
}

@media (max-width: 799px) {
    .c-card-item--6 .c-card-item-title {
        font-size: 1.0625rem
    }
}

.c-card-item--6 .c-card-item-title.-followed-by-text {
    flex: unset
}

.c-card-item--6 .c-card-item-text {
    color: var(--blue-fibonacci);
    flex: 1
}

.c-card-item--6 .c-card-item-title+.c-card-item-text {
    margin-top: 1rem
}

.c-card-item--6 .c-card-item-img {
    flex: none;
    display: flex;
    align-items: center
}

.c-card-item--7 {
    --socials-item-size: 4.75rem;
    --avatar-item-size: 7.75rem;
    width: 19.4375rem;
    height: 27.9375rem;
    flex-shrink: 0;
    border-radius: 1.25rem;
    background-color: var(--blue-depths);
    padding: 1.5625rem 1.875rem;
    display: flex;
    flex-direction: column
}

.c-card-item--7 .c-card-item-bg,
.c-card-item--7 .c-card-item-bg-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.25rem
}

.c-card-item--7 .c-card-item-bg {
    transition: transform 1.2s var(--expo-out);
    background-color: var(--blue-depths);
    overflow: hidden;
    perspective: 2000px;
    transform-style: preserve-3d
}

.c-card-item--7 .c-card-item-bg-hover {
    background-color: var(--blue-navy);
    opacity: 0;
    transform: rotateX(45deg);
    transform-origin: bottom;
    transition: transform .8s var(--expo-out), opacity .8s var(--expo-out)
}

@media (hover: hover) and (pointer: fine) {
    .c-card-item--7 {
        transition: background-color .3s linear
    }

    .c-card-item--7:hover .c-card-item-bg {
        transform: scale(1.04)
    }

    .c-card-item--7:hover .c-card-item-bg-hover {
        transform: rotateX(0);
        opacity: 1
    }

    .c-card-item--7:hover .c-card-item-title-icon {
        background-color: var(--cyan)
    }
}

.c-card-item--7 .c-card-item-title,
.c-card-item--7 .c-card-item-text,
.c-card-item--7 .c-card-item-img {
    position: relative
}

.c-card-item--7 .c-card-item-title {
    height: 2.5rem
}

.c-card-item--7 .c-card-item-title .c-card-item-title-inner {
    display: flex;
    align-items: center;
    font-size: 1.375rem;
    text-transform: uppercase;
    letter-spacing: -.04em;
    color: var(--white)
}

@media (max-width: 799px) {
    .c-card-item--7 .c-card-item-title {
        font-size: 1.0625rem
    }
}

.c-card-item--7 .c-card-item-title-icon {
    height: 1.625rem;
    width: 1.625rem;
    border-radius: 50%;
    background-color: var(--blue-fantasy);
    color: var(--blue-depths);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s linear, color .3s linear;
    margin-left: .8125rem;
    flex: none
}

@media (max-width: 799px) {
    .c-card-item--7 .c-card-item-title-icon {
        height: 1.3125rem;
        width: 1.3125rem;
        margin-left: .75rem
    }
}

.c-card-item--7 .c-card-item-title-icon .icon-r-md {
    height: .625rem;
    width: .375rem;
    transform-origin: center
}

@media (max-width: 799px) {
    .c-card-item--7 .c-card-item-title-icon .icon-r-md {
        height: .5625rem;
        width: .3125rem
    }
}

.c-card-item--7 .c-card-item-text {
    color: var(--blue-flower)
}

.c-card-item--7 .c-card-item-img {
    width: 100%;
    display: flex;
    align-items: center;
    height: 14rem;
    margin-bottom: .75rem
}

.c-card-item--7 .c-card-item-img svg {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: contain
}

@media (min-width: 800px) {
    @media (max-height: 600px) {
        .c-card-item--7 {
            height: 65vh
        }

        .c-card-item--7 .c-card-item-img {
            height: 50%
        }
    }
}

@media (max-width: 799px) {
    .c-card-item--7 {
        width: 16rem;
        height: auto;
        padding: 1.375rem 1.5625rem 1.125rem
    }
}

@media (hover: hover) and (pointer: fine) {
    .c-card-item--7.-has-social:hover {
        --avatar-item-size: var(--socials-item-size)
    }

    .c-card-item--7.-has-social:hover .c-card-item-img {
        opacity: 0
    }

    .c-card-item--7.-has-social:hover .c-card-item-socials {
        --socials-item-size: 4.75rem;
        opacity: 1
    }
}

.c-card-item--7 .c-card-item-cta {
    position: relative;
    width: var(--avatar-item-size);
    height: var(--avatar-item-size);
    transition: width .8s var(--expo-out), height .8s var(--expo-out), opacity .3s linear
}

.c-card-item--7 .c-card-item-cta .c-card-item-socials,
.c-card-item--7 .c-card-item-cta .c-card-item-img {
    transition: opacity .3s linear
}

.c-card-item--7 .c-card-item-img {
    border-radius: 9999px;
    flex: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0
}

.c-card-item--7 .c-card-item-img img {
    height: 100%;
    width: 100%
}

.c-card-item--7 .c-card-item-img img:before {
    content: "";
    background-color: var(--blue-mysterious);
    width: 104%;
    height: 104%;
    position: absolute;
    top: -2%;
    left: -2%
}

.c-card-item--7 .c-card-item-label+.c-card-item-title {
    margin-top: .25rem
}

.c-card-item--7 .c-card-item-title {
    max-width: 75%
}

.c-card-item--7 .c-card-item-text {
    flex: 1 1 0%;
    margin-top: 1.5625rem
}

.c-card-item--7 .c-card-item-socials {
    position: absolute;
    bottom: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, 50%)
}

.c-card-item--7 .c-card-item-socials .c-card-item-social {
    width: var(--socials-item-size);
    height: var(--socials-item-size);
    background-color: var(--blue-fantasy);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.c-card-item--8 {
    border-radius: 1.25rem;
    background-color: var(--card-item-bg, var(--cyan-light));
    padding: 1.75rem 1.875rem 1.5625rem;
    position: relative;
    overflow: hidden
}

@media (min-width: 800px) {
    .c-card-item--8 {
        flex: 1;
        height: 24.25rem;
        display: flex;
        flex-direction: column
    }
}

@media (max-width: 799px) {
    .c-card-item--8 {
        padding: 1.375rem 1.5625rem 1.5625rem
    }
}

@media (hover: hover) and (pointer: fine) {
    .c-card-item--8 {
        transition: background-color .3s linear
    }

    .c-card-item--8:hover .c-card-item-text,
    .c-card-item--8:hover .c-card-item-icon {
        opacity: 1;
        pointer-events: all
    }

    .c-card-item--8:hover .c-button-readmore {
        --button-width: 6.5625rem;
        --button-bg-color-hover: var(--blue-fantasy);
        --button-border-color-hover: var(--blue-fantasy);
        --button-text-color-hover: var(--blue-fibonacci);
        background-color: var(--button-bg-color-hover);
        border-color: var(--button-border-color-hover);
        color: var(--button-text-color-hover);
        width: var(--button-width)
    }

    .c-card-item--8:hover .c-button-readmore .c-button-readmore-text {
        opacity: 1
    }

    .c-card-item--8:hover .c-button-readmore .c-button-readmore-icon {
        transform: translate(-.625rem)
    }
}

.c-card-item--8 .c-card-item-title {
    display: flex;
    align-items: center;
    font-size: 1.375rem;
    line-height: 1.22727;
    letter-spacing: -.04em;
    max-width: 15rem
}

.c-card-item--8 .c-card-item-title h3 {
    color: var(--card-item-title, var(--blue-fibonacci))
}

@media (max-width: 799px) {
    .c-card-item--8 .c-card-item-title {
        font-size: 1.0625rem
    }
}

.c-card-item--8 .c-card-item-icon {
    color: var(--card-item-icon, var(--blue-fibonacci))
}

.c-card-item--8 .c-card-item-icon svg {
    width: 2.625rem;
    height: 2.625rem
}

.c-card-item--8 .c-card-item-icon svg path:not([fill]) {
    stroke: var(--card-item-icon, var(--blue-fibonacci))
}

.c-card-item--8 .c-card-item-icon svg path:not([stroke]) {
    fill: var(--card-item-icon, var(--blue-fibonacci))
}

@media (max-width: 799px) {
    .c-card-item--8 .c-card-item-icon {
        margin-top: 5.625rem;
        display: flex;
        align-items: center;
        justify-content: left
    }
}

@media (min-width: 800px) {
    .c-card-item--8 .c-card-item-icon {
        position: absolute;
        transform: translateY(-50%);
        bottom: 0rem;
        left: 1.875rem;
        pointer-events: none;
        transition: opacity .3s linear
    }

    .c-card-item--8 .c-card-item-icon .c-icon-receipt {
        margin-left: -.625rem
    }
}

.c-card-item--8 .c-card-item-text {
    color: var(--card-item-text, var(--blue-patch));
    margin-top: 1.3125rem
}

@media (min-width: 800px) {
    .c-card-item--8 .c-card-item-text {
        margin-top: 1.4375rem;
        width: 100%;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s linear
    }
}

@media (min-width: 1250px) {
    .c-card-item--8 .c-card-item-text {
        width: 19.4375rem
    }
}

@media (min-width: 800px) {
    .c-card-item--8 .c-button-readmore {
        position: absolute;
        left: 1.875rem;
        bottom: 1.875rem
    }
}

.c-card-item--8.-blue {
    background-color: var(--blue-ice)
}

@media (hover: hover) and (pointer: fine) {
    .c-card-item--8.-blue .c-button-readmore {
        --button-bg-color-hover: var(--blue-fantasy);
        --button-border-color-hover: var(--blue-fantasy)
    }
}

.c-card-item--8.-cyan {
    background-color: var(--cyan-light)
}

@media (hover: hover) and (pointer: fine) {
    .c-card-item--8.-cyan .c-button-readmore {
        --button-bg-color-hover: var(--cyan);
        --button-border-color-hover: var(--cyan)
    }
}

.c-section {
    background-color: var(--background-color);
    color: var(--paragraph-color)
}

.c-section .ts-3+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.c-section .ts-eyebrow+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .c-section .ts-eyebrow+.ts-2 {
        margin-top: 2.8125rem
    }
}

.c-section .ts-2+.c-button,
.c-section .ts-2--sm+.c-button {
    margin-top: 2.5rem
}

.c-section .ts-3+.ts-p {
    margin-top: 1.4375rem
}

.c-section .ts-p+.c-button {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .c-section .ts-p+.c-button {
        margin-top: 3.125rem
    }
}

.c-section .ts-2+.ts-eyebrow,
.c-section .ts-2--sm+.ts-eyebrow {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .c-section .ts-2+.ts-eyebrow,
    .c-section .ts-2--sm+.ts-eyebrow {
        margin-top: 2.8125rem
    }
}

.c-section .ts-2+.ts-p,
.c-section .ts-2--sm+.ts-p {
    margin-top: 2.125rem
}

@media (max-width: 799px) {

    .c-section .ts-2+.ts-p,
    .c-section .ts-2--sm+.ts-p {
        margin-top: 1.875rem
    }
}

.c-section {
    --padding: 12.5rem
}

@media (max-width: 799px) {
    .c-section {
        --padding: 9.375rem
    }
}

.c-section {
    position: relative;
    padding: var(--padding) 0 var(--padding-b, var(--padding)) 0
}

.c-section .c-form {
    margin-top: 7.3125rem
}

@media (max-width: 799px) {
    .c-section .c-form {
        margin-top: 4.375rem
    }
}

.c-section .c-section-title+.c-section-text {
    margin-top: 2.1875rem
}

.c-section.c-section--blue-highlight {
    --list-title-color: var(--blue-fantasy)
}

.c-section.c-section--cyan-highlight {
    --span-color: var(--cyan-light);
    --list-title-color: var(--cyan);
    --list-item-bg-color: var(--cyan-white);
    --tag-text-color: var(--blue-fibonacci)
}

.c-section.c-section--cyan {
    --background-color: var(--cyan-light);
    --paragraph-color: var(--blue-patch);
    --title-color: var(--blue-fibonacci);
    --breadcrumb-color: var(--blue-rurikon-30);
    --breadcrumb-color-active: var(--blue-veteran)
}

.c-section.c-section--cyan-white {
    --background-color: var(--cyan-white);
    --paragraph-color: var(--blue-patch);
    --title-color: var(--blue-fibonacci);
    --breadcrumb-color: var(--blue-rurikon-30);
    --breadcrumb-color-active: var(--blue-veteran)
}

.c-section.c-section--blue-ice {
    --background-color: var(--blue-ice);
    --paragraph-color: var(--blue-patch);
    --title-color: var(--blue-fibonacci);
    --breadcrumb-color: var(--blue-rurikon-30);
    --breadcrumb-color-active: var(--blue-veteran)
}

.c-section.c-section--blue-sky {
    --background-color: var(--blue-sky);
    --paragraph-color: var(--blue-patch);
    --title-color: var(--blue-fibonacci);
    --breadcrumb-color: var(--blue-rurikon-30);
    --breadcrumb-color-active: var(--blue-veteran)
}

.c-section.c-section--yellow-sunflower {
    --background-color: var(--yellow-sunflower);
    --paragraph-color: var(--blue-patch);
    --title-color: var(--blue-fibonacci);
    --breadcrumb-color: var(--blue-rurikon-30);
    --breadcrumb-color-active: var(--blue-veteran)
}

.c-section.c-section--purple-lavender {
    --background-color: var(--purple-lavender);
    --paragraph-color: var(--blue-patch);
    --title-color: var(--blue-fibonacci);
    --breadcrumb-color: var(--blue-rurikon-30);
    --breadcrumb-color-active: var(--blue-veteran)
}

.c-section--dark {
    background-color: var(--background-color);
    color: var(--paragraph-color)
}

.c-section--dark .ts-3+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.c-section--dark .ts-eyebrow+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .c-section--dark .ts-eyebrow+.ts-2 {
        margin-top: 2.8125rem
    }
}

.c-section--dark .ts-2+.c-button,
.c-section--dark .ts-2--sm+.c-button {
    margin-top: 2.5rem
}

.c-section--dark .ts-3+.ts-p {
    margin-top: 1.4375rem
}

.c-section--dark .ts-p+.c-button {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .c-section--dark .ts-p+.c-button {
        margin-top: 3.125rem
    }
}

.c-section--dark .ts-2+.ts-eyebrow,
.c-section--dark .ts-2--sm+.ts-eyebrow {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .c-section--dark .ts-2+.ts-eyebrow,
    .c-section--dark .ts-2--sm+.ts-eyebrow {
        margin-top: 2.8125rem
    }
}

.c-section--dark .ts-2+.ts-p,
.c-section--dark .ts-2--sm+.ts-p {
    margin-top: 2.125rem
}

@media (max-width: 799px) {

    .c-section--dark .ts-2+.ts-p,
    .c-section--dark .ts-2--sm+.ts-p {
        margin-top: 1.875rem
    }
}

.c-section--dark {
    --form-border-color: var(--blue-patch-60);
    --form-input-color: var(--white);
    --form-input-label-color: var(--blue-patch);
    --form-border-focus-color: var(--blue-patch);
    --form-select-arrow-color: var(--blue-patch);
    --form-button-bg-color: var(--blue-fibonacci);
    --form-button-border-color: var(--form-button-border-color);
    --form-button-text-color: var(--white);
    --form-checkbox-color: var(--blue-patch-60);
    --form-button-text-hover-color: var(--blue-fibonacci);
    --form-file-input-background: var(--blue-flower-15);
    --form-file-input-description-color: var(--blue-patch);
    --background-color: var(--off-black);
    --paragraph-color: var(--white);
    --title-color: var(--white);
    --eyebrow-color: var(--blue-highlight);
    --card-item-bg: var(--blue-depths)
}

.c-section--dark .c-button--outlined {
    --button-bg-color: transparent;
    --button-border-color: rgba(255, 255, 255, .15);
    --button-text-color: var(--white);
    --button-bg-hover-color: var(--blue-navy);
    border: .09375rem solid var(--button-border-color)
}

.c-section--dark-1+.c-section--dark-1,
.c-section--dark-2+.c-section--dark-2 {
    padding-top: 0
}

.c-section--form {
    --padding: 9.375rem;
    padding-bottom: 7.1875rem
}

@media (max-width: 799px) {
    .c-section--form {
        --padding: 6.5625rem;
        padding-bottom: 4.375rem;
        overflow-x: hidden
    }
}

.c-section--form .ts-2,
.c-section--form .ts-2--sm {
    max-width: 38.75rem;
    margin-left: auto;
    margin-right: auto
}

.c-section--form .ts-eyebrow {
    max-width: 13.75rem;
    margin-left: auto;
    margin-right: auto
}

.c-section--illustration {
    --background-color: var(--off-black);
    --padding: 6.5625rem
}

@media (min-width: 800px) {
    .c-section--illustration .c-section-illustration {
        min-width: 31.25rem;
        min-height: 25rem
    }

    .c-section--illustration .c-illustration-recruiting {
        width: 42.625rem;
        height: 28.1875rem
    }
}

@media (max-width: 799px) {
    .c-section--illustration {
        --padding: 2.5rem
    }

    .c-section--illustration svg {
        width: 100%
    }
}

.c-section--light {
    background-color: var(--background-color);
    color: var(--paragraph-color)
}

.c-section--light .ts-3+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.c-section--light .ts-eyebrow+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .c-section--light .ts-eyebrow+.ts-2 {
        margin-top: 2.8125rem
    }
}

.c-section--light .ts-2+.c-button,
.c-section--light .ts-2--sm+.c-button {
    margin-top: 2.5rem
}

.c-section--light .ts-3+.ts-p {
    margin-top: 1.4375rem
}

.c-section--light .ts-p+.c-button {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .c-section--light .ts-p+.c-button {
        margin-top: 3.125rem
    }
}

.c-section--light .ts-2+.ts-eyebrow,
.c-section--light .ts-2--sm+.ts-eyebrow {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .c-section--light .ts-2+.ts-eyebrow,
    .c-section--light .ts-2--sm+.ts-eyebrow {
        margin-top: 2.8125rem
    }
}

.c-section--light .ts-2+.ts-p,
.c-section--light .ts-2--sm+.ts-p {
    margin-top: 2.125rem
}

@media (max-width: 799px) {

    .c-section--light .ts-2+.ts-p,
    .c-section--light .ts-2--sm+.ts-p {
        margin-top: 1.875rem
    }
}

.c-section--light {
    --background-color: var(--white);
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --span-color: var(--blue-ice);
    --eyebrow-color: var(--blue-fantasy);
    --form-border-color: var(--blue-patch-60);
    --form-input-color: var(--blue-patch);
    --form-input-label-color: var(--blue-patch);
    --form-border-focus-color: var(--blue-patch);
    --form-select-arrow-color: var(--blue-patch);
    --form-button-bg-color: var(--blue-flower-30);
    --form-button-border-color: var(--form-button-border-color);
    --form-button-text-color: var(--blue-patch);
    --form-checkbox-color: var(--blue-patch-60);
    --form-button-text-hover-color: var(--white);
    --form-button-bg-hover-color: var(--blue-fibonacci);
    --form-file-input-background: var(--blue-flower-15);
    --form-file-input-description-color: var(--blue-patch)
}

.c-section--light .c-button--outlined {
    --button-bg-color: transparent;
    --button-border-color: var(--blue-sky-30);
    --button-text-color: var(--blue-fibonacci);
    --button-text-hover-color: var(--blue-fibonacci);
    --button-bg-hover-color: transparent;
    --button-border-hover-color: var(--blue-sky-30)
}

.c-section--light .c-button--outlined.c-button--transparent {
    --button-bg-color: transparent;
    --button-bg-hover-color: transparent;
    --button-text-hover-color: var(--blue-fibonacci);
    --button-border-hover-color: var(--blue-sky-30)
}

.c-section--light+.c-section--light {
    padding-top: 0
}

@media (min-width: 800px) {
    .c-section--light+.c-section--science-bullets {
        padding-top: 5.375rem
    }
}

.c-section--video .c-section-text+.c-section-video,
.c-section--video .c-section-title+.c-section-video {
    margin-top: 5.625rem
}

.c-section--video .c-section-video {
    position: relative;
    border-radius: 1.25rem;
    overflow: hidden
}

.c-section--video .c-section-video-cta {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.c-section--video .c-section-video-cta:hover {
    cursor: pointer
}

.c-section--video .c-section-video-cta:hover .c-section-video-cta-button-icon {
    background-color: var(--cyan)
}

.c-section--video .c-section-video-cta img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-section--video .c-section-video-cta-button-icon {
    --icon-size: 3.5rem;
    --icon-bg: var(--blue-fantasy);
    --icon-color: var(--blue-fibonacci);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-bg);
    color: var(--icon-color);
    width: var(--icon-size);
    height: var(--icon-size);
    border-radius: 50%;
    transition: background .3s linear;
    position: absolute;
    bottom: 1.875rem;
    right: 1.875rem
}

@media (max-width: 799px) {
    .c-section--video .c-section-video-cta-button-icon {
        --icon-size: 3.1875rem;
        bottom: 1.25rem;
        right: 1.25rem
    }
}

.c-section--video-2 {
    padding: 18.125rem 0 12.5rem
}

@media (max-width: 799px) {
    .c-section--video-2 {
        padding: 9.375rem 0 6.25rem
    }
}

.c-section--video-2 .c-section-video {
    position: relative;
    border-radius: 1.25rem;
    overflow: hidden
}

.c-section--video-2 .c-section-video-cta-illustration {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width: 799px) {
    .c-section--video-2 .c-section-video-cta-illustration svg {
        width: 7.5rem;
        height: 5.4375rem
    }
}

.c-section--video-2 .c-section-logo {
    color: var(--blue-fibonacci)
}

.c-section--video-2 .c-section-logo svg {
    width: 9.4375rem;
    height: 1.5rem
}

@media (max-width: 799px) {
    .c-section--video-2 .c-section-logo svg {
        width: 2.75rem;
        height: .4375rem
    }
}

.c-section--video-2 .c-section-text {
    text-align: left;
    padding-top: 1.125rem
}

@media (max-width: 799px) {
    .c-section--video-2 .c-section-text .ts-p {
        font-size: .6875rem
    }
}

.c-section--video-2 .c-section-title {
    position: absolute;
    left: 3.75rem;
    top: 50%;
    transform: translateY(-50%);
    max-width: 23.6875rem
}

@media (max-width: 799px) {
    .c-section--video-2 .c-section-title {
        left: 1.25rem;
        max-width: 6.875rem
    }

    .c-section--video-2 .c-section-title .ts-2--sm {
        font-size: 1rem
    }
}

.c-section--video-2 .c-section-video-player {
    opacity: 0
}

.c-section--video-2 .c-section-video-cta {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--cyan-light);
    padding: 3.75rem
}

@media (max-width: 799px) {
    .c-section--video-2 .c-section-video-cta {
        padding: 1.25rem
    }
}

.c-section--video-2 .c-section-video-cta:hover {
    cursor: pointer
}

.c-section--video-2 .c-section-video-cta img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-section--video-2 .c-section-video-cta-button-icon {
    --icon-size: 3.5rem;
    --icon-bg: var(--blue-fantasy);
    --icon-color: var(--blue-fibonacci);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-bg);
    color: var(--icon-color);
    width: var(--icon-size);
    height: var(--icon-size);
    border-radius: 50%;
    transition: background .3s linear;
    position: absolute;
    bottom: 1.875rem;
    right: 1.875rem
}

@media (max-width: 799px) {
    .c-section--video-2 .c-section-video-cta-button-icon {
        --icon-size: 3.1875rem;
        bottom: 1.25rem;
        right: 1.25rem
    }
}

.c-section-image {
    width: 100%;
    height: auto;
    border-radius: 1.25rem;
    overflow: hidden
}

.c-section--error {
    min-height: 100vh;
    display: flex;
    align-items: center
}

.c-section--training-price .c-section-cta {
    --card-item-bg: var(--blue-depths);
    --title-color: var(--off-white);
    --card-item-title: var(--white);
    --card-item-icon: var(--blue-fantasy);
    background: var(--blue-mysterious);
    color: var(--off-white);
    margin-top: 8.75rem;
    border-radius: 1.25rem
}

.c-section--training-price .c-section-cta .c-button.c-button--xl {
    padding: 0 2rem
}

.c-section--training-price .c-section-cta .c-card-item-title {
    font-size: 1.375rem;
    max-width: 10rem;
    margin-top: 1rem
}

@media (min-width: 800px) {
    .c-section--training-price .c-section-cta .c-card-item-title {
        font-size: 1.875rem;
        max-width: 20rem
    }
}

.c-section--training-price .c-section-cta .c-card-item--8 {
    width: 100%
}

@media (min-width: 800px) {
    .c-section--training-price .c-section-cta .c-card-item--8 {
        height: 16rem;
        max-width: 25.4125rem
    }
}

.c-section--training-price .c-section-cta .c-card-item-icon {
    color: var(--blue-fantasy)
}

.c-section--training-price .c-section-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 3.75rem
}

@media (min-width: 800px) {
    .c-section--training-price .c-section-cta-inner {
        flex-direction: row
    }
}

.c-section--training-price .c-section-cta-inner {
    padding: 3.75rem 1.875rem
}

@media (min-width: 800px) {
    .c-section--training-price .c-section-cta-inner {
        padding: 5.625rem 5.3125rem 5.625rem 5.625rem
    }
}

.c-section--training-price .c-section-cta-cards {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%
}

@media (min-width: 800px) {
    .c-section--training-price .c-section-cta-cards {
        flex-direction: row
    }
}

.c-section--training-price .c-section-cta-cards {
    gap: 1.25rem
}

@media (min-width: 800px) {
    .c-section--training-price .c-section-title+.c-section-text {
        margin-top: 2.8125rem
    }
}

.c-section--training-price .ts-p--xl {
    line-height: 1.3
}

@media (min-width: 800px) {
    .c-section--training-rating .ts-p {
        max-width: 25rem;
        margin: 0 auto
    }
}

.c-section--title-text-center.c-section--light {
    --background-color: var(--white);
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --span-color: var(--blue-ice);
    --eyebrow-color: var(--blue-fantasy)
}

.c-section--title-text-center.c-section--dark {
    --title-color: var(--white);
    --paragraph-color: var(--blue-dayflower);
    --span-color: var(--blue-ice);
    --eyebrow-color: var(--blue-fantasy);
    --breadcrumb-color: var(--blue-flower-30);
    --breadcrumb-color-active: var(--blue-veteran)
}

.c-section--title-text-center {
    --padding: 12.5rem;
    text-align: center
}

@media (max-width: 799px) {
    .c-section--title-text-center {
        --padding: 9.375rem
    }
}

.c-section--title-text-center .ts-2 {
    max-width: 55.625rem;
    margin-left: auto;
    margin-right: auto
}

.c-section--title-text-center .ts-2--sm {
    max-width: 46.75rem;
    margin-left: auto;
    margin-right: auto
}

.c-section--title-text-center .ts-2+.c-section-illustration {
    margin-top: 7.5rem
}

@media (max-width: 799px) {
    .c-section--title-text-center .c-section-illustration svg {
        width: 100%;
        height: auto
    }
}

.c-section--title-text-center .c-section-illustration+.ts-p {
    margin-top: 8.5625rem
}

.c-section--title-text-center .ts-p {
    max-width: 42.5rem;
    margin-left: auto;
    margin-right: auto
}

.c-section--title-text-center .ts-p--xl {
    line-height: 1.3
}

.c-section--title-text-center-sm {
    padding-bottom: 2.5rem
}

@media (min-width: 800px) {
    .c-section--title-text-center-sm {
        --padding: 12rem;
        padding-bottom: 5.875rem
    }

    .c-section--title-text-center-sm .ts-2--sm+.ts-p {
        max-width: 29.375rem;
        margin-top: 2.5rem
    }
}

.c-section--title-text-7 {
    --eyebrow-color: var(--blue-fantasy);
    --padding: 5.625rem;
    --padding-b: 6.875rem
}

.c-section--title-text-7:first-child {
    padding-top: 11.25rem
}

@media (max-width: 799px) {
    .c-section--title-text-7:first-child {
        padding-top: 9.375rem
    }

    .c-section--title-text-7 .ts-eyebrow {
        text-align: center
    }
}

.c-section--title-text-7 .ts-eyebrow+.c-section-text {
    margin-top: 1.4375rem
}

@media (max-width: 799px) {
    .c-section--title-text-7 .ts-eyebrow+.c-section-text {
        margin-top: 2.1875rem
    }
}

.c-section--title-text-7 .ts-eyebrow+.c-button,
.c-section--title-text-7 .c-section-text+.c-button {
    margin-top: 3.125rem
}

@media (max-width: 799px) {

    .c-section--title-text-7 .ts-eyebrow+.c-button,
    .c-section--title-text-7 .c-section-text+.c-button {
        margin-top: 3.4375rem
    }
}

.c-section--title-text-10 {
    --eyebrow-color: var(--blue-fantasy);
    --padding: 5.5rem;
    --padding-b: 13.875rem
}

.c-section--title-text-10 .c-section-illustration svg {
    width: 100%;
    height: auto
}

@media (max-width: 799px) {
    .c-section--title-text-10 {
        --padding: 9.375rem;
        --padding-b: 9.375rem
    }
}

.c-section--title-text-10.c-section--dark {
    --background-color: var(--blue-mysterious);
    --paragraph-color: var(--blue-dayflower)
}

.c-section--title-text-10 .c-section-illustration {
    margin-top: 1.875rem;
    margin-left: -.3125rem
}

@media (max-width: 799px) {
    .c-section--title-text-10 .c-section-illustration {
        margin-bottom: 4.0625rem;
        display: flex;
        justify-content: center
    }
}

.c-section--title-text-10 .ts-eyebrow+.c-section-text {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-section--title-text-10 .ts-eyebrow+.c-section-text {
        margin-top: 2.1875rem
    }
}

.c-section--title-text-10 .ts-eyebrow+.c-button,
.c-section--title-text-10 .c-section-text+.c-button {
    margin-top: 3.125rem
}

@media (max-width: 799px) {

    .c-section--title-text-10 .ts-eyebrow+.c-button,
    .c-section--title-text-10 .c-section-text+.c-button {
        margin-top: 3.4375rem
    }
}

.c-section--title-1 {
    --background-color: var(--white);
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --padding: 12.5rem;
    --padding-b: 12.1875rem
}

@media (max-width: 799px) {
    .c-section--title-1 {
        --padding: 10rem;
        --padding-b: 5.625rem
    }

    .c-section--title-1 .c-section--title-1-h2 {
        max-width: 12.5rem;
        margin: 0 auto
    }
}

.c-section--title-1 .c-section--title-1-h2 {
    font-family: var(--font-display);
    font-size: 4.75rem;
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 1.10526
}

.c-section--title-1 .c-section--title-1-h2 .line-inner,
.c-section--title-1 .c-section--title-1-h2 .title-line-inner {
    display: block;
    position: relative
}

@media (max-width: 799px) {
    .c-section--title-1 .c-section--title-1-h2 {
        font-size: 2.375rem;
        line-height: 1.15789
    }
}

.c-section--title-1 .c-section--title-1-h2 span {
    display: inline-block;
    white-space: nowrap
}

.c-section--title-1 .c-section--title-1-h2 .char {
    will-change: transform, opacity
}

.c-section--title-1 .c-section--title-1-h2 .c-title-part {
    position: relative;
    will-change: opacity
}

.c-section--title-1 .c-title-parts-wrap {
    margin-right: 1rem;
    position: relative
}

.c-section--title-1 .c-title-parts {
    position: relative
}

.c-section--title-1 .c-title-part {
    opacity: 0
}

.c-section--title-1 .c-title-part.is-active {
    opacity: 1
}

.c-section--title-1 .c-title-part:not(:first-child) {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.c-section--title-1 .c-title-parts-bg {
    border: .125rem solid var(--span-color);
    background: transparent;
    border-radius: 1em;
    content: "";
    display: block;
    height: 130%;
    width: 117%;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -45%)
}

.c-section--title-illustration {
    --padding: 11.875rem
}

@media (max-width: 799px) {
    .c-section--title-illustration {
        --padding: 10rem
    }
}

.c-section--title-illustration .c-section-title+.c-section-illustration,
.c-section--title-illustration .c-section-text+.c-section-illustration,
.c-section--title-illustration .c-section-title+.c-section-pictogram,
.c-section--title-illustration .c-section-text+.c-section-pictogram {
    margin-top: 8.4375rem
}

@media (max-width: 799px) {

    .c-section--title-illustration .c-section-title+.c-section-illustration,
    .c-section--title-illustration .c-section-text+.c-section-illustration,
    .c-section--title-illustration .c-section-title+.c-section-pictogram,
    .c-section--title-illustration .c-section-text+.c-section-pictogram {
        margin-top: 4.375rem
    }
}

.c-section--title-illustration .c-section-pictogram-wrapper {
    min-width: 37.5rem;
    display: flex;
    justify-content: center
}

.c-section--title-illustration .c-section-pictogram-wrapper svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.c-section--title-illustration .c-section-pictogram-wrapper .c-illustration-echo {
    width: 22.625rem;
    height: 21rem
}

@media (max-width: 799px) {
    .c-section--title-illustration .c-section-pictogram-wrapper .c-illustration-echo {
        width: 12.5rem;
        height: 11.625rem
    }

    .c-section--title-illustration .c-section-pictogram-wrapper {
        min-width: 100%
    }

    .c-section--title-illustration .c-section-illustration svg,
    .c-section--title-illustration .c-section-pictogram svg {
        width: 100%;
        height: auto
    }
}

.c-section--related {
    --background-color: var(--white);
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --padding: 11.25rem;
    --eyebrow-color: var(--blue-veteran);
    --span-color: var(--blue-ice);
    padding-bottom: 12.5rem
}

@media (max-width: 799px) {
    .c-section--related {
        --padding: 9.375rem;
        padding-bottom: 10rem
    }
}

.c-section--related .c-grid--1 {
    margin-top: 8.75rem
}

@media (max-width: 799px) {
    .c-section--related .c-grid--1 {
        margin-top: 6.875rem
    }

    .c-section--hero .ts-2+.c-button,
    .c-section--hero .ts-2--sm+.c-button {
        margin-top: 2.9375rem
    }

    .c-section--hero .ts-p {
        margin-top: 6.5625rem
    }
}

@media (min-width: 800px) {
    .c-section--hero .ts-p {
        margin-top: .6875rem
    }
}

.c-section--hero-1 {
    --breadcrumb-color: var(--blue-rurikon-30);
    --breadcrumb-color-active: var(--blue-veteran);
    padding-top: 16.875rem
}

@media (max-width: 799px) {
    .c-section--hero-1 {
        padding-top: 9.375rem
    }
}

.c-section--hero-2 {
    --background-color: var(--blue-mysterious);
    --breadcrumb-color: var(--blue-flower-30);
    --breadcrumb-color-active: var(--blue-veteran);
    --padding: 13rem;
    padding-bottom: 10rem
}

@media (max-width: 799px) {
    .c-section--hero-2 {
        --padding: 10rem;
        padding-bottom: 8.125rem
    }
}

@media (min-width: 1000px) {

    .c-section--hero-2 .ts-2,
    .c-section--hero-4 .ts-2 {
        font-size: 4.625rem
    }
}

.c-section--hero-2 .c-breadcrumb,
.c-section--hero-4 .c-breadcrumb {
    margin-bottom: 1.125rem
}

@media (max-width: 799px) {

    .c-section--hero-2 .c-breadcrumb,
    .c-section--hero-4 .c-breadcrumb {
        margin-bottom: 1.5rem
    }
}

.c-section--hero-3 {
    --background-color: var(--blue-mysterious);
    --breadcrumb-color: var(--blue-flower-30);
    --breadcrumb-color-active: var(--blue-veteran);
    --padding: 16.6875rem;
    padding-bottom: 10rem
}

@media (max-width: 799px) {
    .c-section--hero-3 {
        --padding: 10rem;
        padding-bottom: 8.125rem
    }
}

.c-section--hero-3 .c-breadcrumb {
    display: inline-block
}

@media (max-width: 799px) {
    .c-section--hero-3 .c-breadcrumb {
        text-align: center
    }

    .c-section--hero-3 .c-breadcrumb-ul {
        justify-content: center
    }
}

.c-section--hero-3 .ts-2 {
    text-transform: uppercase
}

.c-section--hero-3 .c-section-illustration {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .c-section--hero-3 .c-section-illustration {
        margin-top: 2.8125rem
    }
}

.c-section--hero-4 {
    --padding: 15.3125rem;
    padding-bottom: 4.0625rem
}

@media (max-width: 799px) {
    .c-section--hero-4 {
        --padding: 10rem;
        padding-bottom: 4.0625rem
    }
}

.c-section--hero-4 .c-section-illustration,
.c-section--hero-4 .c-section-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 799px) {

    .c-section--hero-4 .c-section-illustration,
    .c-section--hero-4 .c-section-image {
        position: relative;
        margin-top: 4.0625rem
    }

    .c-section--hero-4 .c-section-illustration svg,
    .c-section--hero-4 .c-section-image svg {
        width: 100%;
        height: auto
    }
}

@media (min-width: 800px) {

    .c-section--hero-4 .c-section-illustration,
    .c-section--hero-4 .c-section-image {
        position: relative;
        margin-top: -1.875rem
    }
}

.c-section--hero-4 .c-section-illustration img,
.c-section--hero-4 .c-section-image img {
    width: 100%;
    aspect-ratio: 311 / 190
}

.c-section--hero-4 .c-section-image.-is-svg {
    border-radius: 0;
    overflow: visible
}

.c-section--hero-4 .c-section-image.-is-svg svg {
    width: 100%;
    height: auto
}

.c-section--hero-4 .c-details {
    margin-top: 5rem
}

.c-section--hero-4 .c-details .ts-indicator {
    color: var(--title-color)
}

@media (min-width: 800px) {
    .c-section--hero-4 .c-details {
        margin-top: 8.125rem
    }

    .c-section--hero-4 .c-details .ts-detail {
        font-size: 1rem
    }

    .c-section--hero-4 .c-section--hero-main {
        display: flex;
        align-items: center;
        min-height: 20rem
    }
}

.c-section--hero-job {
    --breadcrumb-color: var(--blue-rurikon-30);
    --breadcrumb-color-active: var(--blue-veteran);
    --background-color: var(--blue-mysterious);
    padding-top: 16.875rem
}

@media (max-width: 799px) {
    .c-section--hero-job {
        padding-top: 9.375rem
    }
}

.c-section--hero-5 {
    --background-color: var(--blue-mysterious);
    --breadcrumb-color-active: var(--blue-veteran);
    --padding: 13.75rem;
    padding-bottom: 0;
    z-index: 1
}

@media (max-width: 799px) {
    .c-section--hero-5 {
        --padding: 10rem;
        padding-bottom: 8.125rem
    }
}

.c-section--hero-5 .c-section-text .ts-p {
    margin-top: 1.875rem
}

@media (min-width: 800px) {
    .c-section--hero-5 .c-section-text .ts-p {
        max-width: 33.75rem
    }
}

.c-section--hero-5 .c-button {
    margin-top: 1.875rem
}

@media (min-width: 800px) {
    .c-section--hero-5 .c-button {
        margin-top: 2.5rem
    }
}

.c-section--hero-5 .c-section-top {
    padding-bottom: 7.5rem
}

@media (max-width: 799px) {
    .c-section--hero-5 .c-section-top {
        padding-bottom: 5rem
    }
}

.section-hero--training {
    --background-color: var(--off-black)
}

@media (min-width: 800px) {
    .section-hero--training {
        padding-bottom: 8rem
    }
}

.section-hero--training .ts-2 {
    text-transform: none
}

.c-section.c-section--science-hero {
    overflow: hidden
}

@media (min-width: 800px) {
    .c-section.c-section--science-hero [data-animate-section]:nth-child(2) .ts-eyebrow+.ts-2 {
        margin-top: 3.75rem
    }
}

.c-section--science-text+.c-dropdown-2 .c-dropdown-2-main {
    padding-top: 0
}

@media (min-width: 800px) {
    .c-section--science-text+.c-dropdown-2 .c-dropdown-2-main {
        padding-top: 8.75rem
    }
}

.c-section--science-text+.c-dropdown-2+.c-section,
.c-section--science-text+.c-dropdown-2+.c-section+.c-section {
    z-index: 1
}

.c-section--science-text .c-section-bg:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(5, 11, 40, 0) 0%, rgba(5, 11, 40, 1) 70%)
}

.c-section.c-section--science-text {
    z-index: 1
}

.c-section.c-section--science-hero,
.c-section.c-section--science-text,
.c-section.c-section--science-team {
    --background-color: var(--blue-mysterious);
    --eyebrow-color: var(--blue-veteran);
    --paragraph-color: var(--white)
}

.c-section.c-section--science-hero .c-section-illustration,
.c-section.c-section--science-text .c-section-illustration,
.c-section.c-section--science-team .c-section-illustration {
    margin-bottom: 2.6875rem
}

.c-section.c-section--science-hero .c-section-bg,
.c-section.c-section--science-text .c-section-bg,
.c-section.c-section--science-team .c-section-bg {
    position: absolute;
    top: 29.1875rem;
    left: 0;
    width: 100%
}

.c-section.c-section--science-hero .c-section-bg svg,
.c-section.c-section--science-text .c-section-bg svg,
.c-section.c-section--science-team .c-section-bg svg {
    width: 100%;
    height: auto
}

.c-section.c-section--science-hero .ts-2,
.c-section.c-section--science-text .ts-2,
.c-section.c-section--science-team .ts-2 {
    max-width: 62.5rem
}

.c-section.c-section--science-hero .ts-2+.ts-p,
.c-section.c-section--science-text .ts-2+.ts-p,
.c-section.c-section--science-team .ts-2+.ts-p {
    margin-top: 4.6875rem
}

.c-section.c-section--science-hero .c-section-illustration,
.c-section.c-section--science-text .c-section-illustration,
.c-section.c-section--science-team .c-section-illustration {
    margin-top: -.5rem
}

@media (min-width: 800px) {
    .c-section.c-section--science-team {
        padding-top: 15rem
    }
}

.c-section.c-section--science-team .ts-2 {
    max-width: 56.25rem
}

.c-section-block {
    padding: 4.375rem 0
}

@media (max-width: 799px) {
    .c-section-block {
        padding: 4.0625rem 0
    }
}

.c-section-progress {
    --section-progress-color: var(--blue-brilliant);
    --section-progress-passed: var(--blue-flower);
    --section-progress-scale: 0;
    --section-progress-active: var(--blue-moon);
    --line-width: 1px;
    height: calc(100vh - 18.75rem);
    background-color: var(--section-progress-color);
    left: 50%
}

@media (max-width: 799px) {
    .c-section-progress {
        display: none
    }
}

@media (max-width: 999px) {
    .c-section-progress {
        left: 45%
    }
}

.c-section-progress,
.c-section-progress-bar {
    width: var(--line-width);
    height: calc(100vh - 18.75rem);
    position: absolute;
    top: 0
}

.c-section-progress-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.c-section-progress-dots {
    --dot-size: .3125rem;
    --border-size: .3125rem;
    --gap: 3.4375rem;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    position: relative
}

.c-section-progress-dots .c-section-progress-dot {
    --dot-color: var(--section-progress-color);
    width: calc(var(--dot-size) + var(--border-size)*2);
    height: calc(var(--dot-size) + var(--border-size)*2);
    display: flex;
    justify-content: center;
    position: relative;
    cursor: pointer
}

.c-section-progress-dots .c-section-progress-dot:hover {
    --dot-color: var(--section-progress-active)
}

.c-section-progress-dots .c-section-progress-dot:hover:after {
    transform: translate(-50%, -50%) scale(1.25)
}

.c-section-progress-dots .c-section-progress-dot:after {
    content: "";
    display: block;
    width: var(--dot-size);
    height: var(--dot-size);
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.9);
    background-color: var(--dot-color);
    outline: var(--border-size) solid var(--background-color);
    transition: .3s linear background-color, .8s var(--expo-out) transform
}

.c-section-progress-dots .c-section-progress-dot:before {
    content: "";
    position: absolute;
    top: calc(var(--border-size)*2 + var(--dot-size));
    display: block;
    width: var(--line-width);
    height: calc(var(--gap) - var(--dot-size) + var(--border-size));
    background-color: var(--dot-color);
    transform: scaleY(var(--section-progress-scale));
    transform-origin: top;
    transition: .3s linear background-color
}

.c-section-progress-dots .c-section-progress-dot.is-active {
    --dot-color: var(--section-progress-active)
}

.c-section-progress-dots .c-section-progress-dot.is-passed {
    --dot-color: var(--section-progress-passed)
}

.c-section-progress-drag {
    --section-progress-drag-width: 4.125rem;
    --section-progress-drag-height: 2.625rem;
    --section-progress-drag-border-radius: .4375rem;
    --section-progress-drag-background: var(--blue-fantasy);
    --section-progress-drag-color: var(--blue-mysterious);
    font-family: var(--font-sans);
    font-size: .6875rem;
    line-height: 1.18182;
    letter-spacing: .07em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--eyebrow-color)
}

@media (max-width: 799px) {
    .c-section-progress-drag {
        font-size: .625rem
    }
}

.c-section-progress-drag+.ts-2 {
    margin-top: 2.5rem
}

.c-section-progress-drag+.ts-body--xl {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-section-progress-drag+.ts-body--xl {
        margin-top: 1.875rem
    }
}

.ts .ts-3+.c-section-progress-drag {
    display: inline-block;
    margin-top: .8125rem
}

.ts .c-section-progress-drag+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .ts .c-section-progress-drag+.ts-2 {
        margin-top: 2.8125rem
    }
}

.ts .ts-2+.c-section-progress-drag,
.ts .ts-2--sm+.c-section-progress-drag {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .ts .ts-2+.c-section-progress-drag,
    .ts .ts-2--sm+.c-section-progress-drag {
        margin-top: 2.8125rem
    }
}

.c-cards .ts-3+.c-section-progress-drag {
    display: inline-block;
    margin-top: .8125rem
}

.c-cards .c-section-progress-drag+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .c-cards .c-section-progress-drag+.ts-2 {
        margin-top: 2.8125rem
    }
}

.c-cards .ts-2+.c-section-progress-drag,
.c-cards .ts-2--sm+.c-section-progress-drag {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .c-cards .ts-2+.c-section-progress-drag,
    .c-cards .ts-2--sm+.c-section-progress-drag {
        margin-top: 2.8125rem
    }
}

.c-cards--5 .c-section-progress-drag {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--5 .c-section-progress-drag {
        margin-bottom: .4375rem
    }
}

.c-cards--5 .c-section-progress-drag+.ts-2,
.c-cards--5 .c-section-progress-drag+.ts-3 {
    margin-top: 1.25rem
}

.c-cards--6 .c-section-progress-drag {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--6 .c-section-progress-drag {
        margin-bottom: .4375rem
    }
}

.c-cards--6 .c-section-progress-drag+.ts-2 {
    margin-top: 1.25rem
}

.c-card-item--1 .c-section-progress-drag {
    display: inline-block;
    margin-top: .625rem
}

.c-card-item--3 .c-section-progress-drag {
    margin-top: .3125rem
}

.c-section--form .c-section-progress-drag {
    max-width: 13.75rem;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-section-progress-drag {
        text-align: center
    }
}

.c-section--title-text-7 .c-section-progress-drag+.c-section-text {
    margin-top: 1.4375rem
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-section-progress-drag+.c-section-text {
        margin-top: 2.1875rem
    }
}

.c-section--title-text-7 .c-section-progress-drag+.c-button {
    margin-top: 3.125rem
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-section-progress-drag+.c-button {
        margin-top: 3.4375rem
    }
}

.c-section--title-text-10 .c-section-progress-drag+.c-section-text {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-section--title-text-10 .c-section-progress-drag+.c-section-text {
        margin-top: 2.1875rem
    }
}

.c-section--title-text-10 .c-section-progress-drag+.c-button {
    margin-top: 3.125rem
}

@media (max-width: 799px) {
    .c-section--title-text-10 .c-section-progress-drag+.c-button {
        margin-top: 3.4375rem
    }
}

@media (min-width: 800px) {
    .c-section.c-section--science-hero [data-animate-section]:nth-child(2) .c-section-progress-drag+.ts-2 {
        margin-top: 3.75rem
    }
}

.c-dropdown-2-main .c-section-progress-drag {
    max-width: 20rem;
    margin: 0 auto
}

@media (max-width: 799px) {
    .c-dropdown-2-main .c-section-progress-drag {
        max-width: 15.625rem
    }
}

.c-dropdown-2-main .ts-2+.c-section-progress-drag {
    margin-top: 2.5rem
}

.module-form .ts-3+.c-section-progress-drag {
    margin-top: 1.75rem
}

.c-section-progress-drag {
    width: var(--section-progress-drag-width);
    height: var(--section-progress-drag-height);
    border-radius: var(--section-progress-drag-border-radius);
    background-color: var(--section-progress-drag-background);
    color: var(--section-progress-drag-color);
    position: absolute;
    top: calc(var(--section-progress-drag-height)/-2.9);
    left: calc(var(--section-progress-drag-width)/-2);
    cursor: pointer;
    transition: .3s linear background-color;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-section-progress-drag:hover {
    --drag-color: var(--section-progress-color)
}

.c-section-progress-drag-text {
    font-variant-numeric: tabular-nums
}

.c-section-progress-drag-icon {
    margin-left: .3125rem;
    margin-right: -.1875rem
}

.c-section--list-2 {
    --padding: 11.5625rem
}

@media (max-width: 799px) {
    .c-section--list-2 {
        --padding: 8.125rem
    }
}

.c-section--list-2 .ts-2 {
    margin-bottom: 8.75rem
}

@media (max-width: 799px) {
    .c-section--list-2 .ts-2 {
        margin-bottom: 3.125rem
    }
}

.c-section--list-2 .c-section-cta {
    margin-top: 5.625rem
}

@media (max-width: 799px) {
    .c-section--list-2 .c-section-cta {
        margin-top: 3.125rem
    }
}

.c-section--list-4 {
    --background-color: var(--blue-mysterious);
    --paragraph-color: var(--blue-dayflower);
    --padding: 12.3125rem;
    --padding-b: 12.5rem
}

@media (max-width: 799px) {
    .c-section--list-4 {
        --padding: 9.375rem;
        --padding-b: 10rem
    }
}

.c-section--list-4 .c-section-list-ul {
    --gap: 1.25rem;
    gap: var(--gap);
    display: flex;
    flex-direction: column;
    margin-top: 6.25rem
}

.c-section--list-4 .c-section-list-a {
    --width: 20.3125rem;
    --height: 14.0625rem;
    --background-color: var(--blue-depths);
    --paragraph-color: var(--white);
    --border-radius: 1.25rem;
    --padding: 2.25rem;
    width: var(--width);
    height: var(--height);
    background-color: var(--background-color);
    padding: var(--padding);
    border-radius: var(--border-radius);
    overflow: hidden;
    transition: background-color .3s linear;
    position: relative;
    display: block
}

.c-section--list-4 .c-section-list-a:hover {
    --background-color: var(--blue-navy)
}

@media (min-width: 800px) {
    .c-section--list-4 .c-section-list-a {
        --padding: .625rem 2.1875rem .625rem 3.75rem;
        --width: 100%;
        --height: 6.875rem;
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.c-section--list-4 .c-section-list-details {
    align-items: center;
    justify-content: space-between;
    color: var(--white)
}

@media (min-width: 800px) {
    .c-section--list-4 .c-section-list-details {
        display: flex;
        width: 25.1875rem
    }
}

@media (max-width: 799px) {
    .c-section--list-4 .c-section-list-details-icon {
        position: absolute;
        bottom: 2.1875rem;
        left: 1.875rem
    }
}

@media (min-width: 800px) {
    .c-section--list-4 .ts-5 {
        max-width: calc(100% - 25.1875rem);
        padding-right: 3.125rem
    }
}

.c-section--list-4 .c-section-list-details-text {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

@media (max-width: 799px) {
    .c-section--list-4 .c-section-list-details-text {
        margin-top: .625rem;
        margin-left: -.1875rem
    }
}

.c-section--list-4 .c-section-list-details-text .c-icon-marker-2 {
    margin-right: .625rem
}

@media (max-width: 799px) {
    .c-section--list-4 .c-section-list-details-text .c-icon-marker-2 {
        margin-right: .3125rem
    }
}

.c-section--list-4 .c-section-list-details-text .c-icon-marker-2 path {
    stroke: var(--white)
}

.c-section--list-4 .c-button--round {
    --button-bg: var(--blue-navy);
    --button-color: var(--white);
    --button-bg-hover: var(--cyan);
    --button-hover-color: var(--blue-mysterious);
    transform: rotate(90deg)
}

.c-section--newsletter {
    --padding: 8.125rem;
    --background-color: var(--blue-mysterious);
    --paragraph-color: var(--blue-patch)
}

.c-section--newsletter .hbspt-form form {
    display: block;
    position: relative
}

@media (max-width: 799px) {
    .c-section--newsletter {
        --padding: 7.5rem
    }

    .c-section--newsletter .c-section-text {
        margin-top: 2.5rem
    }
}

@media (min-width: 800px) {
    .c-section--newsletter .c-section-illustration {
        margin-top: 1.875rem;
        margin-left: -1.875rem
    }
}

.c-newsletter-input {
    display: flex;
    position: relative
}

.c-form.c-newsletter,
.c-section--newsletter .c-form {
    --input-height: 4.75rem;
    --input-radius: 2.375rem
}

@media (max-width: 799px) {

    .c-form.c-newsletter,
    .c-section--newsletter .c-form {
        --input-height: 4.4375rem
    }
}

.c-form.c-newsletter,
.c-section--newsletter .c-form {
    color: var(--white);
    margin-top: 2.9375rem
}

.c-form.c-newsletter .c-newsletter-input,
.c-section--newsletter .c-form .c-newsletter-input {
    position: relative
}

@media (max-width: 799px) {

    .c-form.c-newsletter .c-newsletter-input,
    .c-section--newsletter .c-form .c-newsletter-input {
        margin: 0 -2.1875rem
    }
}

.c-form.c-newsletter .c-form-input,
.c-form.c-newsletter .hs-fieldtype-text input,
.c-section--newsletter .c-form .c-form-input,
.c-section--newsletter .c-form .hs-fieldtype-text input {
    padding: 0 1.875rem
}

.c-form.c-newsletter .c-form-input:focus-within,
.c-form.c-newsletter .hs-fieldtype-text input:focus-within,
.c-section--newsletter .c-form .c-form-input:focus-within,
.c-section--newsletter .c-form .hs-fieldtype-text input:focus-within {
    background-color: var(--white);
    color: var(--blue-mysterious)
}

.c-form.c-newsletter input::placeholder,
.c-section--newsletter .c-form input::placeholder {
    opacity: 1;
    color: var(--white)
}

.c-form.c-newsletter input:-ms-input-placeholder,
.c-section--newsletter .c-form input:-ms-input-placeholder {
    opacity: 1;
    color: var(--white)
}

.c-form.c-newsletter input::-ms-input-placeholder,
.c-section--newsletter .c-form input::-ms-input-placeholder {
    opacity: 1;
    color: var(--white)
}

.c-form.c-newsletter .hs-fieldtype-booleancheckbox,
.c-section--newsletter .c-form .hs-fieldtype-booleancheckbox {
    margin-top: 1.25rem
}

@media (max-width: 799px) {

    .c-form.c-newsletter .hs-fieldtype-booleancheckbox,
    .c-section--newsletter .c-form .hs-fieldtype-booleancheckbox {
        max-width: 15.9375rem;
        margin-left: auto;
        margin-right: auto
    }
}

.c-form.c-newsletter .c-form-label,
.c-section--newsletter .c-form .c-form-label {
    display: none
}

.c-form.c-newsletter .c-button--round,
.c-section--newsletter .c-form .c-button--round {
    --button-bg: var(--blue-patch);
    --button-bg-hover: var(--cyan);
    --button-hover-color: var(--blue-mysterious);
    position: absolute;
    right: .625rem;
    top: .625rem;
    transform: rotate(90deg)
}

.c-form.c-newsletter .c-form-checkbox,
.c-section--newsletter .c-form .c-form-checkbox {
    padding-top: .75rem
}

.c-form.c-newsletter .c-form-checkbox+.form-message,
.c-section--newsletter .c-form .c-form-checkbox+.form-message {
    margin-top: 1.875rem
}

.c-form.c-newsletter .form-message,
.c-form.c-newsletter .hs_error_rollup,
.c-form.c-newsletter .submitted-message,
.c-form.c-newsletter .hs-error-msg,
.c-section--newsletter .c-form .form-message,
.c-section--newsletter .c-form .hs_error_rollup,
.c-section--newsletter .c-form .submitted-message,
.c-section--newsletter .c-form .hs-error-msg {
    pointer-events: none;
    width: 100%;
    font-size: .8125rem;
    padding: 1.125rem 1.5625rem;
    border-radius: .375rem;
    margin-top: .9375rem;
    text-align: center;
    display: inline-block;
    color: var(--white);
    position: relative
}

.c-form.c-newsletter .form-message.-error,
.c-form.c-newsletter .form-message.-invalid,
.c-form.c-newsletter .hs_error_rollup.-error,
.c-form.c-newsletter .hs_error_rollup.-invalid,
.c-form.c-newsletter .submitted-message.-error,
.c-form.c-newsletter .submitted-message.-invalid,
.c-form.c-newsletter .hs-error-msg.-error,
.c-form.c-newsletter .hs-error-msg.-invalid,
.c-section--newsletter .c-form .form-message.-error,
.c-section--newsletter .c-form .form-message.-invalid,
.c-section--newsletter .c-form .hs_error_rollup.-error,
.c-section--newsletter .c-form .hs_error_rollup.-invalid,
.c-section--newsletter .c-form .submitted-message.-error,
.c-section--newsletter .c-form .submitted-message.-invalid,
.c-section--newsletter .c-form .hs-error-msg.-error,
.c-section--newsletter .c-form .hs-error-msg.-invalid {
    background-color: var(--red)
}

.c-form.c-newsletter .form-message.-success,
.c-form.c-newsletter .hs_error_rollup.-success,
.c-form.c-newsletter .submitted-message.-success,
.c-form.c-newsletter .hs-error-msg.-success,
.c-section--newsletter .c-form .form-message.-success,
.c-section--newsletter .c-form .hs_error_rollup.-success,
.c-section--newsletter .c-form .submitted-message.-success,
.c-section--newsletter .c-form .hs-error-msg.-success {
    background-color: var(--cyan);
    color: var(--blue-mysterious)
}

.c-newsletter.error .c-form.c-newsletter .form-message.-success,
.c-newsletter.invalid .c-form.c-newsletter .form-message.-success,
.c-newsletter.error .c-form.c-newsletter .hs_error_rollup.-success,
.c-newsletter.invalid .c-form.c-newsletter .hs_error_rollup.-success,
.c-newsletter.error .c-form.c-newsletter .submitted-message.-success,
.c-newsletter.invalid .c-form.c-newsletter .submitted-message.-success,
.c-newsletter.error .c-form.c-newsletter .hs-error-msg.-success,
.c-newsletter.invalid .c-form.c-newsletter .hs-error-msg.-success,
.c-newsletter.error .c-section--newsletter .c-form .form-message.-success,
.c-newsletter.invalid .c-section--newsletter .c-form .form-message.-success,
.c-newsletter.error .c-section--newsletter .c-form .hs_error_rollup.-success,
.c-newsletter.invalid .c-section--newsletter .c-form .hs_error_rollup.-success,
.c-newsletter.error .c-section--newsletter .c-form .submitted-message.-success,
.c-newsletter.invalid .c-section--newsletter .c-form .submitted-message.-success,
.c-newsletter.error .c-section--newsletter .c-form .hs-error-msg.-success,
.c-newsletter.invalid .c-section--newsletter .c-form .hs-error-msg.-success {
    display: block
}

.c-form.c-newsletter .submitted-message,
.c-section--newsletter .c-form .submitted-message {
    display: none
}

.c-form.c-newsletter .hs-form-field>label,
.c-section--newsletter .c-form .hs-form-field>label {
    position: absolute;
    top: 1.75rem;
    left: 0;
    transform: translate(1.875rem);
    transform-origin: left;
    opacity: 1;
    max-width: 93%
}

.c-form.c-newsletter .hs-fieldtype-text.is-active>label,
.c-section--newsletter .c-form .hs-fieldtype-text.is-active>label {
    display: block;
    transform: translate(1.875rem, -1.25rem) scale(.65);
    color: var(--form-input-label-color)
}

.c-newsletter.error .form-message.-error,
.c-newsletter.invalid .form-message.-invalid,
.c-newsletter.success .form-message.-success {
    display: block
}

@media (max-width: 799px) {
    .c-section--newsletter-text {
        max-width: 15.9375rem;
        margin: 0 auto
    }
}

.c-cta {
    background-color: var(--white);
    --title-color: var(--white);
    --paragraph-color: var(--blue-patch);
    --background-color: var(--blue-mysterious);
    --cta-border-radius: 1.25rem;
    --padding: 12rem
}

@media (max-width: 799px) {
    .c-cta {
        --padding: 9.6875rem
    }
}

.c-cta .c-button--blue {
    --button-bg-hover-color: var(--cyan);
    --button-text-hover-color: var(--blue-fibonacci)
}

.c-cta .c-button--outlined {
    --button-bg-color: transparent;
    --button-border-color: var(--blue-dayflower-30);
    --button-text-color: var(--blue-dayflower);
    --button-bg-hover-color: transparent;
    --button-text-hover-color: var(--white)
}

.c-cta+.c-cta {
    padding-top: 0
}

.c-carousel--2+.c-cta {
    padding-top: 0
}

.c-cta .ts-3+.ts-p {
    margin-top: 1.25rem
}

.c-cta .ts-p {
    max-width: 15.625rem
}

.c-cta .c-cta-inner {
    padding: 8.4375rem 0;
    background-color: var(--background-color);
    border-radius: var(--cta-border-radius)
}

@media (max-width: 799px) {
    .c-cta .c-cta-inner {
        padding: 4.375rem 0
    }
}

.c-cta--1 {
    background-color: var(--white);
    --title-color: var(--white);
    --paragraph-color: var(--blue-patch);
    --background-color: var(--blue-mysterious);
    --cta-border-radius: 1.25rem;
    --padding: 12rem
}

@media (max-width: 799px) {
    .c-cta--1 {
        --padding: 9.6875rem
    }
}

.c-cta--1 .c-button--blue {
    --button-bg-hover-color: var(--cyan);
    --button-text-hover-color: var(--blue-fibonacci)
}

.c-cta--1 .c-button--outlined {
    --button-bg-color: transparent;
    --button-border-color: var(--blue-dayflower-30);
    --button-text-color: var(--blue-dayflower);
    --button-bg-hover-color: transparent;
    --button-text-hover-color: var(--white)
}

.c-cta--1+.c-cta {
    padding-top: 0
}

.c-carousel--2+.c-cta--1 {
    padding-top: 0
}

.c-cta--1 .ts-3+.ts-p {
    margin-top: 1.25rem
}

.c-cta--1 .ts-p {
    max-width: 15.625rem
}

.c-cta--1 .c-cta-inner {
    padding: 8.4375rem 0;
    background-color: var(--background-color);
    border-radius: var(--cta-border-radius)
}

@media (max-width: 799px) {
    .c-cta--1 .c-cta-inner {
        padding: 4.375rem 0
    }
}

.c-cta--2 {
    background-color: var(--white);
    --title-color: var(--white);
    --paragraph-color: var(--blue-patch);
    --background-color: var(--blue-mysterious);
    --cta-border-radius: 1.25rem;
    --padding: 12rem
}

@media (max-width: 799px) {
    .c-cta--2 {
        --padding: 9.6875rem
    }
}

.c-cta--2 .c-button--blue {
    --button-bg-hover-color: var(--cyan);
    --button-text-hover-color: var(--blue-fibonacci)
}

.c-cta--2 .c-button--outlined {
    --button-bg-color: transparent;
    --button-border-color: var(--blue-dayflower-30);
    --button-text-color: var(--blue-dayflower);
    --button-bg-hover-color: transparent;
    --button-text-hover-color: var(--white)
}

.c-cta--2+.c-cta {
    padding-top: 0
}

.c-carousel--2+.c-cta--2 {
    padding-top: 0
}

.c-cta--2 .ts-3+.ts-p {
    margin-top: 1.25rem
}

.c-cta--2 .ts-p {
    max-width: 15.625rem
}

.c-cta--2 .c-cta-inner {
    padding: 8.4375rem 0;
    background-color: var(--background-color);
    border-radius: var(--cta-border-radius)
}

@media (max-width: 799px) {
    .c-cta--2 .c-cta-inner {
        padding: 4.375rem 0
    }
}

.c-cta--2 {
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --background-color: var(--cyan-light)
}

.c-cta--2 .c-button--outlined {
    --button-bg-color: transparent;
    --button-bg-hover-color: transparent;
    --button-border-color: var(--blue-patch-30);
    --button-border-hover-color: var(--blue-patch-30);
    --button-text-color: var(--blue-patch);
    --button-text-hover-color: var(--blue-fibonacci)
}

.c-cta--3 {
    background-color: var(--white);
    --title-color: var(--white);
    --paragraph-color: var(--blue-patch);
    --background-color: var(--blue-mysterious);
    --cta-border-radius: 1.25rem;
    --padding: 12rem
}

@media (max-width: 799px) {
    .c-cta--3 {
        --padding: 9.6875rem
    }
}

.c-cta--3 .c-button--blue {
    --button-bg-hover-color: var(--cyan);
    --button-text-hover-color: var(--blue-fibonacci)
}

.c-cta--3 .c-button--outlined {
    --button-bg-color: transparent;
    --button-border-color: var(--blue-dayflower-30);
    --button-text-color: var(--blue-dayflower);
    --button-bg-hover-color: transparent;
    --button-text-hover-color: var(--white)
}

.c-cta--3+.c-cta {
    padding-top: 0
}

.c-carousel--2+.c-cta--3 {
    padding-top: 0
}

.c-cta--3 .ts-3+.ts-p {
    margin-top: 1.25rem
}

.c-cta--3 .ts-p {
    max-width: 15.625rem
}

.c-cta--3 .c-cta-inner {
    padding: 8.4375rem 0;
    background-color: var(--background-color);
    border-radius: var(--cta-border-radius)
}

@media (max-width: 799px) {
    .c-cta--3 .c-cta-inner {
        padding: 4.375rem 0
    }
}

.c-cta--3 {
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --background-color: var(--cyan-light)
}

.c-cta--3 .c-button--outlined {
    --button-bg-color: transparent;
    --button-bg-hover-color: transparent;
    --button-border-color: var(--blue-patch-30);
    --button-border-hover-color: var(--blue-patch-30);
    --button-text-color: var(--blue-patch);
    --button-text-hover-color: var(--blue-fibonacci)
}

@media (min-width: 800px) {
    .c-cta--3 .c-cta-text {
        padding-right: 14.375rem
    }
}

.c-cta--3 .c-cta-inner {
    padding-right: 1.875rem;
    padding-left: 1.875rem
}

@media (min-width: 800px) {
    .c-cta--3 .c-cta-inner {
        padding-right: 8.125rem;
        padding-left: 5.625rem
    }
}

.c-event-banner {
    background-color: var(--blue-depths);
    border-radius: 1.25rem
}

@media (min-width: 800px) {
    .c-event-banner {
        height: 10.875rem;
        margin-bottom: -5.4375rem;
        padding-left: 5.625rem;
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.c-event-details {
    font-size: 1.375rem;
    font-family: var(--font-display);
    font-weight: 500;
    line-height: 1.22727;
    margin-bottom: .625rem;
    letter-spacing: -.04em;
    margin-top: .375rem;
    text-transform: capitalize
}

@media (max-width: 799px) {
    .c-event-details {
        padding: 3.75rem 1.875rem
    }
}

.c-event-details-time {
    color: var(--blue-fantasy)
}

.c-event-counter {
    display: flex;
    align-items: center
}

.c-event-counter-number {
    font-size: 1.875rem;
    font-family: var(--font-display);
    font-weight: 500;
    line-height: 1.22727;
    margin-bottom: .25rem;
    letter-spacing: -.04em;
    text-transform: capitalize
}

.c-event-counter-label {
    font-family: var(--font-sans);
    font-size: .6875rem;
    line-height: 1.18182;
    letter-spacing: .07em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--eyebrow-color)
}

@media (max-width: 799px) {
    .c-event-counter-label {
        font-size: .625rem
    }
}

.c-event-counter-label+.ts-2 {
    margin-top: 2.5rem
}

.c-event-counter-label+.ts-body--xl {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-event-counter-label+.ts-body--xl {
        margin-top: 1.875rem
    }
}

.ts .ts-3+.c-event-counter-label {
    display: inline-block;
    margin-top: .8125rem
}

.ts .c-event-counter-label+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .ts .c-event-counter-label+.ts-2 {
        margin-top: 2.8125rem
    }
}

.ts .ts-2+.c-event-counter-label,
.ts .ts-2--sm+.c-event-counter-label {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .ts .ts-2+.c-event-counter-label,
    .ts .ts-2--sm+.c-event-counter-label {
        margin-top: 2.8125rem
    }
}

.c-cards .ts-3+.c-event-counter-label {
    display: inline-block;
    margin-top: .8125rem
}

.c-cards .c-event-counter-label+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .c-cards .c-event-counter-label+.ts-2 {
        margin-top: 2.8125rem
    }
}

.c-cards .ts-2+.c-event-counter-label,
.c-cards .ts-2--sm+.c-event-counter-label {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .c-cards .ts-2+.c-event-counter-label,
    .c-cards .ts-2--sm+.c-event-counter-label {
        margin-top: 2.8125rem
    }
}

.c-cards--5 .c-event-counter-label {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--5 .c-event-counter-label {
        margin-bottom: .4375rem
    }
}

.c-cards--5 .c-event-counter-label+.ts-2,
.c-cards--5 .c-event-counter-label+.ts-3 {
    margin-top: 1.25rem
}

.c-cards--6 .c-event-counter-label {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--6 .c-event-counter-label {
        margin-bottom: .4375rem
    }
}

.c-cards--6 .c-event-counter-label+.ts-2 {
    margin-top: 1.25rem
}

.c-card-item--1 .c-event-counter-label {
    display: inline-block;
    margin-top: .625rem
}

.c-card-item--3 .c-event-counter-label {
    margin-top: .3125rem
}

.c-section--form .c-event-counter-label {
    max-width: 13.75rem;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-event-counter-label {
        text-align: center
    }
}

.c-section--title-text-7 .c-event-counter-label+.c-section-text {
    margin-top: 1.4375rem
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-event-counter-label+.c-section-text {
        margin-top: 2.1875rem
    }
}

.c-section--title-text-7 .c-event-counter-label+.c-button {
    margin-top: 3.125rem
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-event-counter-label+.c-button {
        margin-top: 3.4375rem
    }
}

.c-section--title-text-10 .c-event-counter-label+.c-section-text {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-section--title-text-10 .c-event-counter-label+.c-section-text {
        margin-top: 2.1875rem
    }
}

.c-section--title-text-10 .c-event-counter-label+.c-button {
    margin-top: 3.125rem
}

@media (max-width: 799px) {
    .c-section--title-text-10 .c-event-counter-label+.c-button {
        margin-top: 3.4375rem
    }
}

@media (min-width: 800px) {
    .c-section.c-section--science-hero [data-animate-section]:nth-child(2) .c-event-counter-label+.ts-2 {
        margin-top: 3.75rem
    }
}

.c-dropdown-2-main .c-event-counter-label {
    max-width: 20rem;
    margin: 0 auto
}

@media (max-width: 799px) {
    .c-dropdown-2-main .c-event-counter-label {
        max-width: 15.625rem
    }
}

.c-dropdown-2-main .ts-2+.c-event-counter-label {
    margin-top: 2.5rem
}

.module-form .ts-3+.c-event-counter-label {
    margin-top: 1.75rem
}

.c-event-counter-label {
    color: var(--blue-dayflower)
}

.c-event-counter-item {
    width: 33%;
    height: 6.875rem;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width: 799px) {
    .c-event-counter-item {
        border-top: 1px solid rgba(255, 255, 255, .1)
    }

    .c-event-counter-item:first-child {
        border-left: none
    }
}

@media (min-width: 800px) {
    .c-event-counter-item {
        width: 8.75rem;
        height: 8.375rem
    }
}

.c-form {
    --input-height: 3.5rem;
    --input-radius: 1.75rem;
    --input-font-size: 1rem
}

@media (max-width: 799px) {
    .c-form {
        --input-height: 3.1875rem;
        --input-radius: 2.5rem;
        --input-font-size: .875rem
    }
}

.c-form .c-button {
    --button-bg-color: var(--form-button-bg-color);
    --button-bg-hover-color: var(--form-button-bg-hover-color);
    --button-border-color: var(--form-button-border-color);
    --button-text-color: var(--form-button-text-color);
    --button-text-hover-color: var(--form-button-text-hover-color)
}

.c-form .grid+.grid {
    margin-top: 7.5rem
}

.c-form-field {
    flex: 1 1 0%
}

.c-form-field,
.c-form-inner,
.hs-form-field {
    position: relative
}

.hs-fieldtype-select>label {
    display: none
}

.c-form-heading-h3 {
    font-family: var(--font-sans);
    font-size: .6875rem;
    line-height: 1.18182;
    letter-spacing: .07em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--eyebrow-color)
}

@media (max-width: 799px) {
    .c-form-heading-h3 {
        font-size: .625rem
    }
}

.c-form-heading-h3+.ts-2 {
    margin-top: 2.5rem
}

.c-form-heading-h3+.ts-body--xl {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-form-heading-h3+.ts-body--xl {
        margin-top: 1.875rem
    }
}

.ts .ts-3+.c-form-heading-h3 {
    display: inline-block;
    margin-top: .8125rem
}

.ts .c-form-heading-h3+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .ts .c-form-heading-h3+.ts-2 {
        margin-top: 2.8125rem
    }
}

.ts .ts-2+.c-form-heading-h3,
.ts .ts-2--sm+.c-form-heading-h3 {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .ts .ts-2+.c-form-heading-h3,
    .ts .ts-2--sm+.c-form-heading-h3 {
        margin-top: 2.8125rem
    }
}

.c-cards .ts-3+.c-form-heading-h3 {
    display: inline-block;
    margin-top: .8125rem
}

.c-cards .c-form-heading-h3+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .c-cards .c-form-heading-h3+.ts-2 {
        margin-top: 2.8125rem
    }
}

.c-cards .ts-2+.c-form-heading-h3,
.c-cards .ts-2--sm+.c-form-heading-h3 {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .c-cards .ts-2+.c-form-heading-h3,
    .c-cards .ts-2--sm+.c-form-heading-h3 {
        margin-top: 2.8125rem
    }
}

.c-cards--5 .c-form-heading-h3 {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--5 .c-form-heading-h3 {
        margin-bottom: .4375rem
    }
}

.c-cards--5 .c-form-heading-h3+.ts-2,
.c-cards--5 .c-form-heading-h3+.ts-3 {
    margin-top: 1.25rem
}

.c-cards--6 .c-form-heading-h3 {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--6 .c-form-heading-h3 {
        margin-bottom: .4375rem
    }
}

.c-cards--6 .c-form-heading-h3+.ts-2 {
    margin-top: 1.25rem
}

.c-card-item--1 .c-form-heading-h3 {
    display: inline-block;
    margin-top: .625rem
}

.c-card-item--3 .c-form-heading-h3 {
    margin-top: .3125rem
}

.c-section--form .c-form-heading-h3 {
    max-width: 13.75rem;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-form-heading-h3 {
        text-align: center
    }
}

.c-section--title-text-7 .c-form-heading-h3+.c-section-text {
    margin-top: 1.4375rem
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-form-heading-h3+.c-section-text {
        margin-top: 2.1875rem
    }
}

.c-section--title-text-7 .c-form-heading-h3+.c-button {
    margin-top: 3.125rem
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-form-heading-h3+.c-button {
        margin-top: 3.4375rem
    }
}

.c-section--title-text-10 .c-form-heading-h3+.c-section-text {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-section--title-text-10 .c-form-heading-h3+.c-section-text {
        margin-top: 2.1875rem
    }
}

.c-section--title-text-10 .c-form-heading-h3+.c-button {
    margin-top: 3.125rem
}

@media (max-width: 799px) {
    .c-section--title-text-10 .c-form-heading-h3+.c-button {
        margin-top: 3.4375rem
    }
}

@media (min-width: 800px) {
    .c-section.c-section--science-hero [data-animate-section]:nth-child(2) .c-form-heading-h3+.ts-2 {
        margin-top: 3.75rem
    }
}

.c-dropdown-2-main .c-form-heading-h3 {
    max-width: 20rem;
    margin: 0 auto
}

@media (max-width: 799px) {
    .c-dropdown-2-main .c-form-heading-h3 {
        max-width: 15.625rem
    }
}

.c-dropdown-2-main .ts-2+.c-form-heading-h3 {
    margin-top: 2.5rem
}

.module-form .ts-3+.c-form-heading-h3 {
    margin-top: 1.75rem
}

.c-form-label,
.hs-form-field>label {
    position: absolute;
    top: 1.75rem;
    left: 0;
    transform: translate(1.875rem, -.5rem);
    transform-origin: left;
    opacity: 1;
    max-width: 93%
}

@media (max-width: 799px) {

    .c-form-label,
    .hs-form-field>label {
        top: 1.5625rem;
        transform: translate(1.5rem, -.5rem)
    }
}

.c-form-field,
.hs-form-field {
    font-family: var(--font-sans);
    font-style: normal;
    font-weight: 400;
    font-size: var(--input-font-size);
    color: var(--form-input-color);
    line-height: 1.14286;
    letter-spacing: .02em
}

.c-form-field.is-active .c-form-label,
.c-form-field.is-active>label,
.hs-form-field.is-active .c-form-label,
.hs-form-field.is-active>label {
    display: block;
    transform: translate(1.5rem, -1.25rem) scale(.65);
    color: var(--form-input-label-color)
}

.c-form-alert {
    position: absolute;
    top: -2rem;
    left: 0;
    color: var(--red);
    font-size: .625rem;
    letter-spacing: -.07em;
    font-family: var(--font-sans);
    width: 100%;
    display: none
}

.c-form-error .c-form-required {
    color: var(--red)
}

.c-form-error-message {
    position: absolute;
    bottom: -1.125rem;
    left: 0;
    color: var(--red);
    font-size: .625rem;
    font-family: var(--font-sans);
    border-radius: .25rem
}

.c-form-select-inner,
.hs-fieldtype-select select {
    appearance: none;
    -webkit-appearance: none
}

.c-form-select,
.hs-fieldtype-select {
    position: relative
}

.c-form-select-icon {
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 1.375rem;
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--form-select-arrow-color)
}

.c-form-input,
.c-form-select-inner,
.hs-form__field__input,
.hs-fieldtype-select select,
.hs-fieldtype-text .hs-input,
.hs-fieldtype-phonenumber .hs-input,
.hs-fieldtype-textarea .hs-input {
    width: 100% !important;
    height: var(--input-height);
    padding: .625rem 1.5rem 0;
    border: .09375rem solid var(--form-border-color);
    background: transparent;
    border-radius: var(--input-radius);
    color: var(--form-input-color);
    font-family: var(--font-sans);
    font-style: normal;
    font-weight: 400;
    font-size: var(--input-font-size);
    line-height: 1.14286;
    letter-spacing: .02em
}

@media (max-width: 799px) {

    .c-form-input,
    .c-form-select-inner,
    .hs-form__field__input,
    .hs-fieldtype-select select,
    .hs-fieldtype-text .hs-input,
    .hs-fieldtype-phonenumber .hs-input,
    .hs-fieldtype-textarea .hs-input {
        padding: .625rem 1.5rem 0
    }
}

.c-form-input:focus,
.c-form-select-inner:focus,
.hs-form__field__input:focus,
.hs-fieldtype-select select:focus,
.hs-fieldtype-text .hs-input:focus,
.hs-fieldtype-phonenumber .hs-input:focus,
.hs-fieldtype-textarea .hs-input:focus {
    outline: none;
    box-shadow: 0 0 0 1px var(--form-border-focus-color);
    border-color: var(--form-border-focus-color)
}

.c-form-input.c-form-error,
.c-form-select-inner.c-form-error,
.hs-form__field__input.c-form-error,
.hs-fieldtype-select select.c-form-error,
.hs-fieldtype-text .hs-input.c-form-error,
.hs-fieldtype-phonenumber .hs-input.c-form-error,
.hs-fieldtype-textarea .hs-input.c-form-error {
    border-color: var(--red)
}

.hs-dropdown .hs-input {
    width: 100% !important
}

.hs-fieldtype-booleancheckbox label {
    position: relative
}

.hs-fieldtype-booleancheckbox label a {
    --section-link-color: var(--blue-veteran);
    --link-color: var(--section-link-color);
    --border-color: var(--section-link-color);
    --link-color-hover: var(--section-link-color);
    --border-color-hover: var(--section-link-color)
}

@media (hover: hover) and (pointer: fine) {
    .hs-fieldtype-booleancheckbox label a {
        transition: color .3s linear
    }

    .hs-fieldtype-booleancheckbox label a:hover {
        --link-color: var(--link-color-hover);
        --border-color: var(--border-color-hover)
    }
}

.hs-fieldtype-booleancheckbox label a {
    display: inline-block;
    color: var(--link-color);
    position: relative
}

.hs-fieldtype-booleancheckbox label a:after,
.hs-fieldtype-booleancheckbox label a:before {
    position: absolute;
    bottom: .125rem;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--border-color);
    pointer-events: none;
    content: "";
    transform-origin: right;
    transition: background-color .3s linear
}

.hs-fieldtype-booleancheckbox label a:before {
    transform: scaleX(0);
    transform-origin: left
}

.hs-fieldtype-booleancheckbox label a {
    --section-link-color: currentColor
}

.c-form-select-inner,
.hs-fieldtype-select select {
    padding: 0 1.875rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYy1pY29uLWNoZXZyb24tZG93biIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMjggMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICBkPSJNMTkuMjgyIDExLjA0ODNDMTkuNjIzNyAxMS4zOSAxOS42MjM3IDExLjk0NCAxOS4yODIgMTIuMjg1N0wxNC42MTUzIDE2Ljk1MjRDMTQuMjczNiAxNy4yOTQxIDEzLjcxOTYgMTcuMjk0MSAxMy4zNzc5IDE2Ljk1MjRMOC43MTEyMiAxMi4yODU3QzguMzY5NTEgMTEuOTQ0IDguMzY5NTEgMTEuMzkgOC43MTEyMiAxMS4wNDgzQzkuMDUyOTMgMTAuNzA2NiA5LjYwNjk1IDEwLjcwNjYgOS45NDg2NiAxMS4wNDgzTDEzLjk5NjYgMTUuMDk2MkwxOC4wNDQ2IDExLjA0ODNDMTguMzg2MyAxMC43MDY2IDE4Ljk0MDMgMTAuNzA2NiAxOS4yODIgMTEuMDQ4M1oiCiAgICBmaWxsPSIjNjI3MjlEIiAvPgo8L3N2Zz4KICA=);
    background-repeat: no-repeat;
    background-position: calc(100% - 1.25rem) center;
    background-size: 1.75rem
}

@media (max-width: 799px) {

    .c-form-select-inner,
    .hs-fieldtype-select select {
        padding: 0 1.25rem
    }
}

textarea.c-form-input,
.hs-form .hs-form-field textarea {
    --input-radius: 1.25rem;
    padding-top: 1.5rem;
    min-height: 12.1875rem;
    width: 100% !important
}

@media (max-width: 799px) {

    textarea.c-form-input,
    .hs-form .hs-form-field textarea {
        min-height: 26.25rem
    }
}

.c-form-type-multi-line-text {
    height: 100%
}

.c-form-type-multi-line-text .c-form-label {
    top: 2.1875rem
}

.c-form-type-multi-line-text textarea,
.c-form-type-multi-line-text .c-form-field-container,
.c-form-type-multi-line-text .c-form-input-container {
    height: 100%
}

.c-form-type-multi-line-text .ts-intro,
.c-form-type-multi-line-text .ts-detail {
    max-width: 45.75rem;
    padding-bottom: 2.5rem
}

.c-form-type-multi-line-text .ts-detail {
    padding-top: 2.5rem
}

input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
input:-internal-autofill-previewed {
    font-family: var(--font-sans);
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.14286;
    letter-spacing: .02em
}

[data-field-handle=acceptance] .ts-detail {
    max-width: 34.6875rem;
    text-align: center;
    margin: 0 auto;
    padding: 2rem 0
}

.c-form-type-file-upload .c-form-input-container {
    border: 1px solid rgba(70, 82, 85, .5);
    background: transparent;
    border-radius: var(--input-radius);
    height: var(--input-height)
}

.c-form-type-file-upload input[type=file] {
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    cursor: pointer
}

.c-form-submit,
.hs-submit {
    margin-top: 3.125rem
}

@media (max-width: 799px) {

    .c-form-submit,
    .hs-submit {
        margin-top: 3.125rem
    }
}

.is-applicable:after {
    font-family: var(--font-sans);
    font-size: .8125rem;
    line-height: 1.38462;
    letter-spacing: .02em
}

.c-card-item-content-details .is-applicable:after {
    padding: 0
}

.c-card-item-content-details .is-applicable+.ts-detail:after {
    margin-left: .25rem
}

.c-card-item-content-details .is-applicable+.ts-detail:after:before {
    content: "|";
    margin-right: .25rem
}

.c-details .is-applicable:after {
    padding: 0
}

.c-details .is-applicable+.ts-detail:after {
    margin-left: .25rem
}

.c-details .is-applicable+.ts-detail:after:before {
    content: "|";
    margin-right: .25rem
}

@media (min-width: 800px) {
    .c-section--hero-4 .c-details .is-applicable:after {
        font-size: 1rem
    }
}

.c-form-type-multi-line-text .is-applicable:after {
    max-width: 45.75rem;
    padding-bottom: 2.5rem
}

.c-form-type-multi-line-text .is-applicable:after {
    padding-top: 2.5rem
}

[data-field-handle=acceptance] .is-applicable:after {
    max-width: 34.6875rem;
    text-align: center;
    margin: 0 auto;
    padding: 2rem 0
}

.is-applicable:after {
    color: var(--dark-grey);
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    content: "(if applicable)"
}

.input {
    margin: 0 !important
}

.c-form-checkbox,
.hs-fieldtype-booleancheckbox {
    margin-top: .625rem;
    color: var(--form-checkbox-color, var(--blue-patch));
    position: relative;
    font-size: 1rem;
    line-height: 1.57143
}

.c-form-checkbox .input .hs-form-booleancheckbox-display>span,
.hs-fieldtype-booleancheckbox .input .hs-form-booleancheckbox-display>span {
    min-height: 1.75rem;
    display: block;
    background-image: url(https://www.performanse.com/assets/icons/checkbox.svg);
    background-repeat: no-repeat;
    background-position: left .15rem;
    background-size: 1.25rem;
    padding-left: 2.1875rem;
    margin-left: 0
}

@media (max-width: 799px) {

    .c-form-checkbox,
    .hs-fieldtype-booleancheckbox {
        font-size: .875rem;
        margin-top: .3125rem
    }
}

.c-form-checkbox label,
.hs-fieldtype-booleancheckbox>label {
    display: flex;
    align-items: top;
    top: 0;
    transform: none
}

.c-form-checkbox label a,
.hs-fieldtype-booleancheckbox>label a {
    --section-link-color: var(--blue-veteran);
    --link-color: var(--section-link-color);
    --border-color: var(--section-link-color);
    --link-color-hover: var(--section-link-color);
    --border-color-hover: var(--section-link-color)
}

@media (hover: hover) and (pointer: fine) {

    .c-form-checkbox label a,
    .hs-fieldtype-booleancheckbox>label a {
        transition: color .3s linear
    }

    .c-form-checkbox label a:hover,
    .hs-fieldtype-booleancheckbox>label a:hover {
        --link-color: var(--link-color-hover);
        --border-color: var(--border-color-hover)
    }
}

.c-form-checkbox label a,
.hs-fieldtype-booleancheckbox>label a {
    display: inline-block;
    color: var(--link-color);
    position: relative
}

.c-form-checkbox label a:after,
.c-form-checkbox label a:before,
.hs-fieldtype-booleancheckbox>label a:after,
.hs-fieldtype-booleancheckbox>label a:before {
    position: absolute;
    bottom: .125rem;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--border-color);
    pointer-events: none;
    content: "";
    transform-origin: right;
    transition: background-color .3s linear
}

.c-form-checkbox label a:before,
.hs-fieldtype-booleancheckbox>label a:before {
    transform: scaleX(0);
    transform-origin: left
}

.c-form-checkbox label a,
.hs-fieldtype-booleancheckbox>label a {
    --link-color: currentColor;
    --border-color: currentColor
}

.c-form-checkbox input,
.hs-fieldtype-booleancheckbox input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-image: url(https://www.performanse.com/assets/icons/checkbox--filled.svg)
}

.c-section--light .c-form-checkbox input,
.c-modal--light .c-form-checkbox input,
.c-section--light .hs-fieldtype-booleancheckbox input,
.c-modal--light .hs-fieldtype-booleancheckbox input {
    background-image: url(https://www.performanse.com/assets/icons/checkbox--filled-light.svg)
}

.c-form-checkbox-icon {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    margin-right: .9375rem;
    margin-top: .1875rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: .3125rem;
    position: relative;
    border: .09375rem solid var(--form-border-color);
    background-color: #00000026
}

.c-form-checkbox input:checked~.c-form-checkbox-icon {
    border-color: var(--form-border-color)
}

.c-form-checkbox input:checked~.c-form-checkbox-icon svg {
    opacity: 1;
    color: var(--form-checkbox-color-checked, var(--white))
}

.hs-form-booleancheckbox-display input:checked~span {
    background-image: url(https://www.performanse.com/assets/icons/checkbox--filled.svg) !important
}

.c-section--light .hs-form-booleancheckbox-display input:checked~span,
.c-modal--light .hs-form-booleancheckbox-display input:checked~span {
    background-image: url(https://www.performanse.com/assets/icons/checkbox--filled-light.svg) !important
}

.c-form-checkbox .c-form-checkbox-icon svg {
    opacity: 0
}

.hs-fieldtype-text .hs-error-msgs,
.hs-fieldtype-phonenumber .hs-error-msgs,
.hs-fieldtype-textarea .hs-error-msgs {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: var(--input-radius);
    border: 1px solid var(--red);
    pointer-events: none;
    background-image: url(https://www.performanse.com/assets/icons/error.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 1.25rem) center;
    background-size: 1.25rem
}

.hs-fieldtype-text .hs-error-msgs li,
.hs-fieldtype-phonenumber .hs-error-msgs li,
.hs-fieldtype-textarea .hs-error-msgs li {
    position: absolute;
    right: 1.1875rem;
    top: 1.0625rem;
    width: 1.3125rem;
    height: 1.3125rem;
    pointer-events: all
}

.hs-fieldtype-text .hs-error-msgs li:hover .hs-error-msg,
.hs-fieldtype-phonenumber .hs-error-msgs li:hover .hs-error-msg,
.hs-fieldtype-textarea .hs-error-msgs li:hover .hs-error-msg {
    opacity: 1
}

.hs-fieldtype-text .hs-error-msg,
.hs-fieldtype-phonenumber .hs-error-msg,
.hs-fieldtype-textarea .hs-error-msg {
    position: absolute;
    bottom: 0;
    right: 1.5625rem;
    opacity: 0;
    pointer-events: none;
    font-size: .625rem;
    padding: .3125rem .625rem;
    border-radius: 2.5rem;
    margin-top: 0;
    height: auto;
    transition: opacity .3s linear
}

.hs-error-msg {
    margin-top: .9375rem
}

.hs-error-msg,
.hs_error_rollup li {
    --error-bg-color: var(--red);
    --error-text-color: var(--white);
    font-size: .8125rem;
    background-color: var(--error-bg-color);
    color: var(--error-text-color) !important;
    padding: .5rem .9375rem;
    border-radius: 2.5rem;
    white-space: nowrap;
    display: inline-flex;
    align-items: center
}

.hs_error_rollup {
    grid-column: span 12 / span 12;
    grid-column-start: 2
}

.hs-submit .c-button {
    overflow: hidden;
    cursor: pointer
}

.hs-submit .hs-button {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.submitted-message {
    font-size: 1rem;
    line-height: 1.4375;
    letter-spacing: .02em;
    position: fixed;
    bottom: 0;
    background-color: var(--error-bg-color);
    color: var(--error-text-color);
    z-index: 1;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 1.25rem 0;
    --error-bg-color: var(--blue-highlight);
    --error-text-color: var(--white)
}

.hs_error_rollup li {
    --error-bg-color: var(--red-light);
    --error-text-color: var(--red)
}

.c-form--light {
    --form-border-color: var(--blue-patch-60);
    --form-input-color: var(--blue-patch);
    --form-input-label-color: var(--blue-patch);
    --form-border-focus-color: var(--blue-patch);
    --form-select-arrow-color: var(--blue-patch);
    --form-button-bg-color: var(--blue-flower-30);
    --form-button-border-color: var(--form-button-border-color);
    --form-button-text-color: var(--blue-patch);
    --form-checkbox-color: var(--blue-patch-60);
    --form-button-text-hover-color: var(--white);
    --form-button-bg-hover-color: var(--blue-fibonacci);
    --form-file-input-background: var(--blue-flower-15);
    --form-file-input-description-color: var(--blue-patch)
}

.c-form--dark {
    --form-border-color: var(--blue-patch-60);
    --form-input-color: var(--white);
    --form-input-label-color: var(--blue-patch);
    --form-border-focus-color: var(--blue-patch);
    --form-select-arrow-color: var(--blue-patch);
    --form-button-bg-color: var(--blue-fibonacci);
    --form-button-border-color: var(--form-button-border-color);
    --form-button-text-color: var(--white);
    --form-checkbox-color: var(--blue-patch-60);
    --form-button-text-hover-color: var(--blue-fibonacci);
    --form-file-input-background: var(--blue-flower-15);
    --form-file-input-description-color: var(--blue-patch)
}

.hs-fieldtype-file {
    background: var(--form-file-input-background, var(--white));
    padding: 1.25rem 1.5625rem;
    border-radius: 1.25rem;
    position: relative;
    min-height: 7.5rem;
    background-image: url(https://www.performanse.com/assets/icons/upload.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 1.875rem) center;
    background-size: 3.5rem
}

.hs-fieldtype-file.is-error {
    --form-file-input-description-color: var(--red);
    background-image: url(https://www.performanse.com/assets/icons/upload-error.svg);
    background-color: var(--red-light);
    color: var(--red)
}

.hs-fieldtype-file.is-filled {
    background-image: url(https://www.performanse.com/assets/icons/upload-remove.svg);
    background-color: var(--blue-flower-30)
}

.hs-fieldtype-file input,
.hs-fieldtype-file .hs-error-msgs {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.hs-fieldtype-file .hs-error-msgs {
    background-image: url(https://www.performanse.com/assets/icons/upload-error.svg)
}

.hs-fieldtype-file>label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: none;
    padding: 1.25rem 1.5625rem
}

.hs-fieldtype-file .hs-field-desc {
    font-family: var(--font-sans);
    font-size: .8125rem;
    line-height: 1.38462;
    letter-spacing: .02em
}

.c-card-item-content-details .hs-fieldtype-file .hs-field-desc {
    padding: 0
}

.c-card-item-content-details .hs-fieldtype-file .hs-field-desc+.ts-detail {
    margin-left: .25rem
}

.c-card-item-content-details .hs-fieldtype-file .hs-field-desc+.ts-detail:before {
    content: "|";
    margin-right: .25rem
}

.c-details .hs-fieldtype-file .hs-field-desc {
    padding: 0
}

.c-details .hs-fieldtype-file .hs-field-desc+.ts-detail {
    margin-left: .25rem
}

.c-details .hs-fieldtype-file .hs-field-desc+.ts-detail:before {
    content: "|";
    margin-right: .25rem
}

@media (min-width: 800px) {
    .c-section--hero-4 .c-details .hs-fieldtype-file .hs-field-desc {
        font-size: 1rem
    }
}

.c-form-type-multi-line-text .hs-fieldtype-file .hs-field-desc {
    max-width: 45.75rem;
    padding-bottom: 2.5rem
}

.c-form-type-multi-line-text .hs-fieldtype-file .hs-field-desc {
    padding-top: 2.5rem
}

[data-field-handle=acceptance] .hs-fieldtype-file .hs-field-desc {
    max-width: 34.6875rem;
    text-align: center;
    margin: 0 auto;
    padding: 2rem 0
}

.hs-fieldtype-file .hs-field-desc {
    padding-top: 1.5625rem;
    color: var(--form-file-input-description-color);
    max-width: calc(100% - 7.5rem)
}

@media (max-width: 799px) {
    .hs-fieldtype-file .hs-field-desc {
        max-width: calc(100% - 4.375rem)
    }
}

.c-section--newsletter .hbspt-form .hs-fieldtype-text .hs-error-msg,
.c-section--newsletter .hbspt-form .hs_error_rollup {
    display: none !important
}

.hs-recaptcha {
    grid-column: span 10 / span 10
}

@media (min-width: 800px) {
    .hs-recaptcha {
        grid-column: span 12 / span 12;
        grid-column-start: 2
    }
}

.c-lock-scroll-1 {
    --background-color: var(--off-black);
    --title-color: var(--white);
    --text-color: var(--white);
    --paragraph-color: var(--blue-patch);
    --span-color: var(--blue-ice);
    --eyebrow-color: var(--blue-fantasy);
    --padding: 11.875rem;
    padding-bottom: 5rem;
    background: linear-gradient(to bottom, var(--off-black) 0%, var(--blue-mysterious) 100%)
}

@media (max-width: 799px) {
    .c-lock-scroll-1 {
        --padding: 9.375rem
    }
}

.c-lock-scroll-1 .ts-2+.ts-p {
    margin-top: 1.25rem
}

.c-lock-scroll-1 .ts-p {
    max-width: 42.75rem;
    margin: 0 auto
}

.c-lock-scroll-cards {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    position: relative
}

.c-lock-scroll-card {
    position: sticky;
    top: 1.875rem;
    display: flex;
    color: var(--white);
    padding-top: .9375rem;
    border-radius: 1.25rem;
    min-height: 30.25rem;
    background-color: #060d2c;
    transition: background-color .3s linear
}

.c-lock-scroll-card:nth-child(2) {
    top: 3.75rem
}

.c-lock-scroll-card:nth-child(3) {
    top: 5.625rem
}

.c-lock-scroll-card:nth-child(4) {
    top: 3.75rem
}

.c-lock-scroll-card:nth-child(7) {
    top: 4.6875rem
}

.c-lock-scroll-card .c-lock-scroll-card-inner {
    opacity: .3;
    will-change: opacity;
    transition: opacity .3s linear
}

@media (max-width: 799px) {
    .c-lock-scroll-card {
        padding: 3.125rem 2.1875rem 4.1875rem
    }
}

.c-lock-scroll-card.is-active,
.c-lock-scroll-card:last-child {
    background-color: var(--blue-depths)
}

.c-lock-scroll-card.is-active .c-lock-scroll-card-inner,
.c-lock-scroll-card:last-child .c-lock-scroll-card-inner {
    opacity: 1
}

.c-lock-scroll-card-img {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 799px) {
    .c-lock-scroll-card-img {
        margin-bottom: 1.0625rem
    }
}

@media (min-width: 800px) {
    .c-lock-scroll-card-img {
        margin-right: 1.875rem
    }
}

.c-lock-scroll-card.c-lock-scroll-card--title {
    padding: 0
}

.c-lock-scroll-card-title {
    text-align: center;
    padding: 5rem 1.875rem
}

@media (min-width: 800px) {
    .c-lock-scroll-card-title {
        padding: 0 6.25rem
    }
}

.c-lock-scroll-card-title .ts-indicator+.ts-3 {
    margin-top: 3.125rem
}

@media (min-width: 800px) {
    .c-lock-scroll-card-title .ts-indicator+.ts-3 {
        margin-top: 2.5rem
    }
}

@media (max-width: 999px) {
    .c-lock-scroll-card-title .ts-3 {
        font-size: 2.25rem
    }
}

@media (max-width: 799px) {
    .c-lock-scroll-card-title .ts-3 {
        font-size: 1.875rem
    }
}

.c-lock-scroll-card-text {
    margin-bottom: .9375rem
}

.c-lock-scroll-card-text h3 {
    font-family: var(--font-display);
    letter-spacing: -.04em;
    font-size: 1.0625rem;
    line-height: 1.41176
}

@media (min-width: 800px) {
    .c-lock-scroll-card-text h3 {
        line-height: 1.22727;
        font-size: 1.375rem;
        padding-right: 5rem
    }
}

.c-lock-scroll-card-text .ts-p,
.c-lock-scroll-card-text p {
    font-size: 1.0625rem;
    line-height: 1.47059;
    margin-top: 1.875rem;
    letter-spacing: .02em;
    color: var(--white)
}

@media (min-width: 800px) {

    .c-lock-scroll-card-text .ts-p,
    .c-lock-scroll-card-text p {
        margin-top: 2.1875rem;
        font-size: 1.375rem;
        line-height: 1.31818
    }
}

.c-lock-scroll-cards-wrap {
    position: relative
}

.c-lock-scroll-cards-scrollbar-wrap {
    position: absolute;
    height: 100%;
    top: 0;
    left: -.9375rem
}

.c-lock-scroll-cards-scrollbar {
    height: calc(100vh - 4.375rem);
    width: .09375rem;
    top: 2.1875rem;
    position: sticky;
    left: 0;
    background-color: var(--blue-patch-30)
}

@media (max-width: 799px) {
    .c-lock-scroll-cards-scrollbar {
        left: -.6875rem
    }
}

.c-lock-scroll-cards-scrollbar-inner {
    position: absolute;
    height: 8.5625rem;
    width: 100%;
    top: 0;
    left: 0;
    background-color: var(--blue-patch)
}

.c-lock-scroll-2 {
    --background-color: var(--blue-mysterious);
    --title-color: var(--white);
    --text-color: var(--white);
    --paragraph-color: var(--blue-patch);
    --span-color: var(--blue-ice);
    --eyebrow-color: var(--blue-fantasy);
    --padding: 11.875rem;
    margin-top: -.1rem
}

@media (max-width: 799px) {
    .c-lock-scroll-2 {
        --padding: 3.4375rem
    }
}

.c-lock-scroll-2 .c-section-title {
    top: 7.5rem;
    padding-top: 4.6875rem;
    position: sticky
}

@media (max-width: 999px) {
    .c-lock-scroll-2 .c-section-title h2 {
        font-size: 3.125rem;
        max-width: 18.75rem
    }
}

@media (max-width: 799px) {
    .c-lock-scroll-2 .c-section-title h2 {
        font-size: 2.375rem;
        line-height: 1.15789;
        max-width: 16.25rem
    }

    .c-lock-scroll-2 .c-section-title .ts-indicator+.ts-2 {
        margin-top: 1.4375rem
    }
}

.c-lock-scroll-2 .c-section-cards {
    display: flex;
    justify-content: end
}

@media (max-width: 799px) {
    .c-lock-scroll-2 .c-section-cards {
        flex-direction: column;
        align-items: center;
        margin-top: 6.875rem
    }
}

@media (min-width: 800px) {
    .c-lock-scroll-2 .c-section-cards-inner {
        display: inline-flex;
        gap: 1.25rem;
        margin-left: 2.5rem
    }
}

.c-lock-scroll-2 .c-section-cards-col {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (max-width: 799px) {
    .c-lock-scroll-2 .c-section-cards-col {
        transform: none !important;
        margin-top: 1.25rem
    }
}

.c-lock-scroll-3 {
    --background-color: var(--white);
    --paragraph-color: var(--blue-fibonacci)
}

.c-lock-scroll-3 .c-card-item--3 {
    position: sticky
}

@media (max-width: 799px) {
    .c-lock-scroll-3 .c-section-block-title {
        margin-bottom: 4.0625rem
    }
}

.c-dropdown-1 {
    --background-color: var(--cyan-light);
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --span-color: var(--blue-ice);
    --eyebrow-color: var(--blue-veteran);
    --padding: 12.1875rem;
    --dropdown-item-background-color: var(--cyan);
    --dropdown-item-hover-background-color: var(--cyan-white);
    --dropdown-item-active-background-color: var(--white);
    --dropdown-item-expanded-background-color: var(--white);
    --dropdown-item-title-color: var(--blue-fibonacci);
    --dropdown-item-icon-color: var(--blue-fibonacci);
    --dropdown-item-hover-text-color: var(--blue-fibonacci);
    --dropdown-item-active-text-color: var(--blue-fibonacci);
    --dropdown-item-expanded-text-color: var(--blue-fibonacci)
}

.c-dropdown-1--cyan {
    --background-color: var(--cyan-light);
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --span-color: var(--blue-ice);
    --eyebrow-color: var(--blue-veteran);
    --dropdown-item-background-color: var(--cyan);
    --dropdown-item-hover-background-color: var(--cyan-white);
    --dropdown-item-active-background-color: var(--white);
    --dropdown-item-expanded-background-color: var(--white);
    --dropdown-item-title-color: var(--blue-fibonacci);
    --dropdown-item-icon-color: var(--blue-fibonacci);
    --dropdown-item-hover-text-color: var(--blue-fibonacci);
    --dropdown-item-active-text-color: var(--blue-fibonacci);
    --dropdown-item-expanded-text-color: var(--blue-fibonacci)
}

.c-dropdown-1--blue {
    --background-color: var(--white);
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --span-color: var(--blue-ice);
    --eyebrow-color: var(--blue-veteran);
    --dropdown-item-background-color: var(--blue-fibonacci);
    --dropdown-item-hover-background-color: var(--blue-white);
    --dropdown-item-active-background-color: var(--blue-white);
    --dropdown-item-expanded-background-color: var(--blue-white);
    --dropdown-item-title-color: var(--white);
    --dropdown-item-icon-color: var(--white);
    --dropdown-item-hover-text-color: var(--blue-fibonacci);
    --dropdown-item-active-text-color: var(--blue-fibonacci);
    --dropdown-item-expanded-text-color: var(--blue-fibonacci)
}

@media (max-width: 799px) {
    .c-dropdown-1 {
        --padding: 6.25rem
    }
}

.c-dropdown-1 .ts-indicator+.ts-3 {
    margin-top: 1.25rem
}

.c-dropdown-1 .ts-3 {
    max-width: 90%
}

.c-dropdown-items {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-top: 3.125rem
}

.c-dropdown-items.mt-0 {
    margin-top: 0
}

@media (min-width: 1000px) {
    .c-dropdown-items {
        margin-left: -1.875rem
    }
}

@media (max-width: 999px) {
    .c-dropdown-items {
        margin-top: 3rem
    }
}

@media (max-width: 799px) {

    .c-dropdown-items,
    .c-dropdown-items.mt-0 {
        margin-top: 6.25rem
    }
}

.c-dropdown-item {
    --dropdown-item-height: 5.625rem;
    height: var(--dropdown-item-height);
    overflow: hidden;
    border-radius: 1.25rem;
    background-color: var(--dropdown-item-background-color);
    color: var(--dropdown-item-title-color);
    padding: 0 1.6875rem 0 1.875rem;
    transition: background-color .5s linear, color .5s linear
}

@media (max-width: 999px) {
    .c-dropdown-item {
        --dropdown-item-height: 5rem
    }
}

@media (max-width: 799px) {
    .c-dropdown-item {
        --dropdown-item-height: 6.875rem;
        padding: 0 1.5625rem
    }
}

.c-dropdown-item.is-active {
    background-color: var(--dropdown-item-active-background-color);
    color: var(--dropdown-item-active-text-color)
}

.c-dropdown-item.is-active .c-dropdown-item-title-icon path,
.c-dropdown-item.is-active .c-dropdown-item-title-icon line {
    stroke: var(--dropdown-item-active-text-color)
}

.c-dropdown-item.is-expanded {
    height: auto;
    background-color: var(--dropdown-item-expanded-background-color);
    color: var(--dropdown-item-expanded-text-color)
}

.c-dropdown-item.is-expanded .c-dropdown-item-title-icon path,
.c-dropdown-item.is-expanded .c-dropdown-item-title-icon line {
    stroke: var(--dropdown-item-expanded-text-color)
}

.c-dropdown-item-button {
    display: block;
    padding-bottom: 2.5rem
}

.c-dropdown-item-title {
    display: flex;
    align-items: center;
    height: var(--dropdown-item-height);
    cursor: pointer
}

@media (hover: hover) and (pointer: fine) {

    .c-dropdown-item-title-icon,
    .c-dropdown-item-title-icon svg {
        transition: transform .8s var(--expo-out)
    }

    .c-dropdown-item.is-expanded .c-dropdown-item-title:hover .c-dropdown-item-title-icon,
    .c-dropdown-item.is-active .c-dropdown-item-title:hover .c-dropdown-item-title-icon,
    .c-dropdown-item.is-expanded .c-dropdown-item-title .c-dropdown-item-title-icon,
    .c-dropdown-item.is-active .c-dropdown-item-title .c-dropdown-item-title-icon {
        transform: rotate(0)
    }

    .c-dropdown-item:not(.is-active):hover {
        background-color: var(--dropdown-item-hover-background-color);
        color: var(--dropdown-item-hover-text-color)
    }

    .c-dropdown-item:not(.is-active):hover .c-dropdown-item-title-icon {
        transform: rotate(90deg)
    }

    .c-dropdown-item:not(.is-active):hover .c-dropdown-item-title-icon path,
    .c-dropdown-item:not(.is-active):hover .c-dropdown-item-title-icon line {
        stroke: var(--dropdown-item-hover-text-color)
    }
}

.c-dropdown-item-title-icon svg path,
.c-dropdown-item-title-icon svg line {
    stroke: var(--dropdown-item-icon-color);
    transition: stroke .5s linear
}

.c-dropdown-item-title-icon svg path:last-child {
    transition: stroke .3s linear
}

.is-active .c-dropdown-item-title-icon path:last-child {
    stroke: transparent
}

.c-dropdown-item-text {
    padding-top: 1rem;
    padding-bottom: 1.875rem;
    opacity: 0;
    transition: opacity .5s ease
}

.c-dropdown-item-text ol li {
    list-style: decimal;
    margin-left: 1.5625rem
}

.c-dropdown-item-text ul li {
    list-style: disc;
    margin-left: 1.5625rem
}

.c-dropdown-item-text a {
    --section-link-color: var(--blue-veteran);
    --link-color: var(--section-link-color);
    --border-color: var(--blue-brilliant);
    color: var(--link-color);
    position: relative;
    display: inline;
    background-image: linear-gradient(var(--border-color), var(--border-color));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% .5rem
}

.c-dropdown-item-text a svg {
    display: inline-block
}

.is-active .c-dropdown-item-text {
    opacity: 1
}

.c-dropdown-item-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.c-dropdown-item-title-icon svg {
    width: 1.5rem;
    height: 1.5rem
}

[data-accordion-content] {
    opacity: 0
}

.c-dropdown-item-text,
.c-dropdown-item-title-text {
    font-size: 1.375rem;
    line-height: 1.31818;
    letter-spacing: .02em;
    max-width: 31.0625rem
}

@media (max-width: 799px) {

    .c-dropdown-item-text,
    .c-dropdown-item-title-text {
        font-size: 1.0625rem;
        line-height: 1.47059
    }
}

.c-dropdown-item-title-text {
    transform-origin: top left;
    transition: transform 1.2s var(--expo-out)
}

.c-dropdown-item.is-active .c-dropdown-item-title-text {
    transform: scale(.725)
}

.c-dropdown-item-text--sm {
    padding-top: 2.375rem;
    font-size: 1rem;
    line-height: 1.4375;
    letter-spacing: .02em;
    max-width: 18.75rem;
    color: var(--blue-patch)
}

@media (max-width: 799px) {
    .c-dropdown-item-text--sm {
        font-size: .875rem;
        line-height: 1.57143
    }
}

.c-dropdown-1-text {
    position: relative
}

.c-dropdown-1-illustration {
    margin-top: 5.3125rem
}

.c-dropdown-1-illustration svg {
    width: 25.25rem;
    height: 19rem
}

@media (max-width: 799px) {
    .c-dropdown-1-illustration svg {
        width: 100%;
        height: auto
    }
}

.c-dropdown-2-main {
    --background-color: var(--blue-mysterious);
    --card-button-bg: var(--blue-fantasy);
    --paragraph-color: var(--blue-patch);
    --eyebrow-color: var(--blue-fantasy);
    --span-color: var(--blue-ice);
    --title-color: var(--white);
    --padding: 11.875rem;
    padding-bottom: 13.125rem
}

.c-dropdown-2-main .wrap {
    z-index: 2;
    position: relative
}

.c-dropdown-2-main .ts-2--sm {
    max-width: 42.8125rem;
    margin-left: auto;
    margin-right: auto
}

.c-dropdown-2-main .ts-p {
    max-width: 31.25rem;
    margin-left: auto;
    margin-right: auto
}

.c-dropdown-2-main .ts-eyebrow {
    max-width: 20rem;
    margin: 0 auto
}

@media (max-width: 799px) {
    .c-dropdown-2-main .ts-eyebrow {
        max-width: 15.625rem
    }
}

.c-dropdown-2-main .c-illustration-ai {
    width: 29.10875rem;
    height: 18.45437rem
}

@media (max-width: 799px) {
    .c-dropdown-2-main {
        --padding: 9.375rem
    }

    .c-dropdown-2-main .c-illustration-benefits {
        width: 100%;
        height: auto;
        margin-top: 5.3125rem;
        margin-bottom: 2.1875rem
    }
}

.c-dropdown-2-main .c-dropdown-2-links {
    padding-top: 9.375rem
}

@media (max-width: 799px) {
    .c-dropdown-2-main .c-dropdown-2-links {
        padding-top: 3.125rem
    }
}

.c-dropdown-2-main .c-button-readmore {
    --button-border-color: rgba(255, 255, 255, .15);
    --button-text-color: var(--white);
    --button-bg-color: transparent
}

.c-dropdown-2-main .ts-2+.ts-eyebrow {
    margin-top: 2.5rem
}

.c-dropdown-2-link-inner:hover .c-button-readmore {
    --button-width: 6.5625rem;
    --button-bg-color-hover: var(--blue-fantasy);
    --button-border-color-hover: var(--blue-fantasy);
    --button-text-color-hover: var(--blue-fibonacci);
    background-color: var(--button-bg-color-hover);
    border-color: var(--button-border-color-hover);
    color: var(--button-text-color-hover);
    width: var(--button-width)
}

.c-dropdown-2-link-inner:hover .c-button-readmore .c-button-readmore-text {
    opacity: 1
}

.c-dropdown-2-link-inner:hover .c-button-readmore .c-button-readmore-icon {
    transform: translate(-.625rem)
}

.c-dropdown-2-link {
    padding-top: 5.15625rem
}

@media (max-width: 799px) {
    .c-dropdown-2-link {
        padding-top: 3.125rem
    }
}

.c-dropdown-2-link-inner {
    position: relative;
    cursor: pointer
}

.c-dropdown-2-link-inner * {
    pointer-events: none
}

.c-dropdown-2-link-icon {
    position: absolute;
    color: var(--white);
    left: -1.625rem;
    top: .5rem
}

@media (max-width: 799px) {
    .c-dropdown-2-link-icon {
        left: -1.3125rem;
        top: .375rem
    }
}

.c-dropdown-2-link-icon .c-icon-checkmark {
    width: .875rem;
    height: .875rem
}

@media (max-width: 799px) {
    .c-dropdown-2-link-icon .c-icon-checkmark {
        width: .75rem;
        height: .75rem
    }
}

.c-dropdown-2-sections {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.c-dropdown-2-close {
    --button-bg: var(--cyan);
    --button-bg-hover: var(--white);
    color: var(--white);
    position: absolute;
    top: 2.1875rem;
    right: 2.1875rem;
    z-index: 1
}

.c-dropdown-2-close .c-icon-close {
    position: relative
}

.c-dropdown-2-section-icon {
    margin-top: 4.0625rem;
    margin-bottom: 4.0625rem
}

@media (max-width: 799px) {
    .c-dropdown-2-section-icon {
        display: flex;
        justify-content: center
    }
}

@media (min-width: 800px) {
    .c-dropdown-2-section-icon {
        margin-top: 5.625rem;
        margin-left: 5.625rem
    }
}

.c-dropdown-2-section {
    --section-height: 0;
    height: 0;
    overflow: hidden;
    z-index: 2;
    transition: height 1.2s var(--expo-out)
}

.c-dropdown-2-section .c-dropdown-2-section-inner>.wrap {
    opacity: 0;
    transition: opacity .3s linear
}

.c-dropdown-2-section.is-active {
    height: var(--section-height)
}

.c-dropdown-2-section.is-active .c-dropdown-2-section-inner>.wrap {
    opacity: 1
}

.c-dropdown-2-section-inner {
    --background-color: var(--cyan-light);
    --padding: 8rem;
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-fibonacci);
    padding: var(--padding) 0
}

@media (min-width: 800px) {
    .c-dropdown-2-section-inner .ts-p {
        margin-top: .8125rem
    }
}

.c-carousel-item img {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-drag: none;
    user-select: none
}

.c-carousel-controls {
    --controls-button-bg: var(--cyan-white);
    --controls-stroke-color: var(--cyan);
    --controls-button-bg-hover: var(--cyan-light);
    --controls-button-color-hover: currentColor;
    display: flex;
    align-items: center;
    flex: none;
    margin-top: 4.0625rem;
    gap: 1.25rem
}

@media (min-width: 800px) {
    .c-carousel-controls {
        gap: .625rem
    }
}

.c-carousel-controls button {
    --size: 3.1875rem;
    --svg-size: 3.3125rem;
    --icon-size: .875rem
}

@media (min-width: 800px) {
    .c-carousel-controls button {
        --size: 3.5rem;
        --svg-size: 3.625rem;
        --icon-size: 1rem
    }
}

.c-carousel-controls button {
    height: var(--size);
    width: var(--size);
    border-radius: 50%;
    background-color: var(--controls-button-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s linear, color .3s linear
}

@media (hover: hover) and (pointer: fine) {
    .c-carousel-controls button:hover {
        background-color: var(--controls-button-bg-hover);
        color: var(--controls-button-color-hover)
    }
}

.c-carousel-controls button .c-icon-arrow-right-sm,
.c-carousel-controls button .c-icon-arrow-right {
    height: var(--icon-size);
    width: var(--icon-size);
    transform-origin: center
}

.c-carousel-control-prev .c-icon-arrow-right-sm,
.c-carousel-control-prev .c-icon-arrow-right {
    transform: rotate(180deg)
}

.c-carousel-control-next {
    position: relative
}

.c-carousel-control-next-progress {
    position: absolute;
    top: -.0625rem;
    left: -.0625rem
}

.c-carousel-control-next-progress svg {
    height: var(--svg-size);
    width: var(--svg-size);
    transform: rotate(-90deg)
}

.c-carousel-control-next-progress svg circle {
    stroke: var(--controls-stroke-color);
    stroke-width: .0625rem;
    fill: none
}

.c-carousel-progress {
    display: inline-block;
    height: .1875rem;
    width: 7.875rem;
    margin-top: 3.4375rem;
    background-color: var(--blue-rurikon);
    position: relative;
    border-radius: .1875rem
}

@media (max-width: 799px) {
    .c-carousel-progress {
        margin-top: 2.8125rem
    }
}

.c-carousel-progress-inner {
    background-color: var(--blue-fantasy);
    position: absolute;
    left: 0;
    top: 0;
    height: .1875rem;
    width: 2.7rem;
    border-radius: .1875rem
}

.c-carousel--1 {
    --background-color: var(--white);
    --span-color: var(--cyan-light);
    --text-color: var(--blue-fibonacci);
    --padding: 10rem;
    background-color: var(--background-color);
    color: var(--text-color);
    padding: 0;
    overflow: hidden;
    position: relative
}

@media (max-width: 799px) {
    .c-carousel--1 {
        --padding: 4.0625rem;
        padding-bottom: 4.6875rem
    }
}

.c-carousel--1 .c-person+.c-quote {
    margin-top: 3.125rem
}

@media (min-width: 800px) {
    .c-carousel--1 .c-person+.c-quote {
        margin-top: 1.875rem
    }
}

.c-carousel--1 .col-span-8+.col-span-8:before {
    display: block;
    margin: 5.3125rem 0 3.4375rem;
    content: "";
    height: 1px;
    width: 100%;
    background-color: var(--blue-whisper)
}

@media (min-width: 800px) {
    .c-carousel--1 .col-span-8+.col-span-8:before {
        position: absolute;
        top: 0;
        left: calc(50% - 1.875rem);
        width: 1px;
        height: 100%;
        margin: 0
    }
}

.c-carousel--1 .c-carousel-inner {
    padding: 5.3125rem 0;
    position: relative
}

.c-carousel--1 .c-carousel-slides {
    position: relative;
    margin-top: .1875rem
}

.c-carousel--1 .c-carousel-slides .c-carousel-slide {
    opacity: 0;
    pointer-events: none
}

.c-carousel--1 .c-carousel-slides .c-carousel-slide.is-active {
    opacity: 1;
    pointer-events: all
}

.c-carousel--1 .c-carousel-slides .c-carousel-slide:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0
}

.c-section.c-carousel--2 {
    --padding: 12rem;
    --span-color: var(--cyan-light);
    width: 100%;
    overflow: hidden
}

@media (max-width: 799px) {
    .c-section.c-carousel--2 {
        --padding: 9.6875rem
    }
}

.c-section.c-carousel--2 .c-carousel-slides {
    align-items: center;
    margin-top: 5.9375rem
}

.c-section.c-carousel--2 .c-carousel-slide {
    padding: 0 2.5rem
}

.c-carousel--3 {
    --background-color: var(--blue-mysterious);
    --eyebrow-color: var(--blue-fantasy);
    --card-width: 48.5rem;
    --card-height: 33.75rem;
    --card-padding: 3.125rem 3.375rem 2.5rem;
    --carousel-item-spacing: 1.875rem;
    --card-border-radius: 1.25rem;
    --card-background-color: var(--blue-depths);
    --tag-text-color: var(--blue-flower);
    --tag-background-color: var(--blue-patch-30);
    --tag-border-color: transparent;
    --padding-b: 8.125rem
}

@media (max-width: 799px) {
    .c-carousel--3 {
        --card-width: 16rem;
        --card-height: 28.1875rem;
        --card-padding: 1.5625rem;
        --carousel-item-spacing: .625rem;
        --card-border-radius: .625rem
    }
}

.c-carousel--3 {
    overflow: hidden
}

.c-carousel--3 .c-section-title {
    margin-top: -3.125rem;
    margin-bottom: 2.8125rem
}

.c-carousel--3 .is-dragging .c-card-item {
    pointer-events: none
}

.c-carousel--3 .c-carousel-slides {
    margin-top: 2.8125rem
}

.c-carousel--3 .c-carousel-slides:hover {
    cursor: grab
}

.c-carousel--3 .c-carousel-slides:hover.is-dragging {
    cursor: grabbing
}

.c-carousel--3 .c-carousel-slide {
    --eyebrow-color: var(--blue-patch);
    padding: 0 var(--carousel-item-spacing)
}

.c-carousel--3 .c-carousel-slide .c-card-item-image {
    -webkit-filter: grayscale(100%) brightness(60%) contrast(100%) invert(50%) sepia(10%) saturate(6356%) brightness(42%) contrast(105%) hue-rotate(201deg) saturate(0%) invert(100%) brightness(120%);
    width: 12rem;
    height: 4rem
}

@media (max-width: 799px) {
    .c-carousel--3 .c-carousel-slide .c-card-item-image {
        width: 6rem;
        height: 2rem
    }
}

.c-carousel--3 .c-carousel-slide .c-card-item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left top
}

.c-carousel--3 .c-carousel-slide:first-child {
    padding-left: 0
}

.c-carousel--3 .c-carousel-slide:last-child {
    padding-right: 3.75rem
}

@media (max-width: 799px) {
    .c-carousel--3 .c-carousel-slide:last-child {
        padding-right: 1.25rem
    }
}

.c-carousel--3 .c-button {
    --button-bg-hover-color: transparent
}

.c-carousel--3 .c-carousel-progress {
    background-color: var(--blue-rurikon)
}

.c-carousel--3 .c-carousel-progress-inner {
    background-color: var(--blue-fantasy)
}

.c-carousel--5 {
    --background-color: var(--blue-mysterious);
    --eyebrow-color: var(--blue-fantasy);
    --padding-b: 17.8125rem;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none
}

.c-carousel--5 .c-section-progress {
    --section-progress-color: #212a4b;
    --section-progress-passed: var(--blue-fantasy);
    --section-progress-active: var(--blue-fantasy);
    --section-progress-total-scale: .3;
    mix-blend-mode: lighten
}

.c-carousel--5 .c-section-progress:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: var(--dot-size);
    left: 0;
    background: var(--section-progress-passed);
    opacity: 1;
    transform: scaleY(var(--section-progress-total-scale));
    transform-origin: top
}

.c-carousel--5 .c-section-progress-dots,
.c-carousel--5 .c-section-progress {
    --dot-size: .3125rem;
    --border-size: .3125rem;
    --gap: 2.5rem
}

.c-carousel--5 .c-section-progress-inner {
    z-index: 1;
    background: transparent
}

.c-carousel--5 .c-carousel-controls {
    --controls-button-bg: var(--blue-depths);
    --controls-stroke-color: var(--blue-fantasy);
    --controls-button-bg-hover: var(--blue-fantasy)
}

@media (max-width: 799px) {
    .c-carousel--5 .c-carousel-controls {
        margin-left: 1.875rem;
        gap: 1.0625rem
    }
}

@media (min-width: 800px) {
    .c-carousel--5 .c-carousel-controls {
        flex-direction: column;
        position: absolute;
        right: -1.4375rem;
        bottom: 23%
    }
}

@media (max-width: 799px) {
    .c-carousel--5 .c-carousel-controls .c-carousel-control-prev .c-icon-arrow-top {
        transform: rotate(-90deg)
    }
}

.c-carousel--5 .c-carousel-controls .c-carousel-control-next .c-icon-arrow-top {
    transform: rotate(90deg)
}

@media (min-width: 800px) {
    .c-carousel--5 .c-carousel-controls .c-carousel-control-next .c-icon-arrow-top {
        transform: rotate(180deg)
    }
}

.c-carousel--5 .c-carousel-inner {
    position: relative;
    height: 20rem
}

.c-carousel--5 .c-carousel-items {
    pointer-events: none
}

.c-carousel--5 .c-carousel-item {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none
}

.c-carousel--5 .c-carousel-item.is-active {
    pointer-events: all
}

.c-carousel--5 .c-carousel-item .ts-3 {
    margin-top: -.3125rem
}

@media (max-width: 799px) {
    .c-carousel--5 .c-carousel-item .ts-p {
        margin-top: 2.1875rem
    }
}

.c-carousel--5 .c-carousel-item .ts-p a {
    --link-color: var(--blue-fantasy);
    --border-color: var(--blue-navy)
}

.c-carousel--5 .c-carousel-item .ts-p p+p {
    padding-top: 1.5625rem
}

.c-carousel--5 .c-carousel-item:first-child {
    opacity: 1
}

.c-carousel--5 .ts-2 {
    position: relative;
    margin-top: -.625rem
}

.c-carousel--5 .c-section-progress {
    height: 100%;
    margin-top: .9375rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width: 799px) {
    .c-carousel--5 .c-section-progress {
        opacity: 0;
        pointer-events: none
    }
}

.c-carousel--5 .c-carousel-year {
    display: block;
    position: absolute;
    top: 15.625rem;
    left: 50%;
    transform: translate(-50%);
    width: 27.77587rem;
    height: 12.07575rem
}

@media (max-width: 799px) {
    .c-carousel--5 .c-carousel-year {
        top: 10.3125rem;
        width: 15.9875rem;
        height: 6.95062rem
    }
}

.c-carousel--5 .c-carousel-year-inner {
    --span-color: var(--blue-depths);
    --span-text: var(--blue-mysterious);
    display: block;
    font-size: 10rem;
    font-family: var(--font-display);
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 1;
    width: 100%;
    height: 100%;
    color: var(--span-text)
}

@media (max-width: 799px) {
    .c-carousel--5 .c-carousel-year-inner {
        font-size: 6rem
    }
}

.c-carousel--5 .c-carousel-year-inner:before {
    background: linear-gradient(97deg, var(--blue-depths) 6.5%, var(--blue-rurikon) 99.84%);
    border-radius: 8.4375rem;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.c-carousel--5 .c-carousel-year-item {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    font-variant-numeric: tabular-nums;
    transform: translate(-50%, -50%)
}

.c-carousel--5 .c-carousel-year-item:nth-child(1) {
    opacity: 1;
    pointer-events: all
}

.c-carousel--5 .c-carousel-inner {
    margin-top: 14.375rem
}

@media (max-width: 799px) {
    .c-carousel--5 .c-carousel-inner {
        margin-top: 9.375rem
    }
}

.c-carousel--6 {
    --background-color: var(--white);
    --eyebrow-color: var(--blue-fantasy);
    --card-width: 25.25rem;
    --card-height: 15.4375rem;
    --card-padding: 3.125rem 3.375rem 2.5rem;
    --carousel-item-spacing: .9375rem;
    --card-border-radius: 1.25rem;
    --card-background-color: var(--blue-depths);
    --tag-text-color: var(--blue-flower);
    --tag-background-color: var(--blue-patch-30);
    --tag-border-color: transparent
}

@media (max-width: 799px) {
    .c-carousel--6 {
        --card-width: 16rem;
        --card-height: 9.75rem;
        --card-padding: 1.5625rem;
        --carousel-item-spacing: .625rem;
        --card-border-radius: .625rem
    }
}

.c-carousel--6 {
    overflow: hidden
}

.c-carousel--6 .c-section-title {
    margin-top: -3.125rem;
    margin-bottom: 2.8125rem
}

.c-carousel--6 .c-carousel-item-inner {
    position: relative
}

.c-carousel--6 .c-section-image-caption {
    background-color: var(--blue-ice);
    position: absolute;
    bottom: 1.25rem;
    left: 1.25rem;
    right: 1.25rem;
    padding: 1.25rem 1.875rem;
    border-radius: 1.25rem;
    line-height: 1.2;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .3s linear, transform .8s var(--expo-out)
}

@media (max-width: 799px) {
    .c-carousel--6 .c-section-image-caption {
        width: var(--card-width);
        position: relative;
        opacity: 1;
        transform: none;
        left: 0;
        bottom: 0;
        margin-top: .625rem
    }
}

.c-carousel--6 .c-carousel-item:hover .c-section-image-caption {
    opacity: 1;
    transform: translateY(0)
}

.c-carousel--6 .c-section-image {
    width: var(--card-width);
    height: var(--card-height);
    position: relative
}

.c-carousel--6 .c-section-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-carousel--6 .is-dragging .c-card-item {
    pointer-events: none
}

.c-carousel--6 .c-carousel-slides {
    margin-top: 8.125rem
}

.c-carousel--6 .c-carousel-slides:hover {
    cursor: grab
}

.c-carousel--6 .c-carousel-slides:hover.is-dragging {
    cursor: grabbing
}

.c-carousel--6 .c-carousel-slide {
    --eyebrow-color: var(--blue-patch);
    padding: 0 var(--carousel-item-spacing)
}

.c-carousel--6 .c-carousel-slide:first-child {
    padding-left: 0
}

.c-carousel--6 .c-carousel-slide:last-child {
    padding-right: 3.75rem
}

@media (max-width: 799px) {
    .c-carousel--6 .c-carousel-slide:last-child {
        padding-right: 1.25rem
    }
}

.c-carousel--6 .c-button {
    --button-bg-hover-color: transparent
}

.c-carousel--6 .c-carousel-progress {
    background-color: var(--blue-flower-30);
    margin-top: 4.375rem
}

.c-carousel--6 .c-carousel-progress-inner {
    background-color: var(--blue-fantasy)
}

@media (max-width: 799px) {
    .c-module-header .ts-2+.c-button {
        margin-top: 2.9375rem
    }

    .c-module-header .ts-p {
        margin-top: 6.5625rem
    }
}

@media (min-width: 800px) {
    .c-module-header .ts-p {
        margin-top: .6875rem
    }
}

.c-module-header--1 {
    --breadcrumb-color: var(--blue-flower-30);
    --breadcrumb-color-active: var(--blue-veteran);
    --padding: 12.8125rem;
    padding-bottom: 10rem
}

@media (max-width: 799px) {
    .c-module-header--1 {
        --padding: 10rem;
        padding-bottom: 8.125rem
    }
}

.c-module-header--1 .c-breadcrumb {
    display: inline-block
}

@media (max-width: 799px) {
    .c-module-header--1 .c-breadcrumb {
        text-align: center
    }
}

.c-module-header--1 .c-breadcrumb+.ts-2--sm {
    margin-top: 2.5rem
}

.c-module-header--1 .c-tag {
    --tag-text-color: var(--blue-flower);
    --tag-border-color: transparent;
    --tag-background-color: var(--blue-patch-30);
    --tag-text-color-hover: var(--blue-flower);
    --tag-border-color-hover: transparent;
    --tag-background-color-hover: var(--blue-patch-60);
    margin-top: 1.5625rem
}

@media (max-width: 799px) {
    .c-module-header--1 .c-breadcrumb-ul {
        justify-content: center
    }
}

.c-module-header--1 .c-section-illustration {
    margin-top: 3.375rem;
    margin-left: auto;
    margin-right: auto;
    width: 18.75rem;
    height: 6.25rem;
    position: relative
}

@media (max-width: 799px) {
    .c-module-header--1 .c-section-illustration {
        width: 12.5rem;
        height: 4.125rem
    }
}

.c-module-header--1 .c-section-illustration img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 799px) {
    .c-module-header--1 .c-section-illustration {
        margin-top: 2.8125rem
    }
}

.c-module-list .c-section-title+.c-section-text {
    margin-top: 1.5625rem
}

@media (min-width: 800px) {
    .c-module-list .c-section-title+.c-section-text {
        margin-top: 1.25rem
    }
}

.c-module-list--1 .c-section-text a,
.c-module-list--2 .c-section-text a {
    --section-link-color: var(--blue-fantasy);
    --border-color: var(--blue-navy);
    transition: color .3s linear
}

@media (hover: hover) and (pointer: fine) {

    .c-module-list--1 .c-section-text a:hover,
    .c-module-list--2 .c-section-text a:hover {
        color: var(--blue-ice)
    }
}

.c-module-list--1,
.c-module-list--2,
.c-module-list--4 {
    --background-color: var(--blue-mysterious);
    --paragraph-color: var(--blue-dayflower);
    --padding: 11.875rem;
    --padding-b: 12.5rem
}

.c-module-list--1 .c-module-list-li .ts-p a,
.c-module-list--2 .c-module-list-li .ts-p a,
.c-module-list--4 .c-module-list-li .ts-p a {
    --border-color: var(--blue-navy)
}

@media (max-width: 799px) {

    .c-module-list--1,
    .c-module-list--2,
    .c-module-list--4 {
        --padding: 9.375rem;
        --padding-b: 10rem
    }
}

.c-module-list-ul {
    --gap: 1.25rem;
    gap: var(--gap);
    display: flex;
    flex-direction: column;
    margin-top: 5.3125rem
}

.c-module-list-ul .c-module-list-li-filler {
    visibility: hidden;
    pointer-events: none;
    flex: 1;
    display: none
}

@media (min-width: 800px) {
    .c-module-list-ul .c-module-list-li-filler {
        display: block
    }

    .c-module-list-ul {
        margin-top: 6.25rem;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap
    }
}

.c-module-list-ul .c-icon-checkmark {
    color: var(--blue-fantasy);
    width: 1.125rem;
    height: 1.125rem
}

@media (min-width: 800px) {
    .c-module-list-ul .c-icon-checkmark {
        width: 1.375rem;
        height: 1.375rem
    }
}

.c-module-list-ul .c-module-list-li-icon+.ts-5 {
    margin-top: .9375rem
}

@media (min-width: 800px) {
    .c-module-list-ul .c-module-list-li-icon+.ts-5 {
        margin-top: 1.25rem
    }
}

.c-module-list-li {
    display: flex;
    --width: 16rem;
    --height: 22.9375rem;
    --background-color: var(--blue-depths);
    --paragraph-color: var(--white);
    --border-radius: 1.25rem;
    --padding: 1.25rem 1.875rem 1.875rem 1.5625rem;
    width: var(--width);
    height: var(--height);
    background-color: var(--background-color);
    padding: var(--padding);
    border-radius: var(--border-radius);
    overflow: hidden
}

@media (min-width: 800px) {
    .c-module-list-li {
        --padding: 1.875rem 2.5rem 1.875rem 1.875rem;
        --width: 15.5rem;
        --height: 22.25rem
    }
}

.c-module-list-li .ts-p {
    margin-top: 1.25rem
}

.c-module-list-li .ts-p a {
    --border-color: transparent;
    color: var(--blue-fantasy);
    transition: color .3s linear
}

.c-module-list-li .ts-p a:hover {
    color: var(--blue-ice)
}

.c-module-list--2 .ts-5 {
    color: var(--blue-fantasy)
}

.c-module--list-3 {
    --background-color: var(--blue-mysterious);
    --title-color: var(--white);
    --text-color: var(--white);
    --paragraph-color: var(--blue-patch);
    --span-color: var(--blue-ice);
    --eyebrow-color: var(--blue-fantasy);
    --padding: 11.875rem
}

.c-module--list-3--black {
    --background-color: var(--off-black)
}

.c-module--list-3 .c-card-items {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-top: 2.5rem
}

@media (min-width: 800px) {
    .c-module--list-3 .c-card-items {
        margin-top: 5rem
    }
}

.c-module--list-3 .c-card-item-text-link {
    --section-link-color: var(--blue-veteran);
    --link-color: var(--section-link-color);
    --border-color: var(--blue-brilliant);
    color: var(--link-color);
    position: relative;
    display: inline;
    background-image: linear-gradient(var(--border-color), var(--border-color));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% .5rem
}

.c-module--list-3 .c-card-item-text-link svg {
    display: inline-block
}

.c-module--list-3 .c-card-item-text-link {
    --link-color: var(--blue-fantasy);
    --border-color: var(--blue-navy)
}

@media (max-width: 799px) {
    .c-module--list-3 .c-card-items--info {
        margin-bottom: 7.5rem
    }
}

@media (min-width: 800px) {
    .c-module--list-3 .c-card-items--info {
        margin-right: -1.875rem
    }
}

.c-module--list-3 .c-card-item {
    background-color: var(--blue-depths);
    color: var(--white);
    border-radius: 1.25rem;
    min-height: 11.1875rem;
    padding: 2.1875rem
}

@media (min-width: 800px) {
    .c-module--list-3 .c-card-item {
        padding: 1.5625rem 1.875rem;
        height: 10.8125rem
    }
}

.c-module--list-3 .c-card-items--speakers .c-card-item {
    padding: 1.875rem;
    display: flex;
    flex-direction: column
}

@media (max-width: 799px) {
    .c-module--list-3 .c-card-items--speakers .c-card-item {
        height: 22.9375rem
    }
}

@media (min-width: 800px) {
    .c-module--list-3 .c-card-items--speakers .c-card-item {
        padding: 1.5625rem 3.4375rem;
        align-items: center;
        flex-direction: row
    }
}

.c-module--list-3 .c-person {
    gap: 2.1875rem
}

@media (max-width: 799px) {
    .c-module--list-3 .c-person {
        display: block
    }
}

.c-module--list-3 .c-card-item-person {
    flex: 1
}

@media (max-width: 799px) {
    .c-module--list-3 .c-person-content {
        margin-top: 1.875rem
    }
}

.c-module--list-3 .c-person-content h3 {
    font-size: 1.375rem;
    line-height: 1.22727;
    letter-spacing: -.04em
}

@media (max-width: 799px) {
    .c-module--list-3 .c-person-content h3 {
        font-size: 1.0625rem;
        line-height: 1.41176
    }
}

.c-card-item--1 .c-tag+.c-module--list-3 .c-person-content h3 {
    margin-top: 1.875rem
}

.c-card-item--1 .c-module--list-3 .c-person-content h3 {
    max-width: 95%
}

@media (min-width: 800px) {
    .c-section--list-4 .c-module--list-3 .c-person-content h3 {
        max-width: calc(100% - 25.1875rem);
        padding-right: 3.125rem
    }
}

.c-module-list-ul .c-module-list-li-icon+.c-module--list-3 .c-person-content h3 {
    margin-top: .9375rem
}

@media (min-width: 800px) {
    .c-module-list-ul .c-module-list-li-icon+.c-module--list-3 .c-person-content h3 {
        margin-top: 1.25rem
    }
}

.c-module-list--2 .c-module--list-3 .c-person-content h3 {
    color: var(--blue-fantasy)
}

.c-module--list-3 .c-person-content h3 {
    color: var(--white);
    font-family: var(--font-display)
}

.c-module--list-3 .c-person-content p {
    font-size: 1rem;
    max-width: 18.75rem
}

.c-module-list--4 {
    --padding: 6.25rem
}

.c-module-list--4 .c-module-list-ul {
    flex-direction: column
}

.c-module-list--4 .c-module-list-li {
    --width: 100%;
    --height: auto;
    display: block;
    padding: 4.25rem 0 7.5rem
}

@media (max-width: 799px) {
    .c-module-list--4 .c-module-list-li {
        min-height: 31.8125rem
    }
}

.c-module-list--4 .c-module-list-li .c-module-list-li-count {
    display: block;
    color: var(--blue-fantasy);
    margin-bottom: 1.25rem
}

.c-module-list--4 .c-module-list-li .ts-p {
    margin-top: .3125rem
}

@media (max-width: 799px) {
    .c-module-list--4 .c-module-list-li .ts-p {
        margin-top: 2.5rem
    }
}

.c-module-list--4 .c-module-list-li .c-module-list-li-inner {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    column-gap: 1.25rem
}

@media (max-width: 999px) {
    .c-nav-menu-content .wrap>.c-module-list--4 .c-module-list-li .c-module-list-li-inner {
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 100%
    }
}

.c-form .c-module-list--4 .c-module-list-li .c-module-list-li-inner+.grid {
    margin-top: 7.5rem
}

@media (min-width: 800px) {
    .c-module-list--4 .c-module-list-li .c-module-list-li-inner {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        column-gap: 3.75rem
    }
}

.c-module-list--4 .c-module-list-li .c-module-list-li-count {
    grid-column: span 6 / span 6;
    grid-column-start: 2
}

@media (min-width: 800px) {
    .c-module-list--4 .c-module-list-li .c-module-list-li-count {
        grid-column: span 10 / span 10;
        grid-column-start: 2
    }
}

.c-module-list--4 .c-module-list-li .c-module-list-li-title {
    grid-column: span 6 / span 6;
    grid-column-start: 2
}

@media (min-width: 800px) {
    .c-module-list--4 .c-module-list-li .c-module-list-li-title {
        grid-column: span 4 / span 4;
        grid-column-start: 2
    }
}

.c-module-list--4 .c-module-list-li .c-module-list-li-text {
    grid-column: span 6 / span 6;
    grid-column-start: 2
}

@media (min-width: 800px) {
    .c-module-list--4 .c-module-list-li .c-module-list-li-text {
        grid-column: span 5 / span 5;
        grid-column-start: 7
    }
}

.c-module-list--4 .c-module-list-li .c-module-list-li-text {
    --paragraph-color: var(--blue-dayflower)
}

.c-card-items--info .c-card-item-text,
.c-card-items--speakers .c-card-item-text {
    margin-top: 1.25rem;
    font-size: 1rem;
    line-height: 1.4375;
    letter-spacing: .02em
}

.c-card-items--info .c-card-item,
.c-card-items--speakers .c-card-item {
    background-color: var(--blue-depths);
    color: var(--white);
    border-radius: 1.25rem;
    height: 11.1875rem;
    padding: 2.1875rem
}

@media (min-width: 800px) {

    .c-card-items--info .c-card-item,
    .c-card-items--speakers .c-card-item {
        padding: 1.5625rem 1.875rem;
        height: 10.8125rem
    }
}

.c-module-text {
    --padding: 11.875rem;
    --padding-b: 12.1875rem;
    --paragraph-color: var(--blue-fibonacci)
}

@media (max-width: 799px) {
    .c-module-text {
        --padding: 9.375rem;
        --padding-b: 10rem
    }
}

@media (min-width: 800px) {
    .c-module-text .c-section-title+.c-section-text {
        margin-top: .3125rem
    }
}

.c-module-text+.c-module-text {
    padding-top: 0;
    margin-top: -1.25rem
}

.c-module-text li {
    margin-bottom: 1rem
}

.c-module-text-image--podcast {
    margin-top: -3.75rem
}

@media (min-width: 800px) {
    .c-module-text-image--podcast {
        margin-top: -5.625rem;
        margin-bottom: -5.625rem
    }

    .c-module-text--2 .c-section-title+.c-section-text {
        margin-top: 1.875rem
    }
}

.c-module-text--2 .c-paragraph+.c-paragraph {
    margin-top: 3.75rem
}

.c-module-text--blue-patch .ts-p>* {
    color: var(--blue-patch)
}

@media (max-width: 799px) {
    .c-module-text--1 img {
        margin-bottom: 1.875rem
    }
}

.c-module-quote-inner {
    padding: 4.375rem 1.875rem;
    background-color: var(--blue-white);
    border-radius: 1.25rem
}

@media (min-width: 800px) {
    .c-module-quote-inner {
        padding: 5rem 6.25rem
    }
}

@media (min-width: 1000px) {
    .c-module-quote-inner {
        padding: 5rem 11.5625rem
    }
}

.c-module-quote-inner .c-quote {
    font-size: 1.375rem;
    line-height: 1.22727
}

@media (min-width: 800px) {
    .c-module-quote-inner .c-quote {
        font-size: 1.875rem;
        line-height: 1.26667
    }
}

.c-module-quote-inner .c-person {
    margin-top: 2.5rem
}

@media (min-width: 800px) {
    .c-module-quote-inner .c-person {
        margin-top: 1.875rem
    }
}

.c-module--tags {
    --tag-background-color: transparent;
    --tag-border-color: var(--blue-sky-30);
    --padding: 6.875rem;
    padding-bottom: 11.875rem
}

@media (max-width: 799px) {
    .c-module--tags {
        --padding: 5.625rem;
        padding-bottom: 4.375rem
    }
}

.c-module--tags .c-module--tags-grid {
    border-bottom: 1px solid var(--blue-sky-30);
    padding-bottom: 2.1875rem
}

.c-module--tags ul {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.c-module--tags .c-module--tags-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    align-items: center;
    column-gap: 1.25rem
}

@media (max-width: 999px) {
    .c-nav-menu-content .wrap>.c-module--tags .c-module--tags-grid {
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 100%
    }
}

.c-form .c-module--tags .c-module--tags-grid+.grid {
    margin-top: 7.5rem
}

@media (min-width: 800px) {
    .c-module--tags .c-module--tags-grid {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        column-gap: 3.75rem
    }
}

.c-module--tags .c-module--tags-ul {
    grid-column: span 8 / span 8
}

.c-carousel--1 .c-module--tags .c-module--tags-ul+.col-span-8:before {
    display: block;
    margin: 5.3125rem 0 3.4375rem;
    content: "";
    height: 1px;
    width: 100%;
    background-color: var(--blue-whisper)
}

@media (min-width: 800px) {
    .c-carousel--1 .c-module--tags .c-module--tags-ul+.col-span-8:before {
        position: absolute;
        top: 0;
        left: calc(50% - 1.875rem);
        width: 1px;
        height: 100%;
        margin: 0
    }

    .c-module--tags .c-module--tags-ul {
        grid-column: span 12 / span 12
    }
}

.c-module--tags .c-module--tags-ul.-has-author {
    grid-column: span 5 / span 5
}

@media (min-width: 800px) {
    .c-module--tags .c-module--tags-ul.-has-author {
        grid-column: span 7 / span 7
    }
}

.c-module--tags .c-module--tags-author {
    grid-column: span 5 / span 5;
    grid-column-start: 6
}

@media (min-width: 800px) {
    .c-module--tags .c-module--tags-author {
        grid-column: span 4 / span 4;
        grid-column-start: 8
    }
}

.c-module-cta--1,
.c-module-cta--2,
.c-module-cta--3 {
    background-color: var(--white);
    --title-color: var(--white);
    --paragraph-color: var(--blue-patch);
    --background-color: var(--blue-mysterious);
    --cta-border-radius: 1.25rem;
    --padding: 12rem
}

@media (max-width: 799px) {

    .c-module-cta--1,
    .c-module-cta--2,
    .c-module-cta--3 {
        --padding: 9.6875rem
    }
}

.c-module-cta--1 .c-button--blue,
.c-module-cta--2 .c-button--blue,
.c-module-cta--3 .c-button--blue {
    --button-bg-hover-color: var(--cyan);
    --button-text-hover-color: var(--blue-fibonacci)
}

.c-module-cta--1 .c-button--outlined,
.c-module-cta--2 .c-button--outlined,
.c-module-cta--3 .c-button--outlined {
    --button-bg-color: transparent;
    --button-border-color: var(--blue-dayflower-30);
    --button-text-color: var(--blue-dayflower);
    --button-bg-hover-color: transparent;
    --button-text-hover-color: var(--white)
}

.c-module-cta--1+.c-cta,
.c-module-cta--2+.c-cta,
.c-module-cta--3+.c-cta {
    padding-top: 0
}

.c-carousel--2+.c-module-cta--1,
.c-carousel--2+.c-module-cta--2,
.c-carousel--2+.c-module-cta--3 {
    padding-top: 0
}

.c-module-cta--1 .ts-3+.ts-p,
.c-module-cta--2 .ts-3+.ts-p,
.c-module-cta--3 .ts-3+.ts-p {
    margin-top: 1.25rem
}

.c-module-cta--1 .ts-p,
.c-module-cta--2 .ts-p,
.c-module-cta--3 .ts-p {
    max-width: 15.625rem
}

.c-module-cta--1 .c-cta-inner,
.c-module-cta--2 .c-cta-inner,
.c-module-cta--3 .c-cta-inner {
    padding: 8.4375rem 0;
    background-color: var(--background-color);
    border-radius: var(--cta-border-radius)
}

@media (max-width: 799px) {

    .c-module-cta--1 .c-cta-inner,
    .c-module-cta--2 .c-cta-inner,
    .c-module-cta--3 .c-cta-inner {
        padding: 4.375rem 0
    }
}

.c-module-cta--1 .c-button--outlined,
.c-module-cta--2 .c-button--outlined,
.c-module-cta--3 .c-button--outlined {
    --button-bg-color: transparent;
    --button-bg-hover-color: transparent;
    --button-border-color: var(--blue-patch-30);
    --button-border-hover-color: var(--blue-patch-30);
    --button-text-color: var(--blue-patch);
    --button-text-hover-color: var(--blue-fibonacci)
}

.c-module-cta--1 .ts-p,
.c-module-cta--2 .ts-p,
.c-module-cta--3 .ts-p {
    max-width: unset
}

.c-module-cta--1 .ts-p p,
.c-module-cta--2 .ts-p p,
.c-module-cta--3 .ts-p p {
    display: inline
}

.c-module-cta--1 .c-section-illustration svg,
.c-module-cta--2 .c-section-illustration svg,
.c-module-cta--3 .c-section-illustration svg {
    width: 100%
}

.c-module-cta--1 {
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --background-color: var(--blue-white)
}

.c-module-cta--1 .c-cta-inner {
    padding: 1.875rem
}

@media (min-width: 800px) {
    .c-module-cta--1 .c-cta-inner {
        padding: 3rem 3.75rem 3rem 5.625rem
    }
}

.c-module-cta--1 .c-cta-text {
    max-width: 25.3125rem
}

@media (max-width: 799px) {
    .c-module-cta--1 .c-cta-text {
        margin-bottom: 1.875rem
    }
}

.c-module-cta--1 .c-button--blue {
    --button-bg-hover-color: var(--white);
    --button-text-hover-color: var(--blue-fibonacci)
}

.c-module-cta--1 .c-button--hover-cyan {
    --button-bg-hover-color: var(--cyan)
}

.c-module-cta--1 .c-button--hover-blue {
    --button-bg-hover-color: var(--blue-fibonacci);
    --button-text-hover-color: var(--white)
}

.c-module-cta--2,
.c-module-cta--2--cyan {
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --background-color: var(--cyan-light)
}

.c-module-cta--2--blue {
    --title-color: var(--white);
    --paragraph-color: var(--blue-dayflower);
    --background-color: var(--blue-mysterious)
}

.c-module-cta--2 .c-cta-inner {
    padding: 1.875rem
}

@media (min-width: 800px) {
    .c-module-cta--2 .c-cta-inner {
        padding: 6.25rem 5.625rem
    }
}

.c-module-cta--2 .c-cta-text {
    max-width: 25.3125rem
}

@media (max-width: 799px) {
    .c-module-cta--2 .c-cta-text {
        margin-bottom: 1.875rem
    }
}

.c-module-cta--2 .c-button--blue {
    --button-bg-hover-color: var(--white);
    --button-text-hover-color: var(--blue-fibonacci)
}

.c-module-cta--2 .c-button--hover-cyan {
    --button-bg-hover-color: var(--cyan)
}

.c-module-cta--2 .c-button--hover-blue {
    --button-bg-hover-color: var(--blue-fibonacci);
    --button-text-hover-color: var(--white)
}

.c-module-cta--3 {
    --title-color: var(--blue-fibonacci);
    --paragraph-color: var(--blue-patch);
    --background-color: var(--blue-white)
}

.c-module-cta--3 .c-cta-inner {
    padding: 1.875rem
}

@media (min-width: 800px) {
    .c-module-cta--3 .c-cta-inner {
        padding: 6.25rem 5.625rem
    }

    .c-module-cta--3 .c-cta-img {
        max-width: 14.5rem
    }
}

@media (max-width: 799px) {
    .c-module-cta--3 .c-cta-img {
        margin-top: 2.5rem
    }
}

.c-module-cta--3 .c-cta-text {
    max-width: 25.3125rem
}

@media (max-width: 799px) {
    .c-module-cta--3 .c-cta-text {
        margin-bottom: 1.875rem
    }
}

.c-module-cta--3 .c-button--blue {
    --button-bg-hover-color: var(--white);
    --button-text-hover-color: var(--blue-fibonacci)
}

.c-module-cta--3 .c-button--hover-cyan {
    --button-bg-hover-color: var(--cyan)
}

.c-module-cta--3 .c-button--hover-blue {
    --button-bg-hover-color: var(--blue-fibonacci);
    --button-text-hover-color: var(--white)
}

.c-module-image img {
    width: 100%;
    height: auto
}

@media (max-width: 799px) {
    .c-module--ausha iframe {
        width: 100% !important;
        aspect-ratio: 1 / 1.3 !important
    }
}

.c-module-toc {
    --padding: 11.875rem;
    --padding-b: 12.1875rem;
    --paragraph-color: var(--blue-fibonacci)
}

@media (max-width: 799px) {
    .c-module-toc {
        --padding: 9.375rem;
        --padding-b: 10rem
    }
}

.c-module-toc .c-section-toc+.c-section-text {
    margin-top: 2.5rem
}

@media (min-width: 800px) {
    .c-module-toc .c-section-toc+.c-section-text {
        margin-top: .3125rem
    }
}

.c-module-toc+.c-module-toc {
    padding-top: 0;
    margin-top: -1.25rem
}

.c-toc {
    --eyebrow-color: var(--blue-patch);
    border-radius: 1.25rem;
    background-color: var(--blue-white);
    padding: 1.5625rem 1.5625rem 1.6875rem;
    position: relative;
    overflow: hidden
}

.c-toc-title {
    font-family: var(--font-sans);
    font-size: .6875rem;
    line-height: 1.18182;
    letter-spacing: .07em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--eyebrow-color)
}

@media (max-width: 799px) {
    .c-toc-title {
        font-size: .625rem
    }
}

.c-toc-title+.ts-2 {
    margin-top: 2.5rem
}

.c-toc-title+.ts-body--xl {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-toc-title+.ts-body--xl {
        margin-top: 1.875rem
    }
}

.ts .ts-3+.c-toc-title {
    display: inline-block;
    margin-top: .8125rem
}

.ts .c-toc-title+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .ts .c-toc-title+.ts-2 {
        margin-top: 2.8125rem
    }
}

.ts .ts-2+.c-toc-title,
.ts .ts-2--sm+.c-toc-title {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .ts .ts-2+.c-toc-title,
    .ts .ts-2--sm+.c-toc-title {
        margin-top: 2.8125rem
    }
}

.c-cards .ts-3+.c-toc-title {
    display: inline-block;
    margin-top: .8125rem
}

.c-cards .c-toc-title+.ts-2 {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .c-cards .c-toc-title+.ts-2 {
        margin-top: 2.8125rem
    }
}

.c-cards .ts-2+.c-toc-title,
.c-cards .ts-2--sm+.c-toc-title {
    margin-top: 1.5rem
}

@media (max-width: 799px) {

    .c-cards .ts-2+.c-toc-title,
    .c-cards .ts-2--sm+.c-toc-title {
        margin-top: 2.8125rem
    }
}

.c-cards--5 .c-toc-title {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--5 .c-toc-title {
        margin-bottom: .4375rem
    }
}

.c-cards--5 .c-toc-title+.ts-2,
.c-cards--5 .c-toc-title+.ts-3 {
    margin-top: 1.25rem
}

.c-cards--6 .c-toc-title {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-cards--6 .c-toc-title {
        margin-bottom: .4375rem
    }
}

.c-cards--6 .c-toc-title+.ts-2 {
    margin-top: 1.25rem
}

.c-card-item--1 .c-toc-title {
    display: inline-block;
    margin-top: .625rem
}

.c-card-item--3 .c-toc-title {
    margin-top: .3125rem
}

.c-section--form .c-toc-title {
    max-width: 13.75rem;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-toc-title {
        text-align: center
    }
}

.c-section--title-text-7 .c-toc-title+.c-section-text {
    margin-top: 1.4375rem
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-toc-title+.c-section-text {
        margin-top: 2.1875rem
    }
}

.c-section--title-text-7 .c-toc-title+.c-button {
    margin-top: 3.125rem
}

@media (max-width: 799px) {
    .c-section--title-text-7 .c-toc-title+.c-button {
        margin-top: 3.4375rem
    }
}

.c-section--title-text-10 .c-toc-title+.c-section-text {
    margin-top: 1.25rem
}

@media (max-width: 799px) {
    .c-section--title-text-10 .c-toc-title+.c-section-text {
        margin-top: 2.1875rem
    }
}

.c-section--title-text-10 .c-toc-title+.c-button {
    margin-top: 3.125rem
}

@media (max-width: 799px) {
    .c-section--title-text-10 .c-toc-title+.c-button {
        margin-top: 3.4375rem
    }
}

@media (min-width: 800px) {
    .c-section.c-section--science-hero [data-animate-section]:nth-child(2) .c-toc-title+.ts-2 {
        margin-top: 3.75rem
    }
}

.c-dropdown-2-main .c-toc-title {
    max-width: 20rem;
    margin: 0 auto
}

@media (max-width: 799px) {
    .c-dropdown-2-main .c-toc-title {
        max-width: 15.625rem
    }
}

.c-dropdown-2-main .ts-2+.c-toc-title {
    margin-top: 2.5rem
}

.module-form .ts-3+.c-toc-title {
    margin-top: 1.75rem
}

.c-toc-title {
    display: inline-block;
    font-weight: 700;
    color: var(--blue-fibonacci);
    background-color: var(--blue-snow);
    padding: .3125rem .625rem;
    border-radius: .625rem
}

.c-toc-list ul {
    display: flex;
    flex-direction: column;
    margin-top: 1.25rem
}

.c-toc-list li {
    margin-left: -.5rem
}

.c-toc-list li a {
    display: inline-block;
    font-size: 1rem;
    color: var(--blue-patch);
    background-color: transparent;
    padding: .5rem 1.125rem;
    border-radius: 1.25rem;
    line-height: 1.15
}

@media (max-width: 799px) {
    .c-toc-list li a {
        font-size: .875rem
    }
}

@media (hover: hover) and (pointer: fine) {
    .c-toc-list li a {
        transition: background-color .3s linear, color .3s linear
    }

    .c-toc-list li a:hover {
        background-color: #fff;
        color: var(--blue-moon)
    }
}

.module-form .ts-3+.ts-eyebrow {
    margin-top: 1.75rem
}

.module-form .c-hubspot-form .hbspt-form {
    margin-top: 4.4375rem
}

@media (max-width: 799px) {
    .module-form .c-hubspot-form .hbspt-form {
        margin-top: 5.625rem
    }
}

.module-header:not(.-disclaimer) {
    padding-bottom: var(--padding)
}

.module-header .title {
    color: var(--title-color);
    position: relative;
    z-index: 0
}

@media (max-width: 799px) {
    .module-header .title br {
        display: none
    }
}

.module-header .title>span {
    display: inline-block
}

.module-header .title .line {
    display: inline-block;
    margin-right: .15em
}

.module-header .title .title-line {
    padding: .06em .5em;
    margin: -.1em -.5em;
    overflow: hidden;
    display: block
}

.module-header .title .line-inner,
.module-header .title .title-line-inner {
    display: block;
    position: relative;
    white-space: nowrap;
    will-change: transform, opacity
}

.module-header .title .title-span {
    --span-x: 1;
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.module-header .title .title-span:before {
    background: var(--span-color);
    content: "";
    display: block;
    border-radius: 1em;
    height: 87%;
    height: calc(100% - .15em);
    width: calc(100% + .3em);
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -45%) scaleX(var(--span-x));
    transform-origin: left
}

.module-header .title {
    font-family: var(--font-display);
    font-size: 3.375rem;
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 1.11111
}

.module-header .title .title-line {
    padding: .06em 1em;
    margin: -.1em -1em
}

.module-header .title .title-span:before {
    height: 100%;
    transform: translate(-50%, -50%) scaleX(var(--span-x))
}

@media (max-width: 799px) {
    .module-header .title {
        font-size: 2.0625rem;
        line-height: 1.12121
    }
}

.ts .module-header .title+.c-button {
    margin-top: 2.5rem
}

.ts .module-header .title+.ts-eyebrow {
    margin-top: 1.5rem
}

@media (max-width: 799px) {
    .ts .module-header .title+.ts-eyebrow {
        margin-top: 2.8125rem
    }
}

.ts .module-header .title+.ts-p {
    margin-top: 2.125rem
}

@media (max-width: 799px) {
    .ts .module-header .title+.ts-p {
        margin-top: 1.875rem
    }
}

.c-modal--form .c-modal-success .module-header .title {
    margin-left: 0;
    max-width: 25.625rem
}

@media (max-width: 799px) {
    .c-modal--form .c-modal-success .module-header .title {
        max-width: 16rem
    }
}

.c-modal--form .c-modal-success .module-header .title+.ts-p {
    margin-top: 1.25rem
}

.c-modal--form .module-header .title {
    max-width: 38.75rem;
    margin-left: auto;
    margin-right: auto
}

.c-cards .module-header .title+.ts-eyebrow {
    margin-top: 1.5rem
}

@media (max-width: 799px) {
    .c-cards .module-header .title+.ts-eyebrow {
        margin-top: 2.8125rem
    }
}

.c-section--form .module-header .title {
    max-width: 38.75rem;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 799px) {
    .c-section--video-2 .c-section-title .module-header .title {
        font-size: 1rem
    }
}

.c-section--title-text-center .module-header .title {
    max-width: 46.75rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 800px) {
    .c-section--title-text-center-sm .module-header .title+.ts-p {
        max-width: 29.375rem;
        margin-top: 2.5rem
    }
}

@media (max-width: 799px) {
    .c-section--hero .module-header .title+.c-button {
        margin-top: 2.9375rem
    }
}

.c-dropdown-2-main .module-header .title {
    max-width: 42.8125rem;
    margin-left: auto;
    margin-right: auto
}

.c-module-header--1 .c-breadcrumb+.module-header .title {
    margin-top: 2.5rem
}

@media (max-width: 799px) {
    .module-header .title {
        color: var(--title-color);
        position: relative;
        z-index: 0
    }

    @media (max-width: 799px) {
        .module-header .title br {
            display: none
        }
    }

    .module-header .title>span {
        display: inline-block
    }

    .module-header .title .line {
        display: inline-block;
        margin-right: .15em
    }

    .module-header .title .title-line {
        padding: .06em .5em;
        margin: -.1em -.5em;
        overflow: hidden;
        display: block
    }

    .module-header .title .line-inner,
    .module-header .title .title-line-inner {
        display: block;
        position: relative;
        white-space: nowrap;
        will-change: transform, opacity
    }

    .module-header .title .title-span {
        --span-x: 1;
        display: inline-block;
        position: relative;
        white-space: nowrap
    }

    .module-header .title .title-span:before {
        background: var(--span-color);
        content: "";
        display: block;
        border-radius: 1em;
        height: 87%;
        height: calc(100% - .15em);
        width: calc(100% + .3em);
        left: 50%;
        top: 50%;
        position: absolute;
        z-index: -1;
        transform: translate(-50%, -45%) scaleX(var(--span-x));
        transform-origin: left
    }

    .module-header .title {
        font-family: var(--font-display);
        font-size: 4.75rem;
        font-weight: 500;
        letter-spacing: -.04em;
        line-height: 1.10526
    }

    @media (max-width: 799px) {
        .module-header .title {
            font-size: 2.375rem;
            line-height: 1.15789
        }
    }

    .ts-eyebrow+.module-header .title {
        margin-top: 2.5rem
    }

    .ts .ts-eyebrow+.module-header .title {
        margin-top: 2.5rem
    }

    @media (max-width: 799px) {
        .ts .ts-eyebrow+.module-header .title {
            margin-top: 2.8125rem
        }
    }

    .ts .module-header .title+.c-button {
        margin-top: 2.5rem
    }

    .ts .module-header .title+.ts-eyebrow {
        margin-top: 1.5rem
    }

    @media (max-width: 799px) {
        .ts .module-header .title+.ts-eyebrow {
            margin-top: 2.8125rem
        }
    }

    .ts .module-header .title+.ts-p {
        margin-top: 2.125rem
    }

    @media (max-width: 799px) {
        .ts .module-header .title+.ts-p {
            margin-top: 1.875rem
        }
    }

    .c-title .module-header .title+.c-link {
        margin-top: 2.3125rem;
        margin-left: .25rem
    }

    .c-modal--form .c-modal-success .module-header .title {
        margin-left: 0;
        max-width: 25.625rem
    }

    @media (max-width: 799px) {
        .c-modal--form .c-modal-success .module-header .title {
            max-width: 16rem
        }
    }

    .c-modal--form .module-header .title {
        max-width: 38.75rem;
        margin-left: auto;
        margin-right: auto
    }

    .c-cards .ts-eyebrow+.module-header .title {
        margin-top: 2.5rem
    }

    @media (max-width: 799px) {
        .c-cards .ts-eyebrow+.module-header .title {
            margin-top: 2.8125rem
        }
    }

    .c-cards .module-header .title+.c-button {
        margin-top: 2.5rem
    }

    .c-cards .module-header .title+.ts-eyebrow {
        margin-top: 1.5rem
    }

    @media (max-width: 799px) {
        .c-cards .module-header .title+.ts-eyebrow {
            margin-top: 2.8125rem
        }
    }

    .c-cards .module-header .title+.ts-p {
        margin-top: 2.125rem
    }

    @media (max-width: 799px) {
        .c-cards .module-header .title+.ts-p {
            margin-top: 1.875rem
        }
    }

    .c-cards.c-cards--3 .module-header .title+.ts-p {
        margin-top: 1.25rem
    }

    .c-cards.c-cards--4 .module-header .title+.ts-p {
        margin-top: 2.1875rem
    }

    .c-cards--5 .module-header .title+.ts-p {
        margin-top: 1.875rem
    }

    .c-cards--5 .ts-eyebrow+.module-header .title {
        margin-top: 1.25rem
    }

    @media (max-width: 799px) {
        .c-cards--5 .module-header .title {
            line-height: 1.10526
        }
    }

    .c-cards--6 .module-header .title+.ts-p {
        margin-top: 1rem
    }

    .c-cards--6 .module-header .title {
        margin-top: .875rem;
        margin-left: -.25rem
    }

    @media (min-width: 800px) {
        .c-cards--6 .c-cards-title .module-header .title {
            font-size: 3.75rem;
            line-height: 1
        }
    }

    .c-cards--6 .ts-eyebrow+.module-header .title {
        margin-top: 1.25rem
    }

    @media (max-width: 799px) {
        .c-cards--6 .module-header .title {
            line-height: 1.10526
        }
    }

    .c-section--form .module-header .title {
        max-width: 38.75rem;
        margin-left: auto;
        margin-right: auto
    }

    .c-section--title-text-center .module-header .title {
        max-width: 55.625rem;
        margin-left: auto;
        margin-right: auto
    }

    .c-section--title-text-center .module-header .title+.c-section-illustration {
        margin-top: 7.5rem
    }

    @media (max-width: 799px) {
        .c-section--hero .module-header .title+.c-button {
            margin-top: 2.9375rem
        }
    }

    @media (min-width: 1000px) {

        .c-section--hero-2 .module-header .title,
        .c-section--hero-4 .module-header .title {
            font-size: 4.625rem
        }
    }

    .c-section--hero-3 .module-header .title {
        text-transform: uppercase
    }

    .section-hero--training .module-header .title {
        text-transform: none
    }

    @media (min-width: 800px) {
        .c-section.c-section--science-hero [data-animate-section]:nth-child(2) .ts-eyebrow+.module-header .title {
            margin-top: 3.75rem
        }
    }

    .c-section.c-section--science-hero .module-header .title,
    .c-section.c-section--science-text .module-header .title,
    .c-section.c-section--science-team .module-header .title {
        max-width: 62.5rem
    }

    .c-section.c-section--science-hero .module-header .title+.ts-p,
    .c-section.c-section--science-text .module-header .title+.ts-p,
    .c-section.c-section--science-team .module-header .title+.ts-p {
        margin-top: 4.6875rem
    }

    .c-section.c-section--science-team .module-header .title {
        max-width: 56.25rem
    }

    .c-section--list-2 .module-header .title {
        margin-bottom: 8.75rem
    }

    @media (max-width: 799px) {
        .c-section--list-2 .module-header .title {
            margin-bottom: 3.125rem
        }
    }

    .c-lock-scroll-1 .module-header .title+.ts-p {
        margin-top: 1.25rem
    }

    @media (max-width: 799px) {
        .c-lock-scroll-2 .c-section-title .ts-indicator+.module-header .title {
            margin-top: 1.4375rem
        }
    }

    .c-dropdown-2-main .module-header .title+.ts-eyebrow {
        margin-top: 2.5rem
    }

    .c-carousel--5 .module-header .title {
        position: relative;
        margin-top: -.625rem
    }

    @media (max-width: 799px) {
        .c-module-header .module-header .title+.c-button {
            margin-top: 2.9375rem
        }
    }
}

.module-header .title--sm {
    color: var(--title-color);
    position: relative;
    z-index: 0
}

@media (max-width: 799px) {
    .module-header .title--sm br {
        display: none
    }
}

.module-header .title--sm>span {
    display: inline-block
}

.module-header .title--sm .line {
    display: inline-block;
    margin-right: .15em
}

.module-header .title--sm .title-line {
    padding: .06em .5em;
    margin: -.1em -.5em;
    overflow: hidden;
    display: block
}

.module-header .title--sm .line-inner,
.module-header .title--sm .title-line-inner {
    display: block;
    position: relative;
    white-space: nowrap;
    will-change: transform, opacity
}

.module-header .title--sm .title-span {
    --span-x: 1;
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.module-header .title--sm .title-span:before {
    background: var(--span-color);
    content: "";
    display: block;
    border-radius: 1em;
    height: 87%;
    height: calc(100% - .15em);
    width: calc(100% + .3em);
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -45%) scaleX(var(--span-x));
    transform-origin: left
}

.module-header .title--sm {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 2.625rem;
    line-height: 1.21429;
    letter-spacing: -.04em;
    z-index: 1;
    position: relative
}

@media (max-width: 799px) {
    .module-header .title--sm {
        font-size: 1.75rem;
        line-height: 1.2
    }
}

.ts .module-header .title--sm+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.ts .module-header .title--sm+.ts-p {
    margin-top: 1.4375rem
}

.c-cards .module-header .title--sm+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.c-cards .module-header .title--sm+.ts-p {
    margin-top: 1.4375rem
}

.c-cards .c-card-item-content-details+.module-header .title--sm {
    margin-top: .625rem
}

.c-cards-2--alt .module-header .title--sm+.ts-p {
    margin-top: 2.625rem;
    line-height: 1.3
}

.c-cards--5 .ts-eyebrow+.module-header .title--sm {
    margin-top: 1.25rem
}

.c-cta .module-header .title--sm+.ts-p {
    margin-top: 1.25rem
}

.c-lock-scroll-card-title .ts-indicator+.module-header .title--sm {
    margin-top: 3.125rem
}

@media (min-width: 800px) {
    .c-lock-scroll-card-title .ts-indicator+.module-header .title--sm {
        margin-top: 2.5rem
    }
}

@media (max-width: 999px) {
    .c-lock-scroll-card-title .module-header .title--sm {
        font-size: 2.25rem
    }
}

@media (max-width: 799px) {
    .c-lock-scroll-card-title .module-header .title--sm {
        font-size: 1.875rem
    }
}

.c-dropdown-1 .ts-indicator+.module-header .title--sm {
    margin-top: 1.25rem
}

.c-dropdown-1 .module-header .title--sm {
    max-width: 90%
}

.c-carousel--5 .c-carousel-item .module-header .title--sm {
    margin-top: -.3125rem
}

.module-form .module-header .title--sm+.ts-eyebrow {
    margin-top: 1.75rem
}

.module-header .title+.ts-p {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .module-header .title+.ts-p {
        margin-top: 1.875rem
    }
}

.module-header .title+.c-button,
.module-header .ts-p+.c-button {
    margin-top: 2.5rem
}

@media (max-width: 799px) {

    .module-header .title+.c-button,
    .module-header .ts-p+.c-button {
        margin-top: 2.5rem
    }
}

.module-header .c-rating+.c-button,
.module-header .c-rating-quote-container+.c-button {
    margin-top: 3.4375rem
}

@media (max-width: 799px) {

    .module-header .c-rating+.c-button,
    .module-header .c-rating-quote-container+.c-button {
        margin-top: 2.5rem
    }
}

.module-header .module-video {
    aspect-ratio: 16 / 9;
    align-self: center;
    position: relative;
    overflow: hidden;
    border-radius: 1.25rem
}

@media (max-width: 799px) {
    .module-header .module-video {
        margin-top: 6.875rem;
        align-self: unset
    }
}

.module-header .module-video .module-video-cta {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.module-header .module-video .module-video-cta:hover {
    cursor: pointer
}

.module-header .module-video .module-video-cta:hover .module-video-cta-button-icon {
    background-color: var(--cyan)
}

.module-header .module-video .module-video-cta img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.module-header .module-video .module-video-cta-button-icon {
    --icon-size: 3.5rem;
    --icon-bg: var(--blue-fantasy);
    --icon-color: var(--blue-fibonacci);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--icon-bg);
    color: var(--icon-color);
    width: var(--icon-size);
    height: var(--icon-size);
    border-radius: 50%;
    transition: background .3s linear;
    position: absolute;
    bottom: 1.875rem;
    right: 1.875rem
}

@media (max-width: 799px) {
    .module-header .module-video .module-video-cta-button-icon {
        --icon-size: 3.1875rem;
        bottom: 1.25rem;
        right: 1.25rem
    }
}

.module-header .module-image {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin-top: unset
}

.module-header .module-image img {
    aspect-ratio: unset;
    object-fit: contain;
    height: 100%;
    width: 100%
}

@media (max-width: 799px) {
    .module-header .module-image {
        position: relative;
        margin-top: 6.875rem;
        align-self: unset;
        height: auto
    }
}

.module-header .module-illustration {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin-top: unset
}

@media (max-width: 799px) {
    .module-header .module-illustration {
        position: relative;
        margin-top: 6.875rem;
        align-self: unset
    }

    .module-header .c-details {
        margin-top: 6.5625rem
    }
}

.module-cta-large .c-cta-inner {
    padding: 4rem 1.875rem
}

@media (min-width: 800px) {
    .module-cta-large .c-cta-inner {
        padding: 8rem 5.625rem
    }
}

@media (max-width: 799px) {
    .module-cta-large .c-cta-text {
        margin-bottom: 8rem
    }

    .module-cta-large .c-cta-buttons {
        margin: 0 auto;
        max-width: 10.25rem
    }
}

@media (min-width: 800px) {
    .module-cta-large--1 .c-cta-inner {
        gap: 9.75rem;
        justify-content: flex-start
    }

    .module-cta-large--1 .c-cta-text {
        width: 25.3125rem
    }
}

@media (max-width: 799px) {
    .module-cta-small .c-cta-inner {
        padding: 4rem 1.875rem
    }

    .module-cta-small .c-cta-text {
        margin-bottom: 9.75rem
    }

    .module-cta-small .c-cta-buttons {
        margin: 0 auto;
        max-width: 10.25rem
    }
}

.module-text-image .module-image img {
    border-radius: 1.25rem;
    max-height: 36.25rem;
    overflow: hidden
}

@media (max-width: 799px) {
    .module-text-image .module-image img {
        margin-bottom: 5.3125rem
    }
}

.module-text-image .module-illustration svg {
    width: 100%;
    height: 100%;
    object-fit: contain
}

@media (max-width: 799px) {
    .module-text-image .module-illustration svg {
        margin-bottom: 5.3125rem
    }

    .module-title-text-cta .c-section-title+.c-section-text {
        margin-top: 5rem
    }
}

.module-clients-carousel:not(.-disclaimer) {
    padding-bottom: var(--padding)
}

.module-clients-carousel .title {
    color: var(--title-color);
    position: relative;
    z-index: 0
}

@media (max-width: 799px) {
    .module-clients-carousel .title br {
        display: none
    }
}

.module-clients-carousel .title>span {
    display: inline-block
}

.module-clients-carousel .title .line {
    display: inline-block;
    margin-right: .15em
}

.module-clients-carousel .title .title-line {
    padding: .06em .5em;
    margin: -.1em -.5em;
    overflow: hidden;
    display: block
}

.module-clients-carousel .title .line-inner,
.module-clients-carousel .title .title-line-inner {
    display: block;
    position: relative;
    white-space: nowrap;
    will-change: transform, opacity
}

.module-clients-carousel .title .title-span {
    --span-x: 1;
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.module-clients-carousel .title .title-span:before {
    background: var(--span-color);
    content: "";
    display: block;
    border-radius: 1em;
    height: 87%;
    height: calc(100% - .15em);
    width: calc(100% + .3em);
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: -1;
    transform: translate(-50%, -45%) scaleX(var(--span-x));
    transform-origin: left
}

.module-clients-carousel .title {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 2.625rem;
    line-height: 1.21429;
    letter-spacing: -.04em;
    z-index: 1;
    position: relative
}

@media (max-width: 799px) {
    .module-clients-carousel .title {
        font-size: 1.75rem;
        line-height: 1.2
    }
}

.ts .module-clients-carousel .title+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.ts .module-clients-carousel .title+.ts-p {
    margin-top: 1.4375rem
}

.c-cards .module-clients-carousel .title+.ts-eyebrow {
    display: inline-block;
    margin-top: .8125rem
}

.c-cards .module-clients-carousel .title+.ts-p {
    margin-top: 1.4375rem
}

.c-cards .c-card-item-content-details+.module-clients-carousel .title {
    margin-top: .625rem
}

.c-cards-2--alt .module-clients-carousel .title+.ts-p {
    margin-top: 2.625rem;
    line-height: 1.3
}

.c-cards--5 .ts-eyebrow+.module-clients-carousel .title {
    margin-top: 1.25rem
}

.c-cta .module-clients-carousel .title+.ts-p {
    margin-top: 1.25rem
}

.c-lock-scroll-card-title .ts-indicator+.module-clients-carousel .title {
    margin-top: 3.125rem
}

@media (min-width: 800px) {
    .c-lock-scroll-card-title .ts-indicator+.module-clients-carousel .title {
        margin-top: 2.5rem
    }
}

@media (max-width: 999px) {
    .c-lock-scroll-card-title .module-clients-carousel .title {
        font-size: 2.25rem
    }
}

@media (max-width: 799px) {
    .c-lock-scroll-card-title .module-clients-carousel .title {
        font-size: 1.875rem
    }
}

.c-dropdown-1 .ts-indicator+.module-clients-carousel .title {
    margin-top: 1.25rem
}

.c-dropdown-1 .module-clients-carousel .title {
    max-width: 90%
}

.c-carousel--5 .c-carousel-item .module-clients-carousel .title {
    margin-top: -.3125rem
}

.module-form .module-clients-carousel .title+.ts-eyebrow {
    margin-top: 1.75rem
}

@media (max-width: 799px) {
    .module-clients-carousel .title {
        color: var(--title-color);
        position: relative;
        z-index: 0
    }

    @media (max-width: 799px) {
        .module-clients-carousel .title br {
            display: none
        }
    }

    .module-clients-carousel .title>span {
        display: inline-block
    }

    .module-clients-carousel .title .line {
        display: inline-block;
        margin-right: .15em
    }

    .module-clients-carousel .title .title-line {
        padding: .06em .5em;
        margin: -.1em -.5em;
        overflow: hidden;
        display: block
    }

    .module-clients-carousel .title .line-inner,
    .module-clients-carousel .title .title-line-inner {
        display: block;
        position: relative;
        white-space: nowrap;
        will-change: transform, opacity
    }

    .module-clients-carousel .title .title-span {
        --span-x: 1;
        display: inline-block;
        position: relative;
        white-space: nowrap
    }

    .module-clients-carousel .title .title-span:before {
        background: var(--span-color);
        content: "";
        display: block;
        border-radius: 1em;
        height: 87%;
        height: calc(100% - .15em);
        width: calc(100% + .3em);
        left: 50%;
        top: 50%;
        position: absolute;
        z-index: -1;
        transform: translate(-50%, -45%) scaleX(var(--span-x));
        transform-origin: left
    }

    .module-clients-carousel .title {
        font-family: var(--font-display);
        font-size: 3.375rem;
        font-weight: 500;
        letter-spacing: -.04em;
        line-height: 1.11111
    }

    .module-clients-carousel .title .title-line {
        padding: .06em 1em;
        margin: -.1em -1em
    }

    .module-clients-carousel .title .title-span:before {
        height: 100%;
        transform: translate(-50%, -50%) scaleX(var(--span-x))
    }

    @media (max-width: 799px) {
        .module-clients-carousel .title {
            font-size: 2.0625rem;
            line-height: 1.12121
        }
    }

    .ts .module-clients-carousel .title+.c-button {
        margin-top: 2.5rem
    }

    .ts .module-clients-carousel .title+.ts-eyebrow {
        margin-top: 1.5rem
    }

    @media (max-width: 799px) {
        .ts .module-clients-carousel .title+.ts-eyebrow {
            margin-top: 2.8125rem
        }
    }

    .ts .module-clients-carousel .title+.ts-p {
        margin-top: 2.125rem
    }

    @media (max-width: 799px) {
        .ts .module-clients-carousel .title+.ts-p {
            margin-top: 1.875rem
        }
    }

    .c-modal--form .c-modal-success .module-clients-carousel .title {
        margin-left: 0;
        max-width: 25.625rem
    }

    @media (max-width: 799px) {
        .c-modal--form .c-modal-success .module-clients-carousel .title {
            max-width: 16rem
        }
    }

    .c-modal--form .c-modal-success .module-clients-carousel .title+.ts-p {
        margin-top: 1.25rem
    }

    .c-modal--form .module-clients-carousel .title {
        max-width: 38.75rem;
        margin-left: auto;
        margin-right: auto
    }

    .c-cards .module-clients-carousel .title+.ts-eyebrow {
        margin-top: 1.5rem
    }

    @media (max-width: 799px) {
        .c-cards .module-clients-carousel .title+.ts-eyebrow {
            margin-top: 2.8125rem
        }
    }

    .c-section--form .module-clients-carousel .title {
        max-width: 38.75rem;
        margin-left: auto;
        margin-right: auto
    }

    @media (max-width: 799px) {
        .c-section--video-2 .c-section-title .module-clients-carousel .title {
            font-size: 1rem
        }
    }

    .c-section--title-text-center .module-clients-carousel .title {
        max-width: 46.75rem;
        margin-left: auto;
        margin-right: auto
    }

    @media (min-width: 800px) {
        .c-section--title-text-center-sm .module-clients-carousel .title+.ts-p {
            max-width: 29.375rem;
            margin-top: 2.5rem
        }
    }

    @media (max-width: 799px) {
        .c-section--hero .module-clients-carousel .title+.c-button {
            margin-top: 2.9375rem
        }
    }

    .c-dropdown-2-main .module-clients-carousel .title {
        max-width: 42.8125rem;
        margin-left: auto;
        margin-right: auto
    }

    .c-module-header--1 .c-breadcrumb+.module-clients-carousel .title {
        margin-top: 2.5rem
    }
}

.module-clients-carousel .title+.ts-p {
    margin-top: 2.8125rem
}

@media (max-width: 799px) {
    .module-clients-carousel .title+.ts-p {
        margin-top: 1.875rem
    }
}

.module-clients-carousel .title+.c-button,
.module-clients-carousel .ts-p+.c-button {
    margin-top: 2.5rem
}

@media (max-width: 799px) {

    .module-clients-carousel .title+.c-button,
    .module-clients-carousel .ts-p+.c-button {
        margin-top: 2.5rem
    }
}

.module-clients-carousel .c-rating+.c-button {
    margin-top: 3.4375rem
}

@media (max-width: 799px) {
    .module-clients-carousel .c-rating+.c-button {
        margin-top: 2.5rem
    }
}

.module-clients-carousel .c-carousel-control-next,
.module-clients-carousel .c-carousel-control-prev {
    background-color: var(--white)
}

.module-clients-carousel .c-carousel-slides {
    position: relative;
    margin-top: .1875rem
}

@media (max-width: 799px) {
    .module-clients-carousel .c-carousel-slides {
        margin-top: 6.875rem
    }
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide {
    opacity: 1;
    position: relative;
    pointer-events: none;
    height: 24.25rem;
    width: 16.875rem;
    background-color: var(--white);
    border-radius: 1.25rem;
    left: 0rem
}

@media (max-width: 799px) {
    .module-clients-carousel .c-carousel-slides .c-carousel-slide {
        height: 23.0625rem;
        width: 16rem
    }
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide:nth-child(2) {
    left: 18.125rem
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide:nth-child(3) {
    left: 36.25rem
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide:nth-child(4) {
    left: 54.375rem
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide:nth-child(5) {
    left: 72.5rem
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide:nth-child(6) {
    left: 90.625rem
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide:nth-child(7) {
    left: 108.75rem
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide:nth-child(8) {
    left: 126.875rem
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide.is-active {
    opacity: 1;
    pointer-events: all
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide.is-active+.c-carousel-slide {
    opacity: 1;
    pointer-events: all
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide.is-visible {
    opacity: 1;
    pointer-events: all
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide .c-client-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    width: 100%
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide .c-client-logo:hover .client-logo-hover {
    opacity: 1
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide .client-logo-static,
.module-clients-carousel .c-carousel-slides .c-carousel-slide .client-logo-hover {
    display: block;
    aspect-ratio: 1 / 1;
    transition: opacity .3s linear;
    width: 100%;
    height: 100%;
    padding: 3.4375rem
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide .client-logo-static img,
.module-clients-carousel .c-carousel-slides .c-carousel-slide .client-logo-hover img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    position: relative;
    top: unset;
    left: unset
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide .client-logo-static {
    -webkit-filter: grayscale(100%) brightness(60%) contrast(100%) invert(50%) sepia(10%) saturate(6356%) brightness(42%) contrast(105%) hue-rotate(201deg) saturate(54%);
    filter: grayscale(100%) brightness(60%) contrast(100%) invert(50%) sepia(10%) saturate(6356%) brightness(42%) contrast(105%) hue-rotate(201deg) saturate(54%)
}

.module-clients-carousel .c-carousel-slides .c-carousel-slide .client-logo-hover {
    position: absolute;
    opacity: 0
}

.module-triple-text-image-cta .module-image img {
    border-radius: 1.25rem;
    max-height: 36.25rem;
    overflow: hidden
}

@media (max-width: 799px) {
    .module-triple-text-image-cta .module-image img {
        margin-bottom: 5.3125rem
    }
}

.module-triple-text-image-cta .module-illustration svg {
    max-height: 36.25rem;
    width: 100%;
    height: 100%;
    object-fit: contain
}

@media (max-width: 799px) {
    .module-triple-text-image-cta .module-illustration svg {
        margin-bottom: 5.3125rem
    }
}

.module-triple-text-image-cta .c-science-bullet-text .ts-p+.c-button {
    margin-top: 1.75rem
}

@media (max-width: 799px) {
    .module-triple-text-image-cta .c-science-bullet+.c-science-bullet {
        margin-top: 8.75rem
    }

    .module-cta-title-text-illustration .module-illustration {
        margin: 0
    }
}

.module-cta-title-text-illustration .module-illustration svg {
    width: 100%;
    height: 100%;
    object-fit: contain
}

@media (max-width: 799px) {
    .module-cta-title-text-illustration .module-illustration svg {
        margin-bottom: 6.25rem
    }
}

.c-modal.is-visible.is-success .hbspt-form {
    display: none
}

.c-modal--form .hbspt-form {
    margin-top: 3.75rem
}

.c-cards .hbspt-form {
    margin-top: 7.3125rem
}

@media (max-width: 799px) {
    .c-cards .hbspt-form {
        margin-top: 4.375rem
    }
}

.c-section .hbspt-form {
    margin-top: 7.3125rem
}

@media (max-width: 799px) {
    .c-section .hbspt-form {
        margin-top: 4.375rem
    }
}

.hbspt-form.c-newsletter,
.c-section--newsletter .hbspt-form {
    --input-height: 4.75rem;
    --input-radius: 2.375rem
}

@media (max-width: 799px) {

    .hbspt-form.c-newsletter,
    .c-section--newsletter .hbspt-form {
        --input-height: 4.4375rem
    }
}

.hbspt-form.c-newsletter,
.c-section--newsletter .hbspt-form {
    color: var(--white);
    margin-top: 2.9375rem
}

.hbspt-form.c-newsletter .c-newsletter-input,
.c-section--newsletter .hbspt-form .c-newsletter-input {
    position: relative
}

@media (max-width: 799px) {

    .hbspt-form.c-newsletter .c-newsletter-input,
    .c-section--newsletter .hbspt-form .c-newsletter-input {
        margin: 0 -2.1875rem
    }
}

.hbspt-form.c-newsletter .c-form-input,
.hbspt-form.c-newsletter .hs-fieldtype-text input,
.c-section--newsletter .hbspt-form .c-form-input,
.c-section--newsletter .hbspt-form .hs-fieldtype-text input {
    padding: 0 1.875rem
}

.hbspt-form.c-newsletter .c-form-input:focus-within,
.hbspt-form.c-newsletter .hs-fieldtype-text input:focus-within,
.c-section--newsletter .hbspt-form .c-form-input:focus-within,
.c-section--newsletter .hbspt-form .hs-fieldtype-text input:focus-within {
    background-color: var(--white);
    color: var(--blue-mysterious)
}

.hbspt-form.c-newsletter input::placeholder,
.c-section--newsletter .hbspt-form input::placeholder {
    opacity: 1;
    color: var(--white)
}

.hbspt-form.c-newsletter input:-ms-input-placeholder,
.c-section--newsletter .hbspt-form input:-ms-input-placeholder {
    opacity: 1;
    color: var(--white)
}

.hbspt-form.c-newsletter input::-ms-input-placeholder,
.c-section--newsletter .hbspt-form input::-ms-input-placeholder {
    opacity: 1;
    color: var(--white)
}

.hbspt-form.c-newsletter .hs-fieldtype-booleancheckbox,
.c-section--newsletter .hbspt-form .hs-fieldtype-booleancheckbox {
    margin-top: 1.25rem
}

@media (max-width: 799px) {

    .hbspt-form.c-newsletter .hs-fieldtype-booleancheckbox,
    .c-section--newsletter .hbspt-form .hs-fieldtype-booleancheckbox {
        max-width: 15.9375rem;
        margin-left: auto;
        margin-right: auto
    }
}

.hbspt-form.c-newsletter .c-form-label,
.c-section--newsletter .hbspt-form .c-form-label {
    display: none
}

.hbspt-form.c-newsletter .c-button--round,
.c-section--newsletter .hbspt-form .c-button--round {
    --button-bg: var(--blue-patch);
    --button-bg-hover: var(--cyan);
    --button-hover-color: var(--blue-mysterious);
    position: absolute;
    right: .625rem;
    top: .625rem;
    transform: rotate(90deg)
}

.hbspt-form.c-newsletter .c-form-checkbox,
.c-section--newsletter .hbspt-form .c-form-checkbox {
    padding-top: .75rem
}

.hbspt-form.c-newsletter .c-form-checkbox+.form-message,
.c-section--newsletter .hbspt-form .c-form-checkbox+.form-message {
    margin-top: 1.875rem
}

.hbspt-form.c-newsletter .form-message,
.hbspt-form.c-newsletter .hs_error_rollup,
.hbspt-form.c-newsletter .submitted-message,
.hbspt-form.c-newsletter .hs-error-msg,
.c-section--newsletter .hbspt-form .form-message,
.c-section--newsletter .hbspt-form .hs_error_rollup,
.c-section--newsletter .hbspt-form .submitted-message,
.c-section--newsletter .hbspt-form .hs-error-msg {
    pointer-events: none;
    width: 100%;
    font-size: .8125rem;
    padding: 1.125rem 1.5625rem;
    border-radius: .375rem;
    margin-top: .9375rem;
    text-align: center;
    display: inline-block;
    color: var(--white);
    position: relative
}

.hbspt-form.c-newsletter .form-message.-error,
.hbspt-form.c-newsletter .form-message.-invalid,
.hbspt-form.c-newsletter .hs_error_rollup.-error,
.hbspt-form.c-newsletter .hs_error_rollup.-invalid,
.hbspt-form.c-newsletter .submitted-message.-error,
.hbspt-form.c-newsletter .submitted-message.-invalid,
.hbspt-form.c-newsletter .hs-error-msg.-error,
.hbspt-form.c-newsletter .hs-error-msg.-invalid,
.c-section--newsletter .hbspt-form .form-message.-error,
.c-section--newsletter .hbspt-form .form-message.-invalid,
.c-section--newsletter .hbspt-form .hs_error_rollup.-error,
.c-section--newsletter .hbspt-form .hs_error_rollup.-invalid,
.c-section--newsletter .hbspt-form .submitted-message.-error,
.c-section--newsletter .hbspt-form .submitted-message.-invalid,
.c-section--newsletter .hbspt-form .hs-error-msg.-error,
.c-section--newsletter .hbspt-form .hs-error-msg.-invalid {
    background-color: var(--red)
}

.hbspt-form.c-newsletter .form-message.-success,
.hbspt-form.c-newsletter .hs_error_rollup.-success,
.hbspt-form.c-newsletter .submitted-message.-success,
.hbspt-form.c-newsletter .hs-error-msg.-success,
.c-section--newsletter .hbspt-form .form-message.-success,
.c-section--newsletter .hbspt-form .hs_error_rollup.-success,
.c-section--newsletter .hbspt-form .submitted-message.-success,
.c-section--newsletter .hbspt-form .hs-error-msg.-success {
    background-color: var(--cyan);
    color: var(--blue-mysterious)
}

.c-newsletter.error .hbspt-form.c-newsletter .form-message.-success,
.c-newsletter.invalid .hbspt-form.c-newsletter .form-message.-success,
.c-newsletter.error .hbspt-form.c-newsletter .hs_error_rollup.-success,
.c-newsletter.invalid .hbspt-form.c-newsletter .hs_error_rollup.-success,
.c-newsletter.error .hbspt-form.c-newsletter .submitted-message.-success,
.c-newsletter.invalid .hbspt-form.c-newsletter .submitted-message.-success,
.c-newsletter.error .hbspt-form.c-newsletter .hs-error-msg.-success,
.c-newsletter.invalid .hbspt-form.c-newsletter .hs-error-msg.-success,
.c-newsletter.error .c-section--newsletter .hbspt-form .form-message.-success,
.c-newsletter.invalid .c-section--newsletter .hbspt-form .form-message.-success,
.c-newsletter.error .c-section--newsletter .hbspt-form .hs_error_rollup.-success,
.c-newsletter.invalid .c-section--newsletter .hbspt-form .hs_error_rollup.-success,
.c-newsletter.error .c-section--newsletter .hbspt-form .submitted-message.-success,
.c-newsletter.invalid .c-section--newsletter .hbspt-form .submitted-message.-success,
.c-newsletter.error .c-section--newsletter .hbspt-form .hs-error-msg.-success,
.c-newsletter.invalid .c-section--newsletter .hbspt-form .hs-error-msg.-success {
    display: block
}

.hbspt-form.c-newsletter .submitted-message,
.c-section--newsletter .hbspt-form .submitted-message {
    display: none
}

.hbspt-form.c-newsletter .hs-form-field>label,
.c-section--newsletter .hbspt-form .hs-form-field>label {
    position: absolute;
    top: 1.75rem;
    left: 0;
    transform: translate(1.875rem);
    transform-origin: left;
    opacity: 1;
    max-width: 93%
}

.hbspt-form.c-newsletter .hs-fieldtype-text.is-active>label,
.c-section--newsletter .hbspt-form .hs-fieldtype-text.is-active>label {
    display: block;
    transform: translate(1.875rem, -1.25rem) scale(.65);
    color: var(--form-input-label-color)
}

.hbspt-form {
    --input-height: 3.5rem;
    --input-radius: 1.75rem;
    --input-font-size: 1rem
}

@media (max-width: 799px) {
    .hbspt-form {
        --input-height: 3.1875rem;
        --input-radius: 2.5rem;
        --input-font-size: .875rem
    }
}

.hbspt-form .c-button {
    --button-bg-color: var(--form-button-bg-color);
    --button-bg-hover-color: var(--form-button-bg-hover-color);
    --button-border-color: var(--form-button-border-color);
    --button-text-color: var(--form-button-text-color);
    --button-text-hover-color: var(--form-button-text-hover-color)
}

.hbspt-form .grid+.grid {
    margin-top: 7.5rem
}

.hbspt-form form {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 1.25rem
}

@media (max-width: 999px) {
    .c-nav-menu-content .wrap>.hbspt-form form {
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 100%
    }
}

.c-form .hbspt-form form+.grid {
    margin-top: 7.5rem
}

@media (min-width: 800px) {
    .hbspt-form form {
        grid-template-columns: repeat(14, minmax(0, 1fr));
        column-gap: 3.75rem
    }
}

.hbspt-form fieldset,
.hbspt-form .hs-submit {
    max-width: unset !important;
    grid-column: span 10 / span 10;
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (min-width: 800px) {

    .hbspt-form fieldset,
    .hbspt-form .hs-submit {
        grid-column: span 12 / span 12;
        grid-column-start: 2;
        flex-direction: row
    }
}

.hbspt-form .hs-form-field {
    flex: 1 1 0%;
    width: 100% !important
}

.hbspt-form input[type=submit] {
    background: var(--form-button-bg-color);
    color: var(--form-button-text-color);
    width: 7.5rem;
    height: 3.5rem
}

html.lenis {
    height: auto
}

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

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

.lenis.lenis-stopped {
    overflow: hidden
}

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

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
    box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media (min-width: 480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base, 15px);
        padding: 20px;
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media (min-width: 768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large, 18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(-40px);
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
    background: #000c;
    background: var(--plyr-captions-background, #000c);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: #0000;
    border: 0;
    border-radius: 4px;
    border-radius: var(--plyr-control-radius, 4px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    fill: currentColor;
    display: block;
    height: 18px;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: 18px;
    width: var(--plyr-control-icon-size, 18px)
}

.plyr__control:focus {
    outline: 0
}

.plyr__control:focus-visible {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

a.plyr__control {
    text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: #ffffffe6;
    background: var(--plyr-menu-background, #ffffffe6);
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026);
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
    border: 4px solid #0000;
    border-top-color: #ffffffe6;
    border: var(--plyr-menu-arrow-size, 4px) solid #0000;
    border-top-color: var(--plyr-menu-background, #ffffffe6);
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: 4.66667px 10.5px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control:after {
    border: 4px solid #0000;
    border: var(--plyr-menu-item-arrow-size, 4px) solid #0000;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: 6.5px;
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: initial
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: 7px;
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: 3.5px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: 28px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
    position: relative;
    width: calc(100% - 14px);
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: 6.5px;
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px #fff;
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: 3.5px;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: initial
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: #0000001a;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: #00b2ff;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: #23282f1a
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 + 2px);
    overflow: hidden;
    padding-left: 24.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    background: #0000;
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: #00b2ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    display: block;
    height: 19px;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: #0000;
    background-image: linear-gradient(90deg, currentColor 0, #0000 0);
    background-image: linear-gradient(to right, currentColor var(--value, 0), #0000 var(--value, 0));
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: -4px;
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: #0000;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    color: #0000
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
    background: #0000;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: #0000;
    background: currentColor;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr__poster {
    background-color: #000;
    background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time:before {
    content: "\2044";
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px)
}

@media (max-width: 767px) {
    .plyr__time+.plyr__time {
        display: none
    }
}

.plyr__tooltip {
    background: #fff;
    background: var(--plyr-tooltip-background, #fff);
    border-radius: 5px;
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
    color: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 5px 7.5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip:before {
    border-left: 4px solid #0000;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-right: 4px solid #0000;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left: 16px;
    left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: 16px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
    transform: translate(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0) scale(1)
}

.plyr__progress {
    left: 6.5px;
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    overflow-wrap: break-word
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: #0000;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: -2.5px;
    margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: #0000
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, #23282f99 25%, #0000 0, #0000 50%, #23282f99 0, #23282f99 75%, #0000 0, #0000);
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, #23282f99) 25%, #0000 25%, #0000 50%, var(--plyr-progress-loading-background, #23282f99) 50%, var(--plyr-progress-loading-background, #23282f99) 75%, #0000 75%, #0000);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: #0000
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: #ffffff40;
    background-color: var(--plyr-video-progress-buffered-background, #ffffff40)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}

.plyr__progress__marker {
    background-color: #fff;
    background-color: var(--plyr-progress-marker-background, #fff);
    border-radius: 1px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    width: var(--plyr-progress-marker-width, 3px);
    z-index: 3
}

.plyr__volume {
    align-items: center;
    display: flex;
    position: relative
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: 5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    max-width: 90px;
    min-width: 60px;
    position: relative;
    z-index: 2
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--audio .plyr__progress__buffer {
    color: #c1c8d199;
    color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}

.plyr--video {
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    border-radius: inherit;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio: 16/9) {

    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
        height: 0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio .plyr,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: linear-gradient(#0000, #000000bf);
    background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: 5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: 20px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
}

@media (min-width: 480px) {
    .plyr--video .plyr__controls {
        padding: 10px;
        padding: var(--plyr-control-spacing, 10px);
        padding-top: 35px;
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--video .plyr__progress__buffer {
    color: #ffffff40;
    color: var(--plyr-video-progress-buffered-background, #ffffff40)
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads:after {
    background: #23282f;
    border-radius: 2px;
    bottom: 10px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads:empty:after {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: #fff;
    background-color: var(--plyr-tooltip-background, #fff);
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    transform: translateY(10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
    border-left: 4px solid #0000;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-right: 4px solid #0000;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    transform: translate(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: 7px;
    border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__image-container:after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px #00000026;
    content: "";
    pointer-events: none
}

.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none
}

.plyr__preview-thumb__time-container {
    background: linear-gradient(#0000, #000000bf);
    background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
    border-bottom-left-radius: 7px;
    border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    border-bottom-right-radius: 7px;
    border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.\!absolute {
    position: absolute !important
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.z-50 {
    z-index: 50
}

.col-span-1 {
    grid-column: span 1 / span 1
}

.col-span-10 {
    grid-column: span 10 / span 10
}

.col-span-12 {
    grid-column: span 12 / span 12
}

.col-span-14 {
    grid-column: span 14 / span 14
}

.col-span-3 {
    grid-column: span 3 / span 3
}

.col-span-4 {
    grid-column: span 4 / span 4
}

.col-span-7 {
    grid-column: span 7 / span 7
}

.col-span-8 {
    grid-column: span 8 / span 8
}

.col-span-9 {
    grid-column: span 9 / span 9
}

.col-start-2 {
    grid-column-start: 2
}

.col-start-3 {
    grid-column-start: 3
}

.col-start-6 {
    grid-column-start: 6
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.w-full {
    width: 100%
}

.max-w-none {
    max-width: none
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.shrink {
    flex-shrink: 1
}

.flex-grow,
.grow {
    flex-grow: 1
}

.border-collapse {
    border-collapse: collapse
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.resize {
    resize: both
}

.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

.flex-col {
    flex-direction: column
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-15 {
    gap: .9375rem
}

.gap-20 {
    gap: 1.25rem
}

.gap-8 {
    gap: .5rem
}

.gap-x-20 {
    column-gap: 1.25rem
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.border {
    border-width: 1px
}

.bg-red {
    background-color: var(--red)
}

.text-center {
    text-align: center
}

.capitalize {
    text-transform: capitalize
}

.opacity-25 {
    opacity: .25
}

.outline {
    outline-style: solid
}

.outline-dotted {
    outline-style: dotted
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

@media (min-width: 800px) {
    .md\:col-span-10 {
        grid-column: span 10 / span 10
    }

    .md\:col-span-12 {
        grid-column: span 12 / span 12
    }

    .md\:col-span-14 {
        grid-column: span 14 / span 14
    }

    .md\:col-span-3 {
        grid-column: span 3 / span 3
    }

    .md\:col-span-4 {
        grid-column: span 4 / span 4
    }

    .md\:col-span-5 {
        grid-column: span 5 / span 5
    }

    .md\:col-span-6 {
        grid-column: span 6 / span 6
    }

    .md\:col-span-7 {
        grid-column: span 7 / span 7
    }

    .md\:col-span-8 {
        grid-column: span 8 / span 8
    }

    .md\:col-start-1 {
        grid-column-start: 1
    }

    .md\:col-start-10 {
        grid-column-start: 10
    }

    .md\:col-start-11 {
        grid-column-start: 11
    }

    .md\:col-start-12 {
        grid-column-start: 12
    }

    .md\:col-start-2 {
        grid-column-start: 2
    }

    .md\:col-start-3 {
        grid-column-start: 3
    }

    .md\:col-start-4 {
        grid-column-start: 4
    }

    .md\:col-start-5 {
        grid-column-start: 5
    }

    .md\:col-start-6 {
        grid-column-start: 6
    }

    .md\:col-start-7 {
        grid-column-start: 7
    }

    .md\:col-start-8 {
        grid-column-start: 8
    }

    .md\:col-start-9 {
        grid-column-start: 9
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:grid-cols-14 {
        grid-template-columns: repeat(14, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:gap-15 {
        gap: .9375rem
    }

    .md\:gap-60 {
        gap: 3.75rem
    }

    .md\:gap-x-60 {
        column-gap: 3.75rem
    }

    .md\:text-right {
        text-align: right
    }
}

@media (min-width: 1000px) {
    .lg\:col-span-10 {
        grid-column: span 10 / span 10
    }

    .lg\:col-span-12 {
        grid-column: span 12 / span 12
    }

    .lg\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3 / span 3
    }

    .lg\:col-span-4 {
        grid-column: span 4 / span 4
    }

    .lg\:col-span-5 {
        grid-column: span 5 / span 5
    }

    .lg\:col-span-6 {
        grid-column: span 6 / span 6
    }

    .lg\:col-span-7 {
        grid-column: span 7 / span 7
    }

    .lg\:col-span-8 {
        grid-column: span 8 / span 8
    }

    .lg\:col-start-10 {
        grid-column-start: 10
    }

    .lg\:col-start-13 {
        grid-column-start: 13
    }

    .lg\:col-start-2 {
        grid-column-start: 2
    }

    .lg\:col-start-3 {
        grid-column-start: 3
    }

    .lg\:col-start-4 {
        grid-column-start: 4
    }

    .lg\:col-start-6 {
        grid-column-start: 6
    }

    .lg\:col-start-7 {
        grid-column-start: 7
    }

    .lg\:col-start-8 {
        grid-column-start: 8
    }

    .lg\:col-start-9 {
        grid-column-start: 9
    }

    .lg\:grid-cols-14 {
        grid-template-columns: repeat(14, minmax(0, 1fr))
    }

    .lg\:gap-x-60 {
        column-gap: 3.75rem
    }
}

@media (max-width: 799px) {
    .mobile\:order-1 {
        order: 1
    }

    .mobile\:order-2 {
        order: 2
    }

    .mobile\:mt-80 {
        margin-top: 5rem
    }

    .mobile\:hidden {
        display: none
    }

    .mobile\:gap-y-110 {
        row-gap: 6.875rem
    }

    .mobile\:text-center {
        text-align: center
    }
}

.js-design-toggle {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5000;
    pointer-events: none;
    outline: dotted 1px white
}

.js-design-toggle img {
    width: 100%;
    max-width: none;
    height: auto
}

@media (max-width: 799px) {
    .js-design-toggle {
        display: block
    }

    .js-design-toggle .col-span-1:not(:nth-child(8n + 1)) {
        display: none
    }
}

[data-carousel],
[data-carousel-item] {
    display: flex;
    flex-wrap: nowrap
}

[data-carousel] [data-carousel-item] {
    flex: 0 0 auto
}

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

    to {
        transform: rotate(1turn)
    }
}

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

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

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

.splide--rtl {
    direction: rtl
}

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

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

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

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

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

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

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

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

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

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

.splide__slide img {
    vertical-align: bottom
}

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

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

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

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

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

.scrollbar {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
    opacity: 0
}

@media (max-width: 799px) {
    .scrollbar {
        display: none
    }
}

.scrollbar-inner {
    height: 100%;
    position: relative;
    transform-origin: right
}

.scrollbar-thumb {
    min-height: 5rem;
    width: .875rem;
    position: absolute;
    right: 0;
    cursor: grab
}

.scrollbar-thumb:hover .scrollbar-thumb-inner {
    opacity: 1
}

.scrollbar-thumb-inner {
    height: 100%;
    width: .3125rem;
    background-color: var(--blue-veteran);
    position: absolute;
    right: 2px;
    border-radius: .15625rem;
    cursor: grab;
    transition: opacity .3s linear;
    opacity: .35
}