        @font-face {
            font-family: 'fontPrimary';
            src: url('/assets_next/static/media/59cd631ad8981a60-s.p.woff2') format('woff2'),
            url('/assets_next/static/media/b774e7b62f9109dd-s.p.woff2') format('woff2');
            font-weight: 500;
            font-style: normal;
            font-display: swap;
        }
@font-face {
    font-family: fontPrimary Fallback;
    src: local("Arial");
    ascent-override: 111.53%;
    descent-override: 52.82%;
    line-gap-override: 0.00%;
    size-adjust: 105.26%
}

.__className_49e314 {
    font-family: fontPrimary, fontPrimary Fallback
}

.__variable_49e314 {
    --font-primary: "fontPrimary", "fontPrimary Fallback"
}

.styles_staggerItem__Qji9n {
    transition: transform .8s cubic-bezier(.77, 0, .18, 1), opacity .8s cubic-bezier(.77, 0, .18, 1);
    opacity: 0;
    transform: translateY(2rem)
}

.styles_staggerActive__ibwuU {
    opacity: 1;
    transition-delay: var(--d);
    transform: translateY(0)
}

.styles_menu__Hm8IV {
    transition: clip-path .5s cubic-bezier(.77, 0, .18, 1);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    pointer-events: none
}

.styles_menuActive__ZAXXO {
    transition-duration: .8s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    pointer-events: all
}

.styles_thumbnail__ymwbh {
    display: none
}

.styles_thumbnail__ymwbh img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.styles_opener__9NuEq:hover .styles_openerLineBottom__gt4fO:after,
.styles_opener__9NuEq:hover .styles_openerLineBottom__gt4fO:before,
.styles_opener__9NuEq:hover .styles_openerLineTop__J1j_G:after,
.styles_opener__9NuEq:hover .styles_openerLineTop__J1j_G:before {
    transform: translateX(100%) translateX(2.4rem)
}

.styles_openerLineBottom__gt4fO,
.styles_openerLineTop__J1j_G {
    display: flex;
    overflow: hidden
}

.styles_openerLineBottom__gt4fO:after,
.styles_openerLineBottom__gt4fO:before,
.styles_openerLineTop__J1j_G:after,
.styles_openerLineTop__J1j_G:before {
    transition: transform .5s cubic-bezier(.77, 0, .18, 1);
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    background: currentColor;
    flex-shrink: 0;
    top: 0
}

.styles_openerLineBottom__gt4fO:before,
.styles_openerLineTop__J1j_G:before {
    right: 100%;
    margin-right: 2.4rem
}

.styles_openerLineTop__J1j_G:after,
.styles_openerLineTop__J1j_G:before {
    transition-delay: .15s
}

@media (min-width:1280px) {
    .styles_thumbnail__ymwbh {
        display: block;
        position: absolute;
        bottom: 2rem;
        left: 2rem;
        width: 34rem;
        height: auto;
        aspect-ratio: 862/484;
        pointer-events: none
    }
}

.styles_transitionOverlay__mCGud:before {
    content: "";
    position: absolute;
    background: #2c2d32;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: calc(var(--progress, 0)*.5)
}

.-rotate-45,
.-translate-x-1\/2,
.-translate-y-2,
.\!scale-80,
.laptop\:group-hover\:-translate-y-\[7\.2rem\],
.rotate-45,
.rotate-90,
.scale-0,
.scale-100,
.scale-\[1\.002\],
.scale-\[1\.05\],
.scale-\[1\],
.scale-x-0,
.transform,
.translate-y-0,
.translate-y-10,
.translate-y-2 {
    --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
}

.blur,
.filter {
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow:
}

.backdrop-blur-sm {
    --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:
}

/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid
}

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

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    /*font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;*/
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

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

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

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

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    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;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([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
}

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #E8E9F5
}

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

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

:disabled {
    cursor: default
}

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

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

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

html {
    font-size: 10px;
    margin-top: 0 !important;
    -webkit-text-size-adjust: 100%
}

body,
html {
    width: 100%;
    min-height: 100%;
    overscroll-behavior-y: none
}

body {
    line-height: 1.2;
    font-size: 1.5rem;
    font-family: var(--font-primary);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    background: #ffffff;
    color: #2C2D32;
    font-kerning: none
}

* {
    -webkit-tap-highlight-color: transparent
}

div[style="width: 0; height: 0;"] {
    position: fixed;
    z-index: -9999
}

.is-loading,
.is-rendering.is-changing {
    pointer-events: none !important
}

.is-loading [data-animation],
.is-rendering.is-changing [data-animation] {
    opacity: 0
}

.is-loaded [data-component^=lazyload] {
    transition: opacity .55s cubic-bezier(.68, -.55, .27, 1.55);
    opacity: 0
}

.is-loaded [data-component^=lazyload].loaded {
    opacity: 1
}

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

[style^="--aspect"] {
    aspect-ratio: var(--aspect)
}

main[tabindex="-1"] {
    outline: none
}

[data-component=page-overlay] {
    position: fixed;
    z-index: 1000;
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0
}

button:focus {
    outline: none
}

p {
    margin-bottom: 1.25em
}

.h1,
h1 {
    font-size: calc(3.2rem + .033928571428571426 * (100vw - 32rem));
    line-height: 1;
    font-weight: 500;
    letter-spacing: -.04em
}

.h1--large,
h1--large {
    font-size: calc(4rem + .13392857142857142 * (100vw - 32rem));
    letter-spacing: -.05em
}

.h2,
h2 {
    font-size: calc(2.4rem + .008928571428571428 * (100vw - 32rem));
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.02em
}

.h3,
h3 {
    font-size: calc(1.8rem + .0035714285714285726 * (100vw - 32rem));
    line-height: 1;
    font-weight: 400
}

.h4,
h4 {
    font-size: calc(1.6rem + .0035714285714285704 * (100vw - 32rem));
    line-height: 1;
    font-weight: 400
}

.title-dot {
    position: absolute;
    display: none;
    right: 0;
    top: .2em;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 100%;
    background-color: currentColor
}

.title-counter {
    flex-shrink: 0;
    width: 1.8rem;
    height: 1.8rem;
    color: currentColor;
    border-radius: .5rem;
    background-color: transparent;
    border: .2rem solid;
    margin-right: .8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: calc(1rem + .004464285714285714 * (100vw - 32rem));
    line-height: 1.4;
    font-weight: 500;
    position: relative;
    top: .3em;
    padding-top: .1em
}

input[type=email],
input[type=password],
input[type=tel],
input[type=text],
textarea {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    border-width: 0 0 1px;
    border-color: rgba(0, 0, 0, .2);
    font-family: var(--font-primary);
    font-size: 1.8rem;
    padding: 2rem 0;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -.02em;
    height: 4.7rem;
    transition: color .55s cubic-bezier(.68, -.55, .27, 1.55), border-color .55s cubic-bezier(.68, -.55, .27, 1.55), background-color .55s cubic-bezier(.68, -.55, .27, 1.55);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: currentColor
}

input[type=email]:focus,
input[type=email]:focus-visible,
input[type=password]:focus,
input[type=password]:focus-visible,
input[type=tel]:focus,
input[type=tel]:focus-visible,
input[type=text]:focus,
input[type=text]:focus-visible,
textarea:focus,
textarea:focus-visible {
    border-color: #000
}

input[type=email].light,
input[type=password].light,
input[type=tel].light,
input[type=text].light,
textarea.light {
    border-color: rgba(255, 255, 255, .2)
}

input[type=email].light::-moz-placeholder,
input[type=password].light::-moz-placeholder,
input[type=tel].light::-moz-placeholder,
input[type=text].light::-moz-placeholder,
textarea.light::-moz-placeholder {
    -moz-transition: opacity .55s cubic-bezier(.68, -.55, .27, 1.55);
    transition: opacity .55s cubic-bezier(.68, -.55, .27, 1.55);
    color: currentColor;
    opacity: 1
}

input[type=email].light::placeholder,
input[type=password].light::placeholder,
input[type=tel].light::placeholder,
input[type=text].light::placeholder,
textarea.light::placeholder {
    transition: opacity .55s cubic-bezier(.68, -.55, .27, 1.55);
    color: currentColor;
    opacity: 1
}

input[type=email].light:hover::-moz-placeholder,
input[type=password].light:hover::-moz-placeholder,
input[type=tel].light:hover::-moz-placeholder,
input[type=text].light:hover::-moz-placeholder,
textarea.light:hover::-moz-placeholder {
    opacity: .4
}

input[type=email].light:hover::placeholder,
input[type=password].light:hover::placeholder,
input[type=tel].light:hover::placeholder,
input[type=text].light:hover::placeholder,
textarea.light:hover::placeholder {
    opacity: .4
}

input[type=email].light:focus,
input[type=email].light:focus-visible,
input[type=password].light:focus,
input[type=password].light:focus-visible,
input[type=tel].light:focus,
input[type=tel].light:focus-visible,
input[type=text].light:focus,
input[type=text].light:focus-visible,
textarea.light:focus,
textarea.light:focus-visible {
    border-color: #ffffff
}

.is-invalid input[type=email].light,
.is-invalid input[type=password].light,
.is-invalid input[type=tel].light,
.is-invalid input[type=text].light,
.is-invalid textarea.light {
    border-color: #F74117;
    color: #F74117
}

textarea {
    min-height: 4.2rem
}

.rounded-inherit {
    border-radius: inherit
}

.reset-last>:last-child {
    margin-bottom: 0
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    -moz-transition: opacity .55s cubic-bezier(.68, -.55, .27, 1.55);
    transition: opacity .55s cubic-bezier(.68, -.55, .27, 1.55);
    color: currentColor;
    opacity: .2
}

input::placeholder,
textarea::placeholder {
    transition: opacity .55s cubic-bezier(.68, -.55, .27, 1.55);
    color: currentColor;
    opacity: .2
}

input:hover::-moz-placeholder,
textarea:hover::-moz-placeholder {
    opacity: 1
}

input:hover::placeholder,
textarea:hover::placeholder {
    opacity: 1
}

input:focus,
textarea:focus {
    outline: none
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity: 0
}

input:focus::placeholder,
textarea:focus::placeholder {
    opacity: 0
}

input:not(:-moz-placeholder),
textarea:not(:-moz-placeholder) {
    opacity: 1
}

input:not(:placeholder-shown),
textarea:not(:placeholder-shown) {
    opacity: 1
}

.is-invalid input,
.is-invalid textarea {
    border-color: #F74117;
    color: #F74117
}

input[type=checkbox] {
    transition: background-color .55s cubic-bezier(.68, -.55, .27, 1.55), box-shadow .55s cubic-bezier(.68, -.55, .27, 1.55);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    margin: 0 .7rem 0 0;
    font: inherit;
    color: currentColor;
    width: 2rem;
    height: 2rem;
    box-shadow: inset 0 0 0 .1rem rgba(0, 0, 0);
    border-radius: .6rem;
    flex-shrink: 0;
    position: relative
}

input[type=checkbox]:checked {
    box-shadow: inset 0 0 0 .1rem rgba(#232C5B, .2);
    opacity: 1;
    background-repeat: no-repeat;
    background-size: 1.1rem .8rem;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3459 1.36183L3.70108 7.69024L0.65625 4.7904L1.34591 4.06627L3.70108 6.30929L9.65625 0.637695L10.3459 1.36183Z' fill='%23232C5B'/%3E %3C/svg%3E")
}

input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    width: 2rem;
    height: 2rem;
    border: .1rem solid;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
    margin: 0 1.5rem 0 0
}

input[type=radio]:checked {
    background-color: currentColor;
    background-repeat: no-repeat;
    background-size: .9rem .8rem;
    background-position: 50% 50%;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1 3.5L3.33333 6L8 1' stroke='%230A0A0A' stroke-width='2' stroke-linecap='round'/%3E %3C/svg%3E")
}

html {
    box-sizing: border-box
}

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

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 20rem var(--theme-bg) inset !important;
    -webkit-text-fill-color: var(--theme-color) !important
}

.bg-gray input:-webkit-autofill,
.bg-gray input:-webkit-autofill:focus,
.bg-gray input:-webkit-autofill:hover,
.bg-gray select:-webkit-autofill,
.bg-gray select:-webkit-autofill:focus,
.bg-gray select:-webkit-autofill:hover,
.bg-gray textarea:-webkit-autofill,
.bg-gray textarea:-webkit-autofill:focus,
.bg-gray textarea:-webkit-autofill:hover {
    -webkit-box-shadow: inset 0 0 0 20rem #f0f0f0 !important
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.custom-inline-checkbox {
    font-weight: var(--wght);
    position: relative;
    overflow: hidden
}

.custom-inline-checkbox .checked-label {
    transition: opacity .35s cubic-bezier(.77, 0, .18, 1);
    font-size: 1.2rem;
    margin-left: auto;
    opacity: 0
}

.custom-inline-checkbox input:checked~.custom-inline-checkbox__bg:after,
.custom-inline-checkbox:hover .custom-inline-checkbox__bg:after {
    opacity: .2
}

.custom-inline-checkbox.is-disabled {
    pointer-events: none
}

.custom-inline-checkbox.is-disabled .truncate {
    transition: opacity .35s cubic-bezier(.77, 0, .18, 1);
    opacity: .4
}

.custom-inline-checkbox.is-included {
    pointer-events: none
}

.custom-inline-checkbox.is-included .checked-label:after {
    content: "Included" !important
}

.custom-inline-checkbox .unavailable-el {
    transition: opacity .35s cubic-bezier(.77, 0, .18, 1)
}

.custom-inline-checkbox.unavailable {
    pointer-events: none
}

.custom-inline-checkbox.unavailable .unavailable-el {
    opacity: .2
}

.custom-inline-checkbox__bg {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit
}

.custom-inline-checkbox__bg:after {
    transition: opacity .35s cubic-bezier(.77, 0, .18, 1);
    border: 1px solid var(--theme-color);
    opacity: 0
}

.custom-inline-checkbox__bg:after,
.custom-inline-checkbox__bg:before {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: absolute
}

.custom-inline-checkbox__bg:before {
    background: var(--theme-color);
    opacity: .05
}

:root {
    --header-h: 5rem
}

@keyframes link {
    0% {
        transform-origin: 100% 100%;
        transform: scaleX(1)
    }

    49.9% {
        transform-origin: 100% 100%;
        transform: scaleX(0)
    }

    50% {
        transform-origin: 0 0;
        transform: scaleX(0)
    }

    to {
        transform-origin: 0 0;
        transform: scaleX(1)
    }
}

@keyframes link-test {
    0% {
        transform: scaleX(1)
    }

    20% {
        transform: scaleX(.35)
    }

    40% {
        transform: scaleX(.75)
    }

    60% {
        transform: scaleX(.5)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes rotateFull {
    to {
        transform: rotate(1turn)
    }
}

@keyframes scrollDownAnimation {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(105%)
    }

    to {
        transform: translateY(-105%)
    }
}

@keyframes arrowRoll {
    0% {
        transform: translate(0)
    }

    40% {
        transform: translate(150%)
    }

    41% {
        transform: translate(-150%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes arrowRollDown {
    0% {
        transform: translate(0)
    }

    20% {
        transform: translateY(100%)
    }

    20.1% {
        transform: translateY(-100%)
    }

    60%,
    to {
        transform: translate(0)
    }
}

@keyframes arrowRollRight {
    0% {
        transform: translate(0)
    }

    40% {
        transform: translate(200%)
    }

    41% {
        transform: translate(-200%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes arrowRollLeft {
    0% {
        transform: translate(0)
    }

    40% {
        transform: translate(-200%)
    }

    41% {
        transform: translate(200%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes arrowBounce {
    0% {
        transform: translateX(0)
    }

    20% {
        transform: translateX(-10%)
    }

    40% {
        transform: translateX(15%)
    }

    60% {
        transform: translateX(-5%)
    }

    80% {
        transform: translateX(10%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes float {
    0% {
        transform: translate(0)
    }

    20% {
        transform: translate(-1%, 1%)
    }

    40% {
        transform: translateY(-1%)
    }

    60% {
        transform: translate(1%, -1%)
    }

    80% {
        transform: translate(-1%, -1%)
    }

    to {
        transform: translate(0)
    }
}

.btn--scroll-down svg {
    animation: arrowBounce 2s ease-in-out infinite;
    transform-origin: center center
}

body:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100svh;
    background-image: radial-gradient(rgba(0, 0, 0, .2) 1px, transparent 0);
    background-size: 40px 40px;
    background-repeat: repeat
}

.parallax-block__image {
    transform: translateY(calc(var(--scroll) * .5))
}

.parallax-images__container {
    perspective: 1000px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.parallax-images__container .parallax-block__image {
    will-change: transform
}

.parallax-images__container .parallax-block__image:first-child {
    --random-factor: 0.1;
    transform: perspective(1000px) rotateX(calc(var(--cursor-y) * 45deg * var(--random-factor))) rotateY(calc(var(--cursor-x) * -45deg * var(--random-factor))) translateZ(calc(sin(var(--cursor-x) + var(--cursor-y) + 1) * 2rem))
}

.parallax-images__container .parallax-block__image:nth-child(2) {
    --random-factor: 0.2;
    transform: perspective(1000px) rotateX(calc(var(--cursor-y) * 45deg * var(--random-factor))) rotateY(calc(var(--cursor-x) * -45deg * var(--random-factor))) translateZ(calc(sin(var(--cursor-x) + var(--cursor-y) + 2) * 2rem))
}

.parallax-images__container .parallax-block__image:nth-child(3) {
    --random-factor: 0.3;
    transform: perspective(1000px) rotateX(calc(var(--cursor-y) * 45deg * var(--random-factor))) rotateY(calc(var(--cursor-x) * -45deg * var(--random-factor))) translateZ(calc(sin(var(--cursor-x) + var(--cursor-y) + 3) * 2rem))
}

.line-w {
    overflow: hidden;
    padding-bottom: .1em;
    margin-bottom: -.1em;
    padding-right: .1em;
    margin-right: -.1em
}

main {
    overflow-x: clip
}

.title-progress-chars .char {
    opacity: .2
}

.loader {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: inline-block;
    border-top: .3rem solid #fff;
    border-right: .3rem solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    animation: rotation 1s linear infinite
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

[data-progress-text] {
    position: relative
}

@keyframes rotate {
    0% {
        transform: rotate(-3deg) scale(1.05)
    }

    to {
        transform: rotate(0deg) scale(1)
    }
}

.accordion-image {
    animation: rotate .7s ease-in-out forwards
}

.h1--large .line:first-child {
    z-index: 2
}

.word~u {
    text-decoration: none
}

.word~u .word {
    text-decoration: underline
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.pointer-events-none {
    pointer-events: none
}

.\!pointer-events-auto {
    pointer-events: auto !important
}

.pointer-events-auto {
    pointer-events: auto
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.\!fixed {
    position: fixed !important
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.\!-left-20 {
    left: -2rem !important
}

.\!-right-20 {
    right: -2rem !important
}

.\!bottom-\[0\.5em\] {
    bottom: .5em !important
}

.-bottom-\[0\.1em\] {
    bottom: -.1em
}

.-left-\[16\.9\%\] {
    left: -16.9%
}

.-left-\[8\%\] {
    left: -8%
}

.-right-20 {
    right: -2rem
}

.-right-\[13\.5\%\] {
    right: -13.5%
}

.-top-50 {
    top: -5rem
}

.-top-\[8\%\] {
    top: -8%
}

.bottom-0 {
    bottom: 0
}

.bottom-11 {
    bottom: 1.1rem
}

.bottom-40 {
    bottom: 4rem
}

.bottom-\[10\%\] {
    bottom: 10%
}

.bottom-\[20\%\] {
    bottom: 20%
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-\[13\%\] {
    left: 13%
}

.left-\[70\%\] {
    left: 70%
}

.left-\[78\%\] {
    left: 78%
}

.left-\[85\%\] {
    left: 85%
}

.right-0 {
    right: 0
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-12 {
    top: 1.2rem
}

.top-\[0\.1em\] {
    top: .1em
}

.top-\[100\%\] {
    top: 100%
}

.top-\[12\%\] {
    top: 12%
}

.top-\[50\%\] {
    top: 50%
}

.top-\[65\%\] {
    top: 65%
}

.top-full {
    top: 100%
}

.top-header {
    top: var(--header-h)
}

.z-1 {
    z-index: 1
}

.z-10 {
    z-index: 10
}

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

.z-4 {
    z-index: 4
}

.z-50 {
    z-index: 50
}

.z-\[1000\] {
    z-index: 1000
}

.z-\[51\] {
    z-index: 51
}

.z-\[52\] {
    z-index: 52
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-start-1 {
    grid-column-start: 1
}

.col-start-2 {
    grid-column-start: 2
}

.col-start-6 {
    grid-column-start: 6
}

.col-end-1 {
    grid-column-end: 1
}

.row-start-1 {
    grid-row-start: 1
}

.row-end-1 {
    grid-row-end: 1
}

.-mx-10 {
    margin-left: -1rem;
    margin-right: -1rem
}

.-mx-20 {
    margin-left: -2rem;
    margin-right: -2rem
}

.mx-20 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.-ml-10 {
    margin-left: -1rem
}

.-mr-3 {
    margin-right: -3px
}

.-mr-5 {
    margin-right: -.5rem
}

.-mt-\[0\.1em\] {
    margin-top: -.1em
}

.mb-0 {
    margin-bottom: 0
}

.mb-10 {
    margin-bottom: 1rem
}

.mb-100 {
    margin-bottom: 10rem
}

.mb-13 {
    margin-bottom: 1.3rem
}

.mb-140 {
    margin-bottom: 14rem
}

.mb-16 {
    margin-bottom: 1.6rem
}

.mb-20 {
    margin-bottom: 2rem
}

.mb-25 {
    margin-bottom: 2.5rem
}

.mb-30 {
    margin-bottom: 3rem
}

.mb-40 {
    margin-bottom: 4rem
}

.mb-50 {
    margin-bottom: 5rem
}

.mb-6 {
    margin-bottom: .6rem
}

.mb-60 {
    margin-bottom: 6rem
}

.mb-80 {
    margin-bottom: 8rem
}

.mb-90 {
    margin-bottom: 9rem
}

.ml-auto {
    margin-left: auto
}

.mr-10 {
    margin-right: 1rem
}

.mr-2 {
    margin-right: 2px
}

.mr-20 {
    margin-right: 2rem
}

.mt-10 {
    margin-top: 1rem
}

.mt-15 {
    margin-top: 1.5rem
}

.mt-30 {
    margin-top: 3rem
}

.mt-50 {
    margin-top: 5rem
}

.mt-auto {
    margin-top: auto
}

.block {
    display: block
}

.\!inline-block {
    display: inline-block !important
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[183\/237\] {
    aspect-ratio: 183/237
}

.aspect-\[1920\/1080\] {
    aspect-ratio: 1920/1080
}

.aspect-\[376\/326\] {
    aspect-ratio: 376/326
}

.aspect-\[430\/315\] {
    aspect-ratio: 430/315
}

.aspect-\[520\/1080\] {
    aspect-ratio: 520/1080
}

.aspect-\[768\/1024\] {
    aspect-ratio: 768/1024
}

.aspect-square {
    aspect-ratio: 1/1
}

.\!size-32 {
    width: 3.2rem !important;
    height: 3.2rem !important
}

.size-14 {
    width: 1.4rem;
    height: 1.4rem
}

.size-16 {
    width: 1.6rem;
    height: 1.6rem
}

.size-8 {
    width: .8rem;
    height: .8rem
}

.size-\[3\.2rem\] {
    width: 3.2rem;
    height: 3.2rem
}

.\!h-48 {
    height: 4.8rem !important
}

.h-1 {
    height: 1px
}

.h-15 {
    height: 1.5rem
}

.h-16 {
    height: 1.6rem
}

.h-20 {
    height: 2rem
}

.h-50 {
    height: 5rem
}

.h-60 {
    height: 6rem
}

.h-\[0\.13rem\] {
    height: .13rem
}

.h-\[100vh\] {
    height: 100vh
}

.h-\[110vh\] {
    height: 110vh
}

.h-\[300vh\] {
    height: 300vh
}

.h-\[44\%\] {
    height: 44%
}

.h-\[55rem\] {
    height: 55rem
}

.h-\[57\%\] {
    height: 57%
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100svh
}

.min-h-32 {
    min-height: 3.2rem
}

.min-h-\[34rem\] {
    min-height: 34rem
}

.min-h-\[4\.7rem\] {
    min-height: 4.7rem
}

.\!w-auto {
    width: auto !important
}

.w-1 {
    width: 1px
}

.w-1\/2 {
    width: 50%
}

.w-100 {
    width: 10rem
}

.w-14 {
    width: 1.4rem
}

.w-20 {
    width: 2rem
}

.w-200 {
    width: 20rem
}

.w-32 {
    width: 3.2rem
}

.w-6\/10 {
    width: 60%
}

.w-90 {
    width: 9rem
}

.w-\[15\%\] {
    width: 15%
}

.w-\[20\%\] {
    width: 20%
}

.w-\[34\%\] {
    width: 34%
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.min-w-32 {
    min-width: 3.2rem
}

.max-w-300 {
    max-width: 30rem
}

.max-w-400 {
    max-width: 40rem
}

.max-w-\[120rem\] {
    max-width: 120rem
}

.max-w-\[18\.3rem\] {
    max-width: 18.3rem
}

.max-w-\[22rem\] {
    max-width: 22rem
}

.max-w-\[32\.5rem\] {
    max-width: 32.5rem
}

.max-w-\[33rem\] {
    max-width: 33rem
}

.max-w-\[35rem\] {
    max-width: 35rem
}

.max-w-\[37\.5rem\] {
    max-width: 37.5rem
}

.max-w-\[38rem\] {
    max-width: 38rem
}

.max-w-\[43rem\] {
    max-width: 43rem
}

.max-w-\[50rem\] {
    max-width: 50rem
}

.max-w-full {
    max-width: 100%
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.origin-center {
    transform-origin: center
}

.origin-left {
    transform-origin: left
}

.origin-top {
    transform-origin: top
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-y-2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-2 {
    --tw-translate-y: -2px
}

.translate-y-0 {
    --tw-translate-y: 0
}

.translate-y-0,
.translate-y-10 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-10 {
    --tw-translate-y: 1rem
}

.translate-y-2 {
    --tw-translate-y: 2px
}

.-rotate-45,
.translate-y-2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-45 {
    --tw-rotate: -45deg
}

.rotate-45 {
    --tw-rotate: 45deg
}

.rotate-45,
.rotate-90 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-90 {
    --tw-rotate: 90deg
}

.\!scale-80 {
    --tw-scale-x: 0.8 !important;
    --tw-scale-y: 0.8 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.scale-0,
.scale-100 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-\[1\.002\] {
    --tw-scale-x: 1.002;
    --tw-scale-y: 1.002
}

.scale-\[1\.002\],
.scale-\[1\.05\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\.05\] {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.scale-\[1\] {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-\[1\],
.scale-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-x-0 {
    --tw-scale-x: 0
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.flex-col {
    flex-direction: column
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-2 {
    gap: 2px
}

.gap-20 {
    gap: 2rem
}

.gap-x-10 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-16 {
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem
}

.gap-x-20 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-x-3 {
    -moz-column-gap: 3px;
    column-gap: 3px
}

.gap-x-6 {
    -moz-column-gap: .6rem;
    column-gap: .6rem
}

.gap-y-10 {
    row-gap: 1rem
}

.gap-y-16 {
    row-gap: 1.6rem
}

.gap-y-20 {
    row-gap: 2rem
}

.gap-y-30 {
    row-gap: 3rem
}

.gap-y-40 {
    row-gap: 4rem
}

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

.overflow-hidden {
    overflow: hidden
}

.overflow-clip {
    overflow: clip
}

.overflow-visible {
    overflow: visible
}

.overflow-x-clip {
    overflow-x: clip
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: 1rem
}

.rounded-\[0\.7rem\] {
    border-radius: .7rem
}

.rounded-\[1rem\] {
    border-radius: 1rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-sm {
    border-radius: .5rem
}

.rounded-xs {
    border-radius: .4rem
}

.rounded-b {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.rounded-t {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.border {
    border-width: .1rem
}

.border-b {
    border-bottom-width: .1rem
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
}

.border-black\/20 {
    border-color: rgb(0 0 0/.2)
}

.border-gray-1100 {
    --tw-border-opacity: 1;
    border-color: rgb(21 22 25/var(--tw-border-opacity, 1))
}

.border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(56 59 62/var(--tw-border-opacity, 1))
}

.border-white\/10 {
    border-color: rgb(255 255 255/.1)
}

.border-white\/30 {
    border-color: rgb(255 255 255/.3)
}

.border-opacity-5 {
    --tw-border-opacity: 0.05
}

.bg-\[\#AABDD5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(170 189 213/var(--tw-bg-opacity, 1))
}

.bg-\[\#C5CDC9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(197 205 201/var(--tw-bg-opacity, 1))
}

.bg-current {
    background-color: currentColor
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242/var(--tw-bg-opacity, 1))
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 247/var(--tw-bg-opacity, 1))
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(56 59 62/var(--tw-bg-opacity, 1))
}

.bg-gray-800\/10 {
    background-color: rgb(56 59 62/.1)
}

.bg-gray-800\/5 {
    background-color: rgb(56 59 62/.05)
}

.bg-gray-800\/80 {
    background-color: rgb(56 59 62/.8)
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(44 45 50/var(--tw-bg-opacity, 1))
}

.bg-gray-900\/10 {
    background-color: rgb(44 45 50/.1)
}

.bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 231 243/var(--tw-bg-opacity, 1))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.p-16 {
    padding: 1.6rem
}

.p-20 {
    padding: 2rem
}

.p-\[2\.3\%\] {
    padding: 2.3%
}

.\!py-16 {
    padding-top: 1.6rem !important;
    padding-bottom: 1.6rem !important
}

.px-20 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-8 {
    padding-left: .8rem;
    padding-right: .8rem
}

.px-9 {
    padding-left: .9rem;
    padding-right: .9rem
}

.px-\[13\%\] {
    padding-left: 13%;
    padding-right: 13%
}

.py-20 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-5 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.\!pr-130 {
    padding-right: 13rem !important
}

.pb-10 {
    padding-bottom: 1rem
}

.pb-140 {
    padding-bottom: 14rem
}

.pb-20 {
    padding-bottom: 2rem
}

.pb-200 {
    padding-bottom: 20rem
}

.pb-30 {
    padding-bottom: 3rem
}

.pb-5 {
    padding-bottom: .5rem
}

.pb-65 {
    padding-bottom: 6.5rem
}

.pb-70 {
    padding-bottom: 7rem
}

.pr-15 {
    padding-right: 1.5rem
}

.pr-6 {
    padding-right: .6rem
}

.pt-10 {
    padding-top: 1rem
}

.pt-100 {
    padding-top: 10rem
}

.pt-12 {
    padding-top: 1.2rem
}

.pt-15 {
    padding-top: 1.5rem
}

.pt-20 {
    padding-top: 2rem
}

.pt-30 {
    padding-top: 3rem
}

.pt-40 {
    padding-top: 4rem
}

.pt-50 {
    padding-top: 5rem
}

.pt-60 {
    padding-top: 6rem
}

.pt-70 {
    padding-top: 7rem
}

.text-center {
    text-align: center
}

.font-secondary {
    font-family: var(--font-secondary)
}

.\!text-base {
    font-size: 1.5rem !important
}

.text-7xl {
    font-size: 7rem
}

.text-\[1\.8rem\] {
    font-size: 1.8rem
}

.text-xs {
    font-size: 1.2rem
}

.font-medium {
    font-weight: 500
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.leading-\[0\.95em\] {
    line-height: .95em
}

.leading-\[1\.05\] {
    line-height: 1.05
}

.leading-none {
    line-height: 1
}

.-tracking-\[0\.03em\] {
    letter-spacing: -.03em
}

.tracking-tighter {
    letter-spacing: -.02em
}

.tracking-tightest {
    letter-spacing: -.04em
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-current {
    color: currentColor
}

.text-gray {
    --tw-text-opacity: 1;
    color: rgb(105 106 111/var(--tw-text-opacity, 1))
}

.text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(232 233 245/var(--tw-text-opacity, 1))
}

.text-gray-1100 {
    --tw-text-opacity: 1;
    color: rgb(21 22 25/var(--tw-text-opacity, 1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(44 45 50/var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.\!opacity-20 {
    opacity: .2 !important
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-30 {
    opacity: .3
}

.opacity-70 {
    opacity: .7
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.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)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.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
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.\!duration-300 {
    transition-duration: .3s !important
}

.\!duration-500 {
    transition-duration: .5s !important
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-custom-in {
    transition-timing-function: cubic-bezier(.785, .135, .15, .86)
}

.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem
}

.site-section:first-of-type {
    padding-top: 6rem
}

.btn__icon,
.btn__text {
    transition: border-radius .9s cubic-bezier(.68, -.55, .27, 1.55), color .9s cubic-bezier(.68, -.55, .27, 1.55), transform .9s cubic-bezier(.68, -.55, .27, 1.55), width .9s cubic-bezier(.68, -.55, .27, 1.55)
}

.btn__text {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: .8rem 1.2rem;
    border-radius: .4rem;
    margin-right: .1rem
}

.btn__text:not(:only-child):before {
    transition: transform .9s cubic-bezier(.68, -.55, .27, 1.55), background-color .9s cubic-bezier(.68, -.55, .27, 1.55);
    content: "";
    position: absolute;
    width: .1rem;
    height: 100%;
    left: 100%;
    transform: scaleY(.5);
    z-index: 2
}

.btn__icon--before {
    margin-right: .1rem
}

.btn__icon--before:before {
    transition: transform .9s cubic-bezier(.68, -.55, .27, 1.55), background-color .9s cubic-bezier(.68, -.55, .27, 1.55);
    content: "";
    position: absolute;
    width: .1rem;
    height: 100%;
    left: 100%;
    transform: scaleY(.5);
    z-index: 2
}

.btn__icon {
    width: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .8rem;
    border-radius: .4rem;
    height: 100%;
    position: relative;
    flex-shrink: 0
}

.btn__icon svg {
    width: 1.4rem;
    height: 1.4rem
}

.btn {
    -webkit-appearance: none;
    transition: opacity .8s cubic-bezier(.68, -.55, .27, 1.55), transform .8s cubic-bezier(.68, -.55, .27, 1.55);
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 400;
    font-family: var(--font-primary);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 3.2rem;
    will-change: transform;
    position: relative;
    display: inline-flex;
    overflow: clip
}

.btn.is-active .btn__icon,
.btn:hover .btn__icon,
.bzOpening:hover .btn .btn__icon,
.group:not(.group--no-events):hover .btn .btn__icon {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn.is-active .btn__icon svg,
.btn:hover .btn__icon svg,
.bzOpening:hover .btn .btn__icon svg,
.group:not(.group--no-events):hover .btn .btn__icon svg {
    animation: arrowBounce 1.5s cubic-bezier(.785, .135, .15, .86)
}

.btn.is-active .btn__text:not(:only-child),
.btn:hover .btn__text:not(:only-child),
.bzOpening:hover .btn .btn__text:not(:only-child),
.group:not(.group--no-events):hover .btn .btn__text:not(:only-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn.is-active .btn__text:not(:only-child):before,
.btn:hover .btn__text:not(:only-child):before,
.bzOpening:hover .btn .btn__text:not(:only-child):before,
.group:not(.group--no-events):hover .btn .btn__text:not(:only-child):before {
    transform: scaleY(1)
}

.btn.is-active:before,
.btn:hover:before,
.bzOpening:hover .btn:before,
.group:not(.group--no-events):hover .btn:before {
    opacity: 1
}

.btn.is-active .char,
.btn:hover .char,
.bzOpening:hover .btn .char,
.group:not(.group--no-events):hover .btn .char {
    transform: translateY(-100%) translateY(-.3em)
}

.btn:disabled {
    pointer-events: none;
    opacity: .7
}

.btn:focus {
    outline: none
}

.btn--primary .btn__icon,
.btn--primary .btn__text {
    background-color: #2C2D32;
    color: #E8E9F5
}

.btn--primary .btn__icon:before,
.btn--primary .btn__text:before {
    background-color: #2C2D32
}

.btn--secondary .btn__icon,
.btn--secondary .btn__text {
    backdrop-filter: blur(.5rem);
    background-color: rgba(56, 59, 62, .1);
    color: #2C2D32
}

.btn--secondary .btn__icon:before,
.btn--secondary .btn__text:before {
    background-color: rgba(56, 59, 62, .1)
}

.btn--tertiary .btn__icon,
.btn--tertiary .btn__text {
    backdrop-filter: blur(.5rem);
    background-color: rgba(56, 59, 62, .1);
    color: #696A6F
}

.btn--tertiary .btn__icon:before,
.btn--tertiary .btn__text:before {
    background-color: #383B3E
}

.btn--tertiary .btn__chars>div:nth-child(2) .char {
    color: #ffffff
}

.btn--tertiary .btn__text:before {
    content: "";
    background-color: #383B3E;
    transform-origin: bottom;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: .4rem;
    will-change: transform;
    opacity: 0;
    transition: opacity .8s cubic-bezier(.68, -.55, .27, 1.55), transform .8s cubic-bezier(.68, -.55, .27, 1.55)
}

.btn--tertiary.is-active .btn__text:before,
.btn--tertiary:hover .btn__text:before,
.bzOpening:hover .btn--tertiary .btn__text:before,
.group:not(.group--no-events):hover .btn--tertiary .btn__text:before {
    opacity: 1
}

.btn--light .btn__icon,
.btn--light .btn__text {
    background-color: #E8E9F5;
    color: #2C2D32
}

.btn--light .btn__icon:before,
.btn--light .btn__text:before {
    background-color: #E8E9F5
}

.btn--outline .btn__icon,
.btn--outline .btn__text {
    box-shadow: inset 0 0 0 1px #2C2D32;
    color: #2C2D32;
    position: relative;
    z-index: 1
}

.btn--outline .btn__icon:before,
.btn--outline .btn__text:before {
    background-color: #B1C4DA;
    box-shadow: inset 0 1px 0 0 #2C2D32, inset 0 -1px 0 0 #2C2D32;
    width: .3rem;
    left: calc(100% - .1rem)
}

.btn--outline .btn__text {
    z-index: 2
}

.btn--large {
    height: 4.8rem
}

.btn--icon-only .btn__icon:after {
    transition: clip-path .9s cubic-bezier(.785, .135, .15, .86);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    clip-path: inset(100% 0 0 0 round .4rem);
    z-index: 1;
    border-radius: .4rem;
    transform-origin: bottom;
    mix-blend-mode: overlay;
    will-change: clip-path;
    backface-visibility: hidden;
    background-color: #2C2D32
}

.btn--icon-only.is-active .btn__icon,
.btn--icon-only:hover .btn__icon,
.bzOpening:hover .btn--icon-only .btn__icon,
.group:not(.group--no-events):hover .btn--icon-only .btn__icon {
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem;
    width: 4.8rem;
    color: #ffffff
}

.custom-link {
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.custom-link svg {
    transition: transform .7s cubic-bezier(.68, -.55, .27, 1.55);
    margin-left: .35em
}

.custom-link svg:first-child {
    margin-left: 0;
    margin-right: .35em
}

.no-touch .bzOpening:hover .custom-link .char,
.no-touch .custom-link.is-active .char,
.no-touch .custom-link:hover .char,
.no-touch .group:not(.group--no-events):hover .custom-link .char {
    transform: translateY(-100%) translateY(-.3em)
}

.no-touch .bzOpening:hover .custom-link[data-animate=right] svg,
.no-touch .custom-link.is-active[data-animate=right] svg,
.no-touch .custom-link:hover[data-animate=right] svg,
.no-touch .group:not(.group--no-events):hover .custom-link[data-animate=right] svg {
    transform: translateX(.3em)
}

.no-touch .bzOpening:hover .custom-link.nav-links .char,
.no-touch .custom-link.is-active.nav-links .char,
.no-touch .custom-link:hover.nav-links .char,
.no-touch .group:not(.group--no-events):hover .custom-link.nav-links .char {
    transform: translateY(-100%)
}

.btn__chars,
.custom-link__text {
    display: grid;
    overflow: hidden;
    height: 1.4em;
    gap: .1em
}

.btn__chars .char,
.custom-link__text .char {
    transition: transform .55s cubic-bezier(.68, -.55, .27, 1.55);
    display: inline-block;
    transition-delay: var(--d);
    vertical-align: -.25em;
    will-change: transform
}

.nav-links .btn__chars .char,
.nav-links .custom-link__text .char {
    vertical-align: 0
}

.nav-links .btn__chars,
.nav-links .custom-link__text {
    height: 1.2em
}

.btn-circle.is-active:before,
.btn-circle:hover:before,
.bzOpening:hover .btn-circle:before,
.group:not(.group--no-events):hover .btn-circle:before {
    opacity: .5
}

.form-control {
    position: relative
}

.form-error {
    position: absolute;
    left: 0;
    top: 100%;
    padding: .3rem 0 0;
    color: #F74117
}

.btn-rounded.is-active,
.btn-rounded:hover,
.bzOpening:hover .btn-rounded,
.group:not(.group--no-events):hover .btn-rounded {
    color: #ffffff
}

.btn-rounded.is-active:before,
.btn-rounded:hover:before,
.bzOpening:hover .btn-rounded:before,
.group:not(.group--no-events):hover .btn-rounded:before {
    transform: scale(1)
}

.text--dot {
    display: flex;
    align-items: baseline
}

.text--dot:before {
    content: "";
    display: inline-flex;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 100%;
    background-color: currentColor;
    margin-right: .5rem
}

.list-colon {
    display: flex;
    flex-wrap: wrap
}

.list-colon>:not(:last-child):after {
    content: ",";
    margin-right: .3em
}

.is-active .text--dot-outline:before {
    background-color: currentColor;
    border-color: transparent
}

.bl,
.tl {
    left: 0;
    width: 100%;
    height: 1px
}

.bl,
.ls,
.rs,
.tl {
    position: absolute;
    background-color: currentColor;
    opacity: .2
}

.ls,
.rs {
    width: 1px;
    height: 100%
}

.tl {
    top: 0
}

.bl {
    bottom: 0
}

.link {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: top
}

.link:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: currentColor;
    will-change: transform;
    transform-origin: 100% 100%;
    transform: scaleX(0);
    pointer-events: none;
    transition: transform .8s cubic-bezier(.785, .135, .15, .86)
}

.no-touch .group.is-active .link:after,
.no-touch .group:hover .link:after,
.no-touch .link.is-active:after,
.no-touch .link:hover:after {
    transform-origin: 0 0;
    transform: scaleX(1);
    opacity: 1
}

.active .link:after,
.group.is-active .link:after,
.link.is-active:after {
    transform-origin: 0 0;
    transform: scaleX(1)
}

.link--underline:after {
    transform-origin: center !important;
    transform: scaleX(1);
    animation: none
}

.group.is-active .link--underline:after,
.link--underline.is-active:after,
.no-touch .group.is-active .link--underline:after,
.no-touch .group:hover .link--underline:after,
.no-touch .link--underline.is-active:after,
.no-touch .link--underline:hover:after {
    transform: scaleX(.5)
}

.group.is-active .link--underline-default,
.group:hover .link--underline-default,
.link--underline-default.is-active,
.link--underline-default:hover {
    text-decoration: none
}

.no-touch .group.is-active .link--custom .link__hover-text,
.no-touch .group:hover .link--custom .link__hover-text,
.no-touch .link--custom.is-active .link__hover-text,
.no-touch .link--custom:hover .link__hover-text {
    transform: none
}

.no-touch .group.is-active .link--custom .link__default-text,
.no-touch .group:hover .link--custom .link__default-text,
.no-touch .link--custom.is-active .link__default-text,
.no-touch .link--custom:hover .link__default-text {
    transform: translateY(-125%)
}

.group.is-active .link--custom .link__hover-text,
.link--custom.is-active .link__hover-text {
    transform: none
}

.group.is-active .link--custom .link__default-text,
.link--custom.is-active .link__default-text {
    transform: translateY(-125%)
}

.link--innactive .splitter-row .link {
    display: inline-block !important;
    vertical-align: top
}

.forms-switcher.is-active {
    pointer-events: none
}

.forms-switcher.is-active:before {
    transform: scaleY(0)
}

.\!header {
    transition: color .5s cubic-bezier(.68, -.55, .27, 1.55), transform .5s cubic-bezier(.68, -.55, .27, 1.55) !important
}

.header {
    transition: color .5s cubic-bezier(.68, -.55, .27, 1.55), transform .5s cubic-bezier(.68, -.55, .27, 1.55)
}

.\!header[data-theme=light] {
    color: #E8E9F5 !important
}

.header[data-theme=light] {
    color: #E8E9F5
}

.header.menu--active,
.header[data-theme=dark] {
    color: #2C2D32
}

.\!header.menu--active,
.\!header[data-theme=dark] {
    color: #2C2D32 !important
}

.lenis-scrolling .\!header {
    transition: color .15s cubic-bezier(.68, -.55, .27, 1.55), transform .15s cubic-bezier(.68, -.55, .27, 1.55) !important
}

.lenis-scrolling .header {
    transition: color .15s cubic-bezier(.68, -.55, .27, 1.55), transform .15s cubic-bezier(.68, -.55, .27, 1.55)
}

.\!header.hide-header:not(.menu--active) {
    transform: translateY(-100%) !important
}

.header.hide-header:not(.menu--active) {
    transform: translateY(-100%)
}

.group:hover .header-menu-item__thumb,
.header-menu-item--active .header-menu-item__thumb {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.wysiwyg {
    counter-reset: titleItem
}

.wysiwyg>:last-child {
    margin-bottom: 0
}

.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4 {
    margin: 5.5rem 0 3.2rem;
    display: inline-flex;
    width: 100%;
    position: relative
}

.wysiwyg h1:after,
.wysiwyg h2:after,
.wysiwyg h3:after,
.wysiwyg h4:after {
    content: "";
    position: absolute;
    display: none;
    right: 0;
    top: .3em;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 100%;
    background-color: #383B3E
}

.wysiwyg h1:first-child,
.wysiwyg h2:first-child,
.wysiwyg h3:first-child,
.wysiwyg h4:first-child {
    margin-top: 0 !important
}

.wysiwyg h2 {
    position: relative;
    margin-bottom: 5.2rem
}

.wysiwyg h2:before {
    content: "";
    width: 2rem;
    position: relative;
    top: .05em;
    height: 2rem;
    background-position: 50% 50%;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3CforeignObject x='-10' y='-10' width='48' height='48'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(5px);clip-path:url(%23bgblur_0_313_1789_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cpath data-figma-bg-blur-radius='10' d='M28 6C28 2.68629 25.3137 0 22 0H6C2.68629 0 0 2.68629 0 6V22C0 25.3137 2.68629 28 6 28H22C25.3137 28 28 25.3137 28 22V6Z' fill='%232C2D32'/%3E %3Cpath d='M8 20.9992C8.09706 20.7799 8.17461 20.6013 8.25495 20.424C10.087 16.3785 11.9208 12.334 13.7463 8.28584C13.8429 8.07109 13.9651 7.99479 14.1986 8.00027C14.7847 8.01398 15.3708 8.00484 16 8.00484C15.9619 8.10034 15.9382 8.16705 15.9094 8.23147C14.0138 12.4236 12.1177 16.6157 10.2174 20.8055C10.1822 20.8827 10.0907 20.9892 10.0233 20.9905C9.36716 21.0047 8.71098 20.9988 8 20.9988V20.9992Z' fill='white'/%3E %3Cpath d='M18.9995 8.00577C18.6778 8.71591 18.3737 9.38495 18.0709 10.0549C16.4599 13.6211 14.8475 17.1869 13.2425 20.7559C13.1618 20.9354 13.0682 21.0044 12.866 20.9998C12.2578 20.9865 11.6495 20.9948 11 20.9948C11.134 20.6924 11.2536 20.4171 11.3774 20.1435C13.1664 16.19 14.9573 12.2379 16.7413 8.28206C16.8322 8.08066 16.9402 7.99435 17.1711 8.00029C17.764 8.01536 18.3574 8.00531 19 8.00531L18.9995 8.00577Z' fill='white'/%3E %3Cdefs%3E %3CclipPath id='bgblur_0_313_1789_clip_path' transform='translate(10 10)'%3E%3Cpath d='M28 6C28 2.68629 25.3137 0 22 0H6C2.68629 0 0 2.68629 0 6V22C0 25.3137 2.68629 28 6 28H22C25.3137 28 28 25.3137 28 22V6Z'/%3E %3C/clipPath%3E%3C/defs%3E %3C/svg%3E");
    background-repeat: no-repeat
}

.wysiwyg h2:before,
.wysiwyg h3:before {
    border-radius: .5rem;
    margin-right: .6rem
}

.wysiwyg h3:before {
    counter-increment: titleItem;
    content: "" counter(titleItem)"";
    flex-shrink: 0;
    width: 1.6rem;
    height: 1.6rem;
    color: #ffffff;
    background-color: #383B3E;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: calc(.8rem + .0035714285714285704 * (100vw - 32rem));
    line-height: 1;
    font-weight: 500;
    position: relative;
    top: .05em
}

.wysiwyg a {
    transition: opacity .3s;
    text-decoration: underline
}

.wysiwyg a:hover {
    opacity: .5
}

.wysiwyg ol,
.wysiwyg p,
.wysiwyg ul {
    margin: 0 0 2rem;
    opacity: .7
}

.wysiwyg img {
    width: 100%;
    height: auto
}

.wysiwyg .image {
    margin: 4rem 0
}

.wysiwyg .image .image__container {
    margin: 0
}

.wysiwyg .image figcaption {
    margin-top: 1.2rem;
    font-size: 1.4rem;
    position: relative
}

.wysiwyg .media {
    margin: 4rem 0
}

.wysiwyg ol ol,
.wysiwyg ol ul,
.wysiwyg ul ol,
.wysiwyg ul ul {
    padding-top: 2em
}

.wysiwyg ol li,
.wysiwyg ul li {
    margin-bottom: 2em
}

.wysiwyg ol li:last-child,
.wysiwyg ul li:last-child {
    margin-bottom: 0
}

.wysiwyg ol {
    list-style: none !important;
    counter-reset: item
}

.wysiwyg ol li {
    counter-increment: item;
    position: relative;
    padding-left: 2rem
}

.wysiwyg ol li:last-child {
    margin-bottom: 0
}

.wysiwyg ol li:before {
    content: counter(item, lower-alpha) ")";
    position: absolute;
    left: 0
}

.wysiwyg ul {
    list-style: none !important
}

.wysiwyg ul li {
    position: relative;
    padding-left: 2rem
}

.wysiwyg ul li:before {
    content: "";
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    background: currentColor;
    position: absolute;
    left: 0;
    top: .3em
}

.wysiwyg blockquote {
    padding: 1.6rem;
    border-radius: 1.5rem;
    background-color: #ffffff;
    position: relative;
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 3.2rem 0
}

.wysiwyg blockquote:before {
    content: "";
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    border-radius: inherit;
    background: linear-gradient(180deg, #ffffff 0, #E9F3FF)
}

.wysiwyg blockquote * {
    position: relative
}

.wysiwyg blockquote p:first-child {
    font-style: italic;
    margin-bottom: 2.4rem;
    font-size: 1.8rem;
    line-height: 1.4
}

.wysiwyg blockquote p:first-child:after,
.wysiwyg blockquote p:first-child:before {
    content: '"'
}

.wysiwyg blockquote>:last-child {
    margin-bottom: 0
}

.notes-list {
    list-style: none
}

.notes-list li {
    padding-left: 1.6rem;
    position: relative;
    display: flex;
    margin-bottom: .5em
}

.notes-list li:before {
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 100%;
    background: currentColor;
    position: absolute;
    left: 0;
    top: .2em
}

.notes-list li:last-child {
    margin-bottom: 0
}

.group:hover .group-hover\:opacity-60 {
    opacity: .6
}

.group:hover .group-hover\:duration-500 {
    transition-duration: .5s
}

@media (min-width:768px) {
    .title-dot {
        display: block
    }

    .title-counter {
        width: 2rem;
        height: 2rem;
        top: .15em
    }

    input[type=email],
    input[type=password],
    input[type=tel],
    input[type=text],
    textarea {
        padding: 1rem 0
    }

    body:before {
        display: none
    }

    .site-section:first-of-type {
        padding-top: 5rem
    }

    .wysiwyg h1,
    .wysiwyg h2,
    .wysiwyg h3,
    .wysiwyg h4 {
        padding-right: 16%
    }

    .wysiwyg h1:after,
    .wysiwyg h2:after,
    .wysiwyg h3:after,
    .wysiwyg h4:after {
        display: block
    }

    .wysiwyg h2 {
        margin-bottom: 3.2rem
    }

    .wysiwyg h2:before {
        width: 3rem;
        height: 3rem
    }

    .wysiwyg h3:before {
        width: 2rem;
        height: 2rem
    }

    .wysiwyg ol,
    .wysiwyg p,
    .wysiwyg ul {
        padding-right: 16%
    }

    .wysiwyg ol,
    .wysiwyg ul {
        position: relative
    }

    .wysiwyg ol li,
    .wysiwyg ul li {
        padding-left: 2.5rem
    }

    .wysiwyg blockquote {
        padding: 3.2rem
    }

    .wysiwyg blockquote p:first-child {
        font-size: 2rem
    }

    .md\:invisible {
        visibility: hidden
    }

    .md\:absolute {
        position: absolute
    }

    .md\:sticky {
        position: sticky
    }

    .md\:\!right-0 {
        right: 0 !important
    }

    .md\:-left-20 {
        left: -2rem
    }

    .md\:-top-1 {
        top: -1px
    }

    .md\:bottom-0 {
        bottom: 0
    }

    .md\:bottom-140 {
        bottom: 14rem
    }

    .md\:left-0 {
        left: 0
    }

    .md\:right-0 {
        right: 0
    }

    .md\:top-0 {
        top: 0
    }

    .md\:top-70 {
        top: 7rem
    }

    .md\:order-last {
        order: 9999
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:-mb-20 {
        margin-bottom: -2rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-100 {
        margin-bottom: 10rem
    }

    .md\:mb-150 {
        margin-bottom: 15rem
    }

    .md\:mb-160 {
        margin-bottom: 16rem
    }

    .md\:mb-30 {
        margin-bottom: 3rem
    }

    .md\:mb-50 {
        margin-bottom: 5rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:aspect-auto {
        aspect-ratio: auto
    }

    .md\:\!h-auto {
        height: auto !important
    }

    .md\:h-500 {
        height: 50rem
    }

    .md\:h-available {
        height: calc(100svh - var(--header-h))
    }

    .md\:h-full {
        height: 100%
    }

    .md\:min-h-800 {
        min-height: 80rem
    }

    .md\:\!w-auto {
        width: auto !important
    }

    .md\:w-\[48rem\] {
        width: 48rem
    }

    .md\:w-full {
        width: 100%
    }

    .md\:max-w-240 {
        max-width: 24rem
    }

    .md\:max-w-280 {
        max-width: 28rem
    }

    .md\:max-w-\[48\%\] {
        max-width: 48%
    }

    .md\:max-w-\[49\%\] {
        max-width: 49%
    }

    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:gap-x-20 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .md\:gap-y-30 {
        row-gap: 3rem
    }

    .md\:rounded-none {
        border-radius: 0
    }

    .md\:rounded-l {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem
    }

    .md\:rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .md\:rounded-r {
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem
    }

    .md\:pb-230 {
        padding-bottom: 23rem
    }

    .md\:pb-\[44rem\] {
        padding-bottom: 44rem
    }

    .md\:pr-1\/10 {
        padding-right: 10%
    }

    .md\:pr-30 {
        padding-right: 3rem
    }

    .md\:pt-10 {
        padding-top: 1rem
    }

    .md\:pt-20 {
        padding-top: 2rem
    }

    .md\:-tracking-\[0\.04em\] {
        letter-spacing: -.04em
    }
}

@media (min-width:1024px) {
    .title-counter {
        width: 2.8rem;
        height: 2.8rem
    }

    .lg\:\!-left-0 {
        left: 0 !important
    }

    .lg\:\!-left-10 {
        left: -1rem !important
    }

    .lg\:\!-left-20 {
        left: -2rem !important
    }

    .lg\:-right-0 {
        right: 0
    }

    .lg\:-right-10 {
        right: -1rem
    }

    .lg\:-right-20 {
        right: -2rem
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:order-first {
        order: -9999
    }

    .lg\:order-last {
        order: 9999
    }

    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .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\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-10 {
        margin-bottom: 1rem
    }

    .lg\:mb-190 {
        margin-bottom: 19rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-50 {
        height: 5rem
    }

    .lg\:h-\[113\.1rem\] {
        height: 113.1rem
    }

    .lg\:h-screen {
        height: 100svh
    }

    .lg\:w-90 {
        width: 9rem
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:max-w-\[21\.7rem\] {
        max-width: 21.7rem
    }

    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:gap-x-20 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .lg\:rounded {
        border-radius: 1rem
    }

    .lg\:px-70 {
        padding-left: 7rem;
        padding-right: 7rem
    }

    .lg\:pb-10 {
        padding-bottom: 1rem
    }

    .lg\:pb-230 {
        padding-bottom: 23rem
    }

    .lg\:pb-240 {
        padding-bottom: 24rem
    }

    .lg\:pr-20 {
        padding-right: 2rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pt-10 {
        padding-top: 1rem
    }

    .lg\:pt-50 {
        padding-top: 5rem
    }
}

@media screen and (min-width:1024px) {
    .custom-inline-checkbox .checked-label {
        font-size: 1.4rem
    }
}

@media (min-width:1280px) {

    input[type=email],
    input[type=password],
    input[type=tel],
    input[type=text],
    textarea {
        font-size: 2.2rem
    }

    .laptop\:pointer-events-none {
        pointer-events: none
    }

    .laptop\:absolute {
        position: absolute
    }

    .laptop\:\!bottom-\[1em\] {
        bottom: 1em !important
    }

    .laptop\:-top-100 {
        top: -10rem
    }

    .laptop\:-top-160 {
        top: -16rem
    }

    .laptop\:z-2 {
        z-index: 2
    }

    .laptop\:col-span-1 {
        grid-column: span 1/span 1
    }

    .laptop\:col-span-2 {
        grid-column: span 2/span 2
    }

    .laptop\:col-start-7 {
        grid-column-start: 7
    }

    .laptop\:m-0 {
        margin: 0
    }

    .laptop\:mb-140 {
        margin-bottom: 14rem
    }

    .laptop\:mb-200 {
        margin-bottom: 20rem
    }

    .laptop\:ml-0 {
        margin-left: 0
    }

    .laptop\:mr-20 {
        margin-right: 2rem
    }

    .laptop\:mt-auto {
        margin-top: auto
    }

    .laptop\:grid {
        display: grid
    }

    .laptop\:min-h-80 {
        min-height: 8rem
    }

    .laptop\:min-h-\[30\.2rem\] {
        min-height: 30.2rem
    }

    .laptop\:max-w-\[69rem\] {
        max-width: 69rem
    }

    .laptop\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .laptop\:flex-row {
        flex-direction: row
    }

    .laptop\:items-start {
        align-items: flex-start
    }

    .laptop\:items-end {
        align-items: flex-end
    }

    .laptop\:justify-between {
        justify-content: space-between
    }

    .laptop\:gap-x-30 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .laptop\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .laptop\:p-20 {
        padding: 2rem
    }

    .laptop\:pb-40 {
        padding-bottom: 4rem
    }

    .laptop\:pl-0 {
        padding-left: 0
    }

    .laptop\:text-\[2\.2rem\] {
        font-size: 2.2rem
    }

    .group:hover .laptop\:group-hover\:-translate-y-\[7\.2rem\] {
        --tw-translate-y: -7.2rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width:1440px) {
    html {
        font-size: .6944444444444444vw
    }

    .h1,
    h1 {
        font-size: 7rem
    }

    .h1--large,
    h1--large {
        font-size: 19rem
    }

    .h2,
    h2 {
        font-size: 3.4rem
    }

    .h3,
    h3 {
        font-size: 2.2rem
    }

    .h4,
    h4 {
        font-size: 2rem
    }

    .title-counter {
        font-size: 1.5rem
    }

    .wysiwyg h3:before {
        font-size: 1.2rem
    }
}