@charset "UTF-8";
:root {
    --okd-header-inline-height: 80px;
    --okd-vh: 100dvh;
    --okd-body-background-color: var(--okd--preset--color--neutral-90);
    --okd-body-text-color: var(--okd--preset--color--neutral-05);
    --okd-selection-background: var(--okd--preset--color--hypergreen);
    --okd-selection-color: var(--okd--preset--color--neutral-110);
    --okd-page-transition-bg: var(--okd--preset--color--neutral-90);
    --okd-block-border-line-color: var(--okd--preset--color--neutral-50);
    --okd-block-max-width: 2108px;
    --okd-block-max-width-narrow: 928px;
    --okd-block-padding-inline: 40px;
    --okd-line-gutter: var(--okd--preset--spacing--16);
    --okd-line-color: var(--okd--preset--color--neutral-50);
    --okd-line-width: 0.5px;
    --okd-block-theme-bg-neutral-110: var(--okd--preset--color--neutral-110);
    --okd-block-theme-bg-neutral-100: var(--okd--preset--color--neutral-100);
    --okd-block-theme-bg-neutral-10: var(--okd--preset--color--neutral-10);
    --okd-block-theme-heading-on-dark: var(--okd--preset--color--neutral-05);
    --okd-block-theme-body-muted-on-dark: var(--okd--preset--color--neutral-30);
    --okd-block-theme-heading-on-light: var(--okd--preset--color--neutral-90);
    --okd-block-theme-body-on-light: var(--okd--preset--color--neutral-70);
    --okd-block-theme-line-on-dark: var(--okd--preset--color--neutral-50)
}

@media (min-width:1025px) {
    :root {
        --okd-header-inline-height: 90px
    }
}

@media (min-width:1025px) {
    :root {
        --okd-block-padding-inline: var(--okd--preset--spacing--48);
        --okd-line-gutter: var(--okd--preset--spacing--24)
    }
}

body:not(.okd-frontend) {
    --okd-header-inline-height: 0px !important
}

section.hero-fs-headline {
    --hero-fsh-spacer: 25vh;
    --hero-fsh-line: var(--okd-block-theme-line-on-dark);
    --hero-fsh-line-dot-opacity: 0;
    --hero-fsh-line-dot-scale: 0;
    --hero-fsh-heading: var(--okd--preset--color--neutral-05);
    --hero-fsh-body: var(--okd--preset--color--neutral-05);
    --hero-fsh-placeholder: var(--okd--preset--color--neutral-40);
    display: flex;
    flex-direction: column;
    margin-top: 0;
    min-height: 100svh;
    overflow: hidden;
    padding-top: var(--okd-header-inline-height);
    position: relative
}

section.hero-fs-headline.is-preview {
    min-height: auto
}

section.hero-fs-headline.is-preview .hero-fs-headline__shell {
    --hero-fsh-line-dot-opacity: 1;
    --hero-fsh-line-dot-scale: 1;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 520px
}

section.hero-fs-headline.is-preview .hero-fs-headline__main {
    flex: 1 1 auto;
    min-height: 200px
}

section.hero-fs-headline.is-preview .hero-fs-headline__spacer {
    flex: 0 0 auto;
    min-height: 120px
}

section.hero-fs-headline.is-preview .hero-fs-headline__title,
section.hero-fs-headline.is-preview .hero-fs-headline__logos {
    opacity: 1;
    transition: none
}

section.hero-fs-headline.is-preview .hero-fs-headline__title-rule,
section.hero-fs-headline.is-preview .hero-fs-headline__spacer-line {
    transform: scaleY(1);
    transition: none
}

section.hero-fs-headline.is-preview .hero-fs-headline__main-line-bar {
    transform: scaleX(1);
    transition: none
}

section.hero-fs-headline.is-preview .hero-fs-headline__logos-bar::before {
    transform: scaleX(1);
    transition: none
}

section.hero-fs-headline.is-preview .hero-fs-headline__bg .hero-fs-headline__media-el,
section.hero-fs-headline.is-preview .hero-fs-headline__bg .hero-fs-headline__placeholder {
    opacity: 1;
    transition: none
}

section.hero-fs-headline.-theme-neutral-110 {
    --block-background-color: var(--okd-block-theme-bg-neutral-110)
}

section.hero-fs-headline.-theme-neutral-100 {
    --block-background-color: var(--okd-block-theme-bg-neutral-100)
}

section.hero-fs-headline.-theme-neutral-10 {
    --block-background-color: var(--okd-block-theme-bg-neutral-10);
    --hero-fsh-line: var(--okd--preset--color--neutral-40);
    --hero-fsh-heading: var(--okd-block-theme-heading-on-light);
    --hero-fsh-body: var(--okd-block-theme-body-on-light);
    --hero-fsh-placeholder: var(--okd--preset--color--neutral-60)
}

section.hero-fs-headline .okd-block-container-lines {
    --line-color: var(--hero-fsh-line);
    z-index: 3
}

section.hero-fs-headline .hero-fs-headline__bg {
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0
}

section.hero-fs-headline .hero-fs-headline__bg .okd-c-media,
section.hero-fs-headline .hero-fs-headline__bg .hero-fs-headline__media-el,
section.hero-fs-headline .hero-fs-headline__bg .hero-fs-headline__placeholder,
section.hero-fs-headline .hero-fs-headline__bg picture {
    display: block;
    height: 100%;
    width: 100%
}

section.hero-fs-headline .hero-fs-headline__bg .hero-fs-headline__media-el,
section.hero-fs-headline .hero-fs-headline__bg .hero-fs-headline__placeholder {
    opacity: 0;
    transition: opacity 0.75s ease
}

section.hero-fs-headline .hero-fs-headline__bg.is-hero-fsh-media-ready .hero-fs-headline__media-el,
section.hero-fs-headline .hero-fs-headline__bg.is-hero-fsh-media-ready .hero-fs-headline__placeholder {
    opacity: 1
}

section.hero-fs-headline .hero-fs-headline__bg .hero-fs-headline__placeholder {
    color: var(--hero-fsh-placeholder)
}

section.hero-fs-headline .hero-fs-headline__shell {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) var(--hero-fsh-spacer) auto;
    height: calc(100svh - var(--okd-header-inline-height));
    justify-items: center;
    margin-inline: auto;
    max-width: var(--okd-block-max-width);
    min-height: 0;
    padding-inline: var(--okd-line-gutter);
    position: relative;
    width: 100%;
    z-index: 1
}

section.hero-fs-headline .hero-fs-headline__shell.is-hero-fsh-lines-entered {
    --hero-fsh-line-dot-opacity: 1;
    --hero-fsh-line-dot-scale: 1
}

section.hero-fs-headline .hero-fs-headline__shell.is-hero-fsh-lines-entered .hero-fs-headline__title-rule,
section.hero-fs-headline .hero-fs-headline__shell.is-hero-fsh-lines-entered .hero-fs-headline__spacer-line {
    transform: scaleY(1)
}

section.hero-fs-headline .hero-fs-headline__shell.is-hero-fsh-lines-entered .hero-fs-headline__main-line-bar {
    transform: scaleX(1)
}

section.hero-fs-headline .hero-fs-headline__shell.is-hero-fsh-lines-entered .hero-fs-headline__logos-bar::before {
    transform: scaleX(1)
}

section.hero-fs-headline .hero-fs-headline__shell.is-hero-fsh-lines-entered .hero-fs-headline__title:not(.is-hero-fsh-title-split) {
    opacity: 1
}

section.hero-fs-headline .hero-fs-headline__shell.is-hero-fsh-lines-entered .hero-fs-headline__logos {
    opacity: 1
}

section.hero-fs-headline .hero-fs-headline__main {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    max-width: var(--okd-block-max-width);
    min-height: 0;
    min-width: 0;
    width: 100%;
    z-index: 2
}

section.hero-fs-headline .hero-fs-headline__main-inner {
    align-items: stretch;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%
}

section.hero-fs-headline .hero-fs-headline__main-line {
    align-self: stretch;
    flex: 0 0 auto;
    pointer-events: none;
    position: relative;
    z-index: 2
}

section.hero-fs-headline .hero-fs-headline__main-line--h {
    height: var(--okd-line-width);
    width: 100%
}

section.hero-fs-headline .hero-fs-headline__main-line--h::before,
section.hero-fs-headline .hero-fs-headline__main-line--h::after {
    --circle-background-color: var(--okd-line-color);
    --circle-size: 8px;
    background-color: var(--circle-background-color);
    -webkit-clip-path: circle(50%);
    clip-path: circle(50%);
    display: block;
    height: var(--circle-size);
    pointer-events: none;
    position: absolute;
    width: var(--circle-size);
    z-index: 10;
    --circle-background-color: var(--hero-fsh-line);
    content: "";
    opacity: var(--hero-fsh-line-dot-opacity);
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(var(--hero-fsh-line-dot-scale));
    transition: opacity 0.42s ease, transform 0.8s ease;
    transition-delay: 1.08s
}

section.hero-fs-headline .hero-fs-headline__main-line--h::before {
    left: 0
}

section.hero-fs-headline .hero-fs-headline__main-line--h::after {
    left: auto;
    right: 0;
    transform: translate3d(50%, -50%, 0) scale(var(--hero-fsh-line-dot-scale))
}

section.hero-fs-headline .hero-fs-headline__main-line-bar {
    background-color: var(--hero-fsh-line);
    display: block;
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    top: 0;
    transform: scaleX(0);
    transform-origin: center center;
    transition: transform 0.8s ease;
    transition-delay: 0.58s;
    width: 100%;
    will-change: transform;
    z-index: 0
}

section.hero-fs-headline .hero-fs-headline__main-spacer {
    min-height: 0;
    pointer-events: none
}

section.hero-fs-headline .hero-fs-headline__title-wrap {
    align-self: start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    max-width: 100%;
    min-width: 0;
    padding-bottom: calc(var(--okd-line-width) + var(--okd--preset--spacing--24));
    padding-left: calc(var(--okd-line-width) + var(--okd--preset--spacing--24));
    position: relative;
    text-align: left
}

section.hero-fs-headline .hero-fs-headline__title-rule {
    background-color: var(--hero-fsh-line);
    bottom: 0;
    left: 0;
    opacity: .9;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scaleY(0);
    transform-origin: top center;
    transition: transform 0.8s ease;
    transition-delay: 0.35s;
    width: var(--okd-line-width);
    will-change: transform
}

section.hero-fs-headline .hero-fs-headline__title-rule::after {
    --circle-background-color: var(--okd-line-color);
    --circle-size: 8px;
    background-color: var(--circle-background-color);
    -webkit-clip-path: circle(50%);
    clip-path: circle(50%);
    display: block;
    height: var(--circle-size);
    pointer-events: none;
    position: absolute;
    width: var(--circle-size);
    z-index: 10;
    --circle-background-color: var(--hero-fsh-line);
    bottom: 0;
    content: "";
    left: 50%;
    opacity: var(--hero-fsh-line-dot-opacity);
    position: absolute;
    transform: translate3d(-50%, 50%, 0) scale(var(--hero-fsh-line-dot-scale));
    transition: opacity 0.42s ease, transform 0.8s ease;
    transition-delay: 1.08s
}

section.hero-fs-headline .hero-fs-headline__title {
    font-size: clamp(41px, calc(41px + 28 * ((100vw - 800px) / (1440 - 800))), 69px);
    line-height: 1;
    color: var(--hero-fsh-heading);
    font-weight: 400;
    letter-spacing: -.01em;
    margin: 0;
    max-width: none;
    min-width: 0;
    opacity: 0;
    text-align: left;
    text-wrap: pretty;
    transition: opacity 0.65s ease;
    transition-delay: 0.5s
}

section.hero-fs-headline .hero-fs-headline__title.is-hero-fsh-title-split {
    opacity: 1;
    transition: none
}

section.hero-fs-headline .hero-fs-headline__title.is-hero-fsh-title-split .hero-fsh-headline__line {
    display: block
}

section.hero-fs-headline .hero-fs-headline__title.is-hero-fsh-title-split [class*=-mask] {
    clip-path: inset(-.1em);
    overflow: unset !important
}

section.hero-fs-headline .hero-fs-headline__title.is-hero-fsh-title-scroll-ready {
    transition: none
}

section.hero-fs-headline .hero-fs-headline__spacer {
    align-self: stretch;
    justify-self: stretch;
    min-height: 0;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: 2
}

section.hero-fs-headline .hero-fs-headline__spacer-lines {
    inset: 0;
    position: absolute
}

section.hero-fs-headline .hero-fs-headline__spacer-line {
    background-color: var(--hero-fsh-line);
    bottom: 0;
    opacity: .9;
    position: absolute;
    top: 0;
    transform: scaleY(0);
    transform-origin: top center;
    transition: transform 0.8s ease;
    transition-delay: 0.35s;
    width: var(--okd-line-width);
    will-change: transform
}

section.hero-fs-headline .hero-fs-headline__spacer-line--b {
    transition-delay: 0.45s
}

section.hero-fs-headline .hero-fs-headline__spacer-line::before,
section.hero-fs-headline .hero-fs-headline__spacer-line::after {
    --circle-background-color: var(--okd-line-color);
    --circle-size: 8px;
    background-color: var(--circle-background-color);
    -webkit-clip-path: circle(50%);
    clip-path: circle(50%);
    display: block;
    height: var(--circle-size);
    pointer-events: none;
    position: absolute;
    width: var(--circle-size);
    z-index: 10;
    --circle-background-color: var(--hero-fsh-line);
    content: "";
    left: 50%;
    opacity: var(--hero-fsh-line-dot-opacity);
    position: absolute;
    transform: translate3d(-50%, 0, 0) scale(var(--hero-fsh-line-dot-scale));
    transition: opacity 0.42s ease, transform 0.8s ease;
    transition-delay: 1.08s
}

section.hero-fs-headline .hero-fs-headline__spacer-line::before {
    top: 0;
    transform: translate3d(-50%, -50%, 0) scale(var(--hero-fsh-line-dot-scale))
}

section.hero-fs-headline .hero-fs-headline__spacer-line::after {
    bottom: 0;
    transform: translate3d(-50%, 50%, 0) scale(var(--hero-fsh-line-dot-scale))
}

section.hero-fs-headline .hero-fs-headline__spacer-line--a {
    left: 16.6666666667%
}

section.hero-fs-headline .hero-fs-headline__spacer-line--b {
    left: 50%
}

@media (min-width:769px) and (max-width:1280px) {
    section.hero-fs-headline .hero-fs-headline__spacer-line--a {
        left: 33.3333333333%
    }
}

@media (max-width:768px) {
    section.hero-fs-headline .hero-fs-headline__spacer-line--a {
        left: 25%
    }
}

section.hero-fs-headline .hero-fs-headline__logos {
    align-self: stretch;
    margin-inline: auto;
    max-width: var(--okd-block-max-width);
    opacity: 0;
    position: relative;
    transition: opacity 0.65s ease;
    transition-delay: 0.82s;
    width: 100%;
    z-index: 2
}

section.hero-fs-headline .hero-fs-headline__logos::before,
section.hero-fs-headline .hero-fs-headline__logos::after {
    --circle-background-color: var(--okd-line-color);
    --circle-size: 8px;
    background-color: var(--circle-background-color);
    -webkit-clip-path: circle(50%);
    clip-path: circle(50%);
    display: block;
    height: var(--circle-size);
    pointer-events: none;
    position: absolute;
    width: var(--circle-size);
    z-index: 10;
    --circle-background-color: var(--hero-fsh-line);
    content: ""
}

section.hero-fs-headline .hero-fs-headline__logos::before {
    left: 0;
    top: 0;
    transform: translate(-50%, -50%)
}

section.hero-fs-headline .hero-fs-headline__logos::after {
    right: 0;
    top: 0;
    transform: translate(50%, -50%)
}

section.hero-fs-headline .hero-fs-headline__logos-bar {
    align-items: stretch;
    border-top: 0;
    display: flex;
    margin-inline: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

section.hero-fs-headline .hero-fs-headline__logos-bar::before {
    background-color: var(--hero-fsh-line);
    content: "";
    height: var(--okd-line-width);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.8s ease;
    transition-delay: 0.58s;
    will-change: transform
}

section.hero-fs-headline .hero-fs-headline__logos-label {
    align-items: center;
    border-right: var(--okd-line-width) solid var(--hero-fsh-line);
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-start;
    overflow: hidden;
    min-width: 0;
    padding: var(--okd--preset--spacing--24) var(--okd--preset--spacing--8) var(--okd--preset--spacing--24) var(--okd--preset--spacing--16);
    text-align: center
}

section.hero-fs-headline .hero-fs-headline__logos-label-text {
    font-size: clamp(12px, calc(12px + 4 * ((100vw - 800px) / (1440 - 800))), 16px);
    line-height: 1.5;
    color: var(--hero-fsh-body);
    letter-spacing: .01em;
    margin: 0;
    text-align: left;
    text-wrap: balance;
    white-space: nowrap
}

@media (min-width:769px) and (max-width:1280px) {
    section.hero-fs-headline .hero-fs-headline__logos-label {
        flex: 0 0 33.3333333333%
    }
}

@media (min-width:1281px) {
    section.hero-fs-headline .hero-fs-headline__logos-label {
        flex: 0 0 16.6666666667%
    }
}

section.hero-fs-headline .hero-fs-headline__logos-rail {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    min-width: 0
}

section.hero-fs-headline .hero-fs-headline__logos-marquee {
    min-width: 0
}

section.hero-fs-headline .hero-fs-headline__logos-marquee .okd-marquee-advanced__collection {
    gap: 36px
}

section.hero-fs-headline .hero-fs-headline__logos-marquee:not(.is-marquee-static) .okd-marquee-advanced__collection {
    padding-inline-end: 36px
}

section.hero-fs-headline .hero-fs-headline__logos-marquee.is-marquee-static .okd-marquee-advanced__collection {
    align-items: center
}

section.hero-fs-headline .hero-fs-headline__logos-item {
    padding-inline: 0
}

section.hero-fs-headline .hero-fs-headline__logos-img {
    display: block;
    height: auto;
    max-height: 36px;
    max-width: 133px;
    object-fit: contain;
    width: auto
}

@media (max-width:1024px) {
    section.hero-fs-headline {
        --hero-fsh-spacer: 22vh
    }
    section.hero-fs-headline .hero-fs-headline__shell {
        grid-template-rows: minmax(0, 1fr) var(--hero-fsh-spacer) auto
    }
    section.hero-fs-headline .hero-fs-headline__main-spacer {
        display: none
    }
    section.hero-fs-headline .hero-fs-headline__main-title {
        grid-column: 1/-1
    }
    section.hero-fs-headline .hero-fs-headline__title-rule {
        display: none
    }
    section.hero-fs-headline .hero-fs-headline__spacer-line--b {
        display: none
    }
    section.hero-fs-headline .hero-fs-headline__logos-label {
        flex: 0 0 auto;
        max-width: 38%
    }
    section.hero-fs-headline .hero-fs-headline__logos-marquee.is-marquee-static {
        padding-inline-start: var(--okd--preset--spacing--24)
    }
}

@media (max-width:768px) {
    section.hero-fs-headline .hero-fs-headline__logos-label {
        flex: 0 0 25%;
        max-width: none
    }
}

@media (min-width:1025px) {
    section.hero-fs-headline .hero-fs-headline__logos-marquee .okd-marquee-advanced__collection {
        gap: 60px
    }
    section.hero-fs-headline .hero-fs-headline__logos-marquee:not(.is-marquee-static) .okd-marquee-advanced__collection {
        padding-inline-end: 60px
    }
    section.hero-fs-headline .hero-fs-headline__logos-marquee.is-marquee-static {
        padding-left: var(--okd--preset--spacing--24)
    }
    section.hero-fs-headline .hero-fs-headline__logos-img {
        max-height: 48px;
        max-width: 148px
    }
    section.hero-fs-headline .hero-fs-headline__logos-label {
        padding: 32px var(--okd--preset--spacing--24)
    }
}

@media (prefers-reduced-motion:reduce) {
    section.hero-fs-headline .hero-fs-headline__shell {
        --hero-fsh-line-dot-opacity: 1;
        --hero-fsh-line-dot-scale: 1
    }
    section.hero-fs-headline .hero-fs-headline__title,
    section.hero-fs-headline .hero-fs-headline__logos {
        opacity: 1;
        transition: none
    }
    section.hero-fs-headline .hero-fs-headline__title-rule,
    section.hero-fs-headline .hero-fs-headline__spacer-line {
        transform: scaleY(1);
        transition-duration: 0.01ms;
        transition-delay: 0s
    }
    section.hero-fs-headline .hero-fs-headline__logos-bar::before {
        transform: scaleX(1);
        transition-duration: 0.01ms;
        transition-delay: 0s
    }
    section.hero-fs-headline .hero-fs-headline__main-line--h::before,
    section.hero-fs-headline .hero-fs-headline__main-line--h::after {
        transition-duration: 0.01ms;
        transition-delay: 0s
    }
    section.hero-fs-headline .hero-fs-headline__main-line-bar {
        transform: scaleX(1);
        transition-duration: 0.01ms;
        transition-delay: 0s
    }
    section.hero-fs-headline .hero-fs-headline__title-rule::after,
    section.hero-fs-headline .hero-fs-headline__spacer-line::before,
    section.hero-fs-headline .hero-fs-headline__spacer-line::after {
        transition-duration: 0.01ms;
        transition-delay: 0s
    }
    section.hero-fs-headline .hero-fs-headline__bg .hero-fs-headline__media-el,
    section.hero-fs-headline .hero-fs-headline__bg .hero-fs-headline__placeholder {
        opacity: 1;
        transition: none
    }
}