html.lenis,
html.lenis body {
    height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
    overflow: clip;
}
.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
    pointer-events: none;
}
.lenis.lenis-autoToggle {
    transition-property: overflow;
    transition-duration: 1ms;
    transition-behavior: allow-discrete;
}
:root {
    --swiper-theme-color: #007aff;
}
:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}
.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    box-sizing: initial;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d {
    perspective: 1200px;
    .swiper-cube-shadow,
    .swiper-slide {
        transform-style: preserve-3d;
    }
}
.swiper-css-mode {
    > .swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        &::-webkit-scrollbar {
            display: none;
        }
    }
    > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start;
    }
    &.swiper-horizontal {
        > .swiper-wrapper {
            scroll-snap-type: x mandatory;
        }
    }
    &.swiper-vertical {
        > .swiper-wrapper {
            scroll-snap-type: y mandatory;
        }
    }
    &.swiper-free-mode {
        > .swiper-wrapper {
            scroll-snap-type: none;
        }
        > .swiper-wrapper > .swiper-slide {
            scroll-snap-align: none;
        }
    }
    &.swiper-centered {
        > .swiper-wrapper:before {
            content: "";
            flex-shrink: 0;
            order: 9999;
        }
        > .swiper-wrapper > .swiper-slide {
            scroll-snap-align: center center;
            scroll-snap-stop: always;
        }
    }
    &.swiper-centered.swiper-horizontal {
        > .swiper-wrapper > .swiper-slide:first-child {
            margin-inline-start: var(--swiper-centered-offset-before);
        }
        > .swiper-wrapper:before {
            height: 100%;
            min-height: 1px;
            width: var(--swiper-centered-offset-after);
        }
    }
    &.swiper-centered.swiper-vertical {
        > .swiper-wrapper > .swiper-slide:first-child {
            margin-block-start: var(--swiper-centered-offset-before);
        }
        > .swiper-wrapper:before {
            height: var(--swiper-centered-offset-after);
            min-width: 1px;
            width: 100%;
        }
    }
}
.swiper-3d {
    .swiper-slide-shadow,
    .swiper-slide-shadow-bottom,
    .swiper-slide-shadow-left,
    .swiper-slide-shadow-right,
    .swiper-slide-shadow-top {
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10;
    }
    .swiper-slide-shadow {
        background: #00000026;
    }
    .swiper-slide-shadow-left {
        background-image: linear-gradient(270deg, #00000080, #0000);
    }
    .swiper-slide-shadow-right {
        background-image: linear-gradient(90deg, #00000080, #0000);
    }
    .swiper-slide-shadow-top {
        background-image: linear-gradient(0deg, #00000080, #0000);
    }
    .swiper-slide-shadow-bottom {
        background-image: linear-gradient(180deg, #00000080, #0000);
    }
}
.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid #0000;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible,
.swiper:not(.swiper-watch-progress) {
    .swiper-lazy-preloader {
        animation: swiper-preloader-spin 1s linear infinite;
    }
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
.swiper-creative {
    .swiper-slide {
        backface-visibility: hidden;
        overflow: hidden;
        transition-property: transform, opacity, height;
    }
}
:root {
    --default-ease: cubic-bezier(0.72, 0.17, 0.17, 1);
    --smooth-ease: cubic-bezier(0.32, 0.72, 0, 1);
    --bouncy-ease: cubic-bezier(0.34, 1.42, 0.64, 1);
    --elastic-ease-out: linear(
        0,
        0.5737 7.6%,
        0.8382 11.87%,
        0.9463 14.19%,
        1.0292 16.54%,
        1.0886 18.97%,
        1.1258 21.53%,
        1.137 22.97%,
        1.1424 24.48%,
        1.1423 26.1%,
        1.1366 27.86%,
        1.1165 31.01%,
        1.0507 38.62%,
        1.0219 42.57%,
        0.9995 46.99%,
        0.9872 51.63%,
        0.9842 58.77%,
        1.0011 81.26%,
        1
    );
    --grid-margin: 1.25em;
    --grid-columns: 6;
    --grid-gutter: 1.25em;
    --grid-column-width: calc(
        ((var(--vw, 1vw) * 100) - (2 * var(--grid-margin))) / var(--grid-columns) -
            (var(--grid-gutter) * (var(--grid-columns) - 1) / var(--grid-columns))
    );
    --grid: repeat(var(--grid-columns), minmax(0, 1fr));
}
@media (width >= 991px) {
    :root {
        --grid-margin: 2.5em;
        --grid-columns: 12;
    }
}
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    scroll-behavior: initial;
    scrollbar-width: thin;
}
html:not(.is-ready.fonts-loaded) {
    cursor: wait;
    pointer-events: none;
}
html:not(.is-ready.fonts-loaded).wf-editor-mode,
html:not(.is-ready.fonts-loaded).wf-design-mode,
html:not(.is-ready.fonts-loaded).site-scrollbar {
    cursor: auto;
    pointer-events: auto;
}
html,
body {
    overscroll-behavior: none;
    width: 100%;
    height: 100%;
    margin: 0;
}
::-moz-selection {
    color: var(--bg-pale);
    background: var(--dark-green);
}
::selection {
    color: var(--bg-pale);
    background: var(--dark-green);
}
.wf-editor-mode .w-embed.w-script,
.wf-design-mode .w-embed.w-script {
    display: none;
}
.wf-editor-mode .wf-empty,
.wf-design-mode .wf-empty {
    padding: 0;
}
@media (prefers-reduced-motion: no-preference) {
    .is-wiggle {
        animation: wiggle 0.8s steps(7, end) infinite;
        animation-delay: var(--animation-delay);
    }
}
@keyframes wiggle {
    0% {
        transform: translateY(1px);
    }
    20% {
        transform: translate(-1px, -1px);
    }
    32% {
        transform: translate(0);
    }
    48% {
        transform: translate(0);
    }
    64% {
        transform: translate(1px);
    }
    80% {
        transform: translateY(-1px);
    }
    to {
        transform: translate(0);
    }
}
@media (orientation: portrait) {
    .stage-logo {
        width: 100%;
        height: auto;
    }
}
@media (orientation: landscape) {
    .stage-container {
        min-height: 100svh;
    }
}
@media (hover: hover) and (pointer: fine) {
    .button:is(:hover, :focus-visible) .button-bg,
    .footer-product:has(.footer-product-link:is(:hover, :focus-visible)) .button .button-bg {
        translate: -2.5em -0.325em 0;
        rotate: -4deg;
        scale: 0.945 0.915;
        transform: scale(1.0582010582, 1.0928961749);
        transition:
            translate 0.8s 0.1s var(--elastic-ease-out),
            rotate 0.8s 0.1s var(--elastic-ease-out),
            scale 0.15s 0.1s var(--default-ease),
            transform 0.35s 0.25s var(--bouncy-ease),
            box-shadow 0.35s var(--smooth-ease);
    }
}
@media (hover: hover) and (pointer: fine) {
    .button:is(:hover, :focus-visible) .button-cycle.is-first .button-cycle-bg,
    .footer-product:has(.footer-product-link:is(:hover, :focus-visible))
        .button
        .button-cycle.is-first
        .button-cycle-bg {
        scale: 0;
        opacity: 0;
        transition:
            scale 0.35s var(--default-ease),
            opacity 0.15s 0.15s ease-out;
    }
}
@media (hover: hover) and (pointer: fine) {
    .button:is(:hover, :focus-visible) .button-cycle.is-first .button-arrow,
    .footer-product:has(.footer-product-link:is(:hover, :focus-visible)) .button .button-cycle.is-first .button-arrow {
        translate: -0.75em 0.75em 0;
        filter: blur(0.5rem);
        opacity: 0;
        scale: 0.625;
        transition:
            translate 0.75s 0.1s var(--elastic-ease-out),
            scale 0.25s 0.1s var(--default-ease),
            opacity 0.1s 0.15s ease-out,
            filter 0.1s 0.15s ease-out;
    }
}
@media (hover: hover) and (pointer: fine) {
    .button:is(:hover, :focus-visible) .button-cycle.is-second .button-cycle-bg,
    .footer-product:has(.footer-product-link:is(:hover, :focus-visible))
        .button
        .button-cycle.is-second
        .button-cycle-bg {
        scale: 1;
        opacity: 1;
        transition:
            scale 0.75s 0.1s var(--elastic-ease-out),
            opacity 0.15s ease-out;
    }
}
@media (hover: hover) and (pointer: fine) {
    .button:is(:hover, :focus-visible) .button-cycle.is-second .button-arrow,
    .footer-product:has(.footer-product-link:is(:hover, :focus-visible)) .button .button-cycle.is-second .button-arrow {
        translate: 0 0 0;
        filter: blur(0);
        opacity: 1;
        scale: 1;
        transition:
            translate 0.3s 0.2s var(--bouncy-ease),
            scale 0.3s 0.15s var(--default-ease),
            opacity 0.15s 0.2s ease-out,
            filter 0.15s 0.2s ease-out;
    }
}
.button:is(:focus-visible) {
    outline: none;
}
.button:is(:focus-visible) .button-bg {
    box-shadow: 0 0 0 3px var(--white);
}
.button:is(:focus-visible) .button-bg.white-bg {
    box-shadow: 0 0 0 3px var(--dark-green);
}
.button-bg {
    transition:
        translate 0.8s var(--elastic-ease-out),
        rotate 0.8s var(--elastic-ease-out),
        scale 0.35s var(--default-ease),
        transform 0.35s var(--default-ease),
        box-shadow 0.35s var(--smooth-ease);
}
.button-cycle-bg {
    transition:
        scale 0.75s var(--elastic-ease-out),
        opacity 0.15s ease-out;
}
.button-cycle.is-second .button-cycle-bg {
    scale: 0;
    opacity: 0;
    transition:
        scale 0.75s var(--elastic-ease-out),
        opacity 0.15s 0.1s ease-out;
}
.button-cycle.is-first .button-arrow {
    transition:
        translate 0.3s 0.15s var(--bouncy-ease),
        scale 0.3s 0.1s var(--default-ease),
        opacity 0.15s 0.15s ease-out,
        filter 0.15s 0.15s ease-out;
}
.button-cycle.is-second .button-arrow {
    transition:
        translate 0.75s var(--elastic-ease-out),
        scale 0.3s var(--default-ease),
        opacity 0.15s 0.05s ease-out,
        filter 0.15s 0.05s ease-out;
    translate: -0.75em 0.75em 0;
    filter: blur(0.5rem);
    opacity: 0;
    scale: 0.625;
}
@media (hover: hover) and (pointer: fine) {
    .social-media-link:is(:hover, :focus-visible) .social-media-circle {
        scale: 0.945 0.915;
        transform: scale(1.0582010582, 1.0928961749);
        transition:
            translate 0.725s 0.1s var(--elastic-ease-out),
            rotate 0.725s 0.1s var(--elastic-ease-out),
            scale 0.15s 0.1s var(--default-ease),
            transform 0.35s 0.25s var(--bouncy-ease),
            box-shadow 0.35s var(--smooth-ease);
    }
}
@media (hover: hover) and (pointer: fine) {
    .social-media-link:is(:hover, :focus-visible):nth-child(1) .social-media-circle {
        translate: -0.125em -0.325em 0;
        rotate: -4deg;
    }
}
@media (hover: hover) and (pointer: fine) {
    .social-media-link:is(:hover, :focus-visible):nth-child(2) .social-media-circle {
        translate: -0.0675em -0.4em 0;
        rotate: -1deg;
    }
}
@media (hover: hover) and (pointer: fine) {
    .social-media-link:is(:hover, :focus-visible):nth-child(3) .social-media-circle {
        translate: 0.125em -0.325em 0;
        rotate: 3deg;
    }
}
.social-media-link:is(:focus-visible) {
    outline: none;
}
.social-media-link:is(:focus-visible) .social-media-circle {
    box-shadow: 0 0 0 3px var(--dark-green);
}
.social-media-circle {
    transition:
        translate 0.725s var(--elastic-ease-out),
        rotate 0.725s var(--elastic-ease-out),
        scale 0.35s var(--default-ease),
        transform 0.35s var(--default-ease),
        box-shadow 0.35s var(--smooth-ease);
}
@media (hover: hover) and (pointer: fine) {
    .nav-link:is(:hover, :focus-visible) .nav-text {
        scale: 0.945 0.915;
        transform: scale(1.0582010582, 1.0928961749);
        transition:
            translate 0.725s 0.1s var(--elastic-ease-out),
            rotate 0.725s 0.1s var(--elastic-ease-out),
            scale 0.15s 0.1s var(--default-ease),
            transform 0.35s 0.25s var(--bouncy-ease),
            box-shadow 0.35s var(--smooth-ease);
    }
}
.nav-link:is(:hover, :focus-visible):nth-child(1) .nav-text {
    translate: -0.125em -0.325em 0;
    rotate: -4deg;
}
.nav-link:is(:hover, :focus-visible):nth-child(2) .nav-text {
    translate: -0.0675em -0.4em 0;
    rotate: -1deg;
}
.nav-link:is(:hover, :focus-visible):nth-child(3) .nav-text {
    translate: 0.125em -0.325em 0;
    rotate: 3deg;
}
.nav-link:is(:hover, :focus-visible):nth-child(4) .nav-text {
    translate: 0.125em -0.325em 0;
    rotate: 3deg;
}
.nav-link:is(:focus-visible) {
    outline: none;
}
.nav-link:is(:focus-visible) .nav-text {
    box-shadow: 0 0 0 3px var(--dark-green);
}
.nav-text {
    transition:
        translate 0.725s var(--elastic-ease-out),
        rotate 0.725s var(--elastic-ease-out),
        scale 0.35s var(--default-ease),
        transform 0.35s var(--default-ease),
        box-shadow 0.35s var(--smooth-ease);
}
.marquee-text-svg text {
    fill: var(--bg-light);
    letter-spacing: -0.03em;
    text-transform: uppercase;
    font-size: 11rem;
    font-weight: 600;
    line-height: 70%;
    font-family:
        Founders Grotesk Condensed,
        Arial,
        sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.marquee-inner svg {
    backface-visibility: hidden;
}
.rating-link:after {
    content: "";
    display: block;
    position: absolute;
    inset: -0.5em -0.25em;
}
.rating-link:is(:hover, :focus-visible) .rating-text-wrap:after {
    translate: 0 0.125em 0;
}
.rating-link:is(:hover, :focus-visible) .rating-text {
    translate: 0.125em -0.25em 0;
    rotate: 3deg;
    scale: 0.945 0.915;
    transform: scale(1.0582010582, 1.0928961749);
    transition:
        translate 0.725s 0.1s var(--elastic-ease-out),
        rotate 0.725s 0.1s var(--elastic-ease-out),
        scale 0.15s 0.1s var(--default-ease),
        transform 0.35s 0.25s var(--bouncy-ease);
}
.rating-link:is(:hover, :focus-visible) .rating-star {
    scale: 0.945 0.915;
    transform: scale(1.0582010582, 1.0928961749);
    transition:
        translate 0.725s 0.1s var(--elastic-ease-out),
        rotate 0.725s 0.1s var(--elastic-ease-out),
        scale 0.15s 0.1s var(--default-ease),
        transform 0.35s 0.25s var(--bouncy-ease);
}
.rating-link:is(:hover, :focus-visible) .rating-star:nth-child(1) {
    translate: -0.125em -0.4em 0;
    rotate: -3deg;
}
.rating-link:is(:hover, :focus-visible) .rating-star:nth-child(2) {
    translate: -0.0675em -0.75em 0;
    rotate: -1deg;
    transition:
        translate 0.725s 0.105s var(--elastic-ease-out),
        rotate 0.725s 0.105s var(--elastic-ease-out),
        scale 0.15s 0.105s var(--default-ease),
        transform 0.35s 0.2505s var(--bouncy-ease);
}
.rating-link:is(:hover, :focus-visible) .rating-star:nth-child(3) {
    translate: 0 -0.4em 0;
    rotate: -2deg;
    transition:
        translate 0.725s 0.11s var(--elastic-ease-out),
        rotate 0.725s 0.11s var(--elastic-ease-out),
        scale 0.15s 0.11s var(--default-ease),
        transform 0.35s 0.251s var(--bouncy-ease);
}
.rating-link:is(:hover, :focus-visible) .rating-star:nth-child(4) {
    translate: 0.0675em -0.625em 0;
    rotate: 1deg;
    transition:
        translate 0.725s 0.115s var(--elastic-ease-out),
        rotate 0.725s 0.115s var(--elastic-ease-out),
        scale 0.15s 0.115s var(--default-ease),
        transform 0.35s 0.2515s var(--bouncy-ease);
}
.rating-link:is(:hover, :focus-visible) .rating-star:nth-child(5) {
    translate: 0.125em -0.4em 0;
    rotate: 1deg;
    transition:
        translate 0.725s 0.12s var(--elastic-ease-out),
        rotate 0.725s 0.12s var(--elastic-ease-out),
        scale 0.15s 0.12s var(--default-ease),
        transform 0.35s 0.252s var(--bouncy-ease);
}
.rating-text-wrap:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2%;
    background-color: currentColor;
    bottom: -3%;
    transition:
        translate 0.45s var(--smooth-ease),
        rotate 0.4s var(--smooth-ease);
}
.rating-text,
.rating-star {
    transition:
        translate 0.725s var(--elastic-ease-out),
        rotate 0.725s var(--elastic-ease-out),
        scale 0.35s var(--default-ease),
        transform 0.35s var(--default-ease);
}
.testimonial-slider-item-wrap.is-active .testimonial-slider-item {
    color: var(--dark-green);
    background-color: var(--white);
    transition:
        color 0.2s ease-out,
        background-color 0.2s ease-out;
}
.testimonial-slider-button {
    transition:
        translate 0.725s var(--elastic-ease-out),
        rotate 0.725s var(--elastic-ease-out),
        scale 0.35s var(--default-ease),
        transform 0.35s var(--default-ease),
        box-shadow 0.35s var(--smooth-ease);
}
@media (hover: hover) and (pointer: fine) {
    .testimonial-slider-button:is(:hover, :focus-visible) {
        scale: 0.945 0.915;
        transform: scale(1.0582010582, 1.0928961749);
        transition:
            translate 0.725s 0.1s var(--elastic-ease-out),
            rotate 0.725s 0.1s var(--elastic-ease-out),
            scale 0.15s 0.1s var(--default-ease),
            transform 0.35s 0.25s var(--bouncy-ease),
            box-shadow 0.35s var(--smooth-ease);
    }
}
@media (hover: hover) and (pointer: fine) {
    .testimonial-slider-button:is(:hover, :focus-visible).is-left {
        translate: -0.375em 0 0;
        rotate: -4deg;
    }
}
@media (hover: hover) and (pointer: fine) {
    .testimonial-slider-button:is(:hover, :focus-visible).is-right {
        translate: 0.375em 0 0;
        rotate: 4deg;
    }
}
.testimonial-slider-button:is(:focus-visible) {
    outline: none;
    box-shadow: 0 0 0 3px var(--dark-green);
}
.testimonial-slider-button.is-left:is(:active) .testimonial-slider-button-arrow {
    translate: -0.25em 0 0;
}
.testimonial-slider-button.is-right:is(:active) .testimonial-slider-button-arrow {
    translate: 0.25em 0 0;
}
.testimonial-slider-button-arrow {
    transition: translate 0.725s var(--elastic-ease-out);
}
.testimonial-media video {
    width: 100%;
    height: 100%;
    border-radius: 0.375em;
}
.testimonial-sound-btn {
    transition:
        scale 0.75s var(--elastic-ease-out),
        background-color 0.25s var(--smooth-ease);
}
@media (hover: hover) and (pointer: fine) {
    .testimonial-sound-btn:is(:hover, :focus-visible) {
        background-color: color-mix(in hsl, var(--dark-green), transparent 35%);
    }
}
.testimonial-sound-btn:active {
    scale: 0.9;
}
.testimonial-sound-button-icon.is-first {
    transition:
        opacity 0.15s 0.05s ease-out,
        scale 0.75s 0.05s var(--elastic-ease-out),
        rotate 0.75s 0.05s var(--elastic-ease-out);
}
.is-clicked .testimonial-sound-button-icon.is-first {
    opacity: 0;
    scale: 0.5;
    rotate: -30deg;
    transition:
        opacity 0.15s ease-out,
        scale 0.35s var(--smooth-ease),
        rotate 0.35s var(--smooth-ease);
}
.testimonial-sound-button-icon.is-second {
    opacity: 0;
    scale: 0.5;
    rotate: 30deg;
    transition:
        opacity 0.15s ease-out,
        scale 0.35s var(--smooth-ease),
        rotate 0.35s var(--smooth-ease);
}
.is-clicked .testimonial-sound-button-icon.is-second {
    opacity: 1;
    scale: 1;
    rotate: 0deg;
    transition:
        opacity 0.15s 0.05s ease-out,
        scale 0.75s 0.05s var(--elastic-ease-out),
        rotate 0.75s 0.05s var(--elastic-ease-out);
}
.footer-product {
    transition:
        translate 0.725s var(--elastic-ease-out),
        rotate 0.725s var(--elastic-ease-out),
        scale 0.35s var(--default-ease),
        transform 0.35s var(--default-ease),
        box-shadow 0.35s var(--smooth-ease);
}
@media (hover: hover) and (pointer: fine) {
    .footer-product:has(.footer-product-link:is(:hover, :focus-visible)) {
        scale: 0.975;
        transform: scale(1.0256410256);
        transition:
            translate 0.725s 0.1s var(--elastic-ease-out),
            rotate 0.725s 0.1s var(--elastic-ease-out),
            scale 0.15s 0.1s var(--default-ease),
            transform 0.35s 0.25s var(--bouncy-ease),
            box-shadow 0.35s var(--smooth-ease);
        translate: -0.375em -3em 0;
        rotate: -2deg;
    }
}
.footer-product:has(.footer-product-link:is(:focus-visible)) {
    outline: none;
    box-shadow: 0 0 0 3px var(--dark-green);
}
.footer-product-link:after {
    content: "";
    position: absolute;
    display: block;
    inset: 0;
    transition:
        translate 0.725s var(--elastic-ease-out),
        rotate 0.725s var(--elastic-ease-out),
        transform 0.35s var(--default-ease);
}
@media (hover: hover) and (pointer: fine) {
    .footer-product-link:is(:hover, :focus-visible):after {
        transition:
            translate 0.725s var(--elastic-ease-out),
            rotate 0.725s var(--elastic-ease-out),
            transform 0.35s var(--bouncy-ease);
        translate: 0.375em 3em 0;
        rotate: 2deg;
    }
}
.footer-info {
    position: relative;
    transition:
        translate 0.725s var(--elastic-ease-out),
        rotate 0.725s var(--elastic-ease-out),
        scale 0.35s var(--default-ease),
        transform 0.35s var(--default-ease),
        box-shadow 0.35s var(--smooth-ease);
}
@media (hover: hover) and (pointer: fine) {
    .footer-info:is(:hover, :focus-visible) {
        scale: 0.95;
        transform: scale(1.0526315789);
        transition:
            translate 0.725s 0.1s var(--elastic-ease-out),
            rotate 0.725s 0.1s var(--elastic-ease-out),
            scale 0.15s 0.1s var(--default-ease),
            transform 0.35s 0.25s var(--bouncy-ease),
            box-shadow 0.35s var(--smooth-ease);
    }
}
@media (hover: hover) and (pointer: fine) {
    .footer-info:is(:hover, :focus-visible):after {
        transition:
            translate 0.725s var(--elastic-ease-out),
            rotate 0.725s var(--elastic-ease-out),
            transform 0.35s var(--bouncy-ease);
    }
}
.footer-info:is(:hover, :focus-visible).is-first {
    translate: -0.25em -1.5em 0;
    rotate: -1deg;
}
.footer-info:is(:hover, :focus-visible).is-first:after {
    translate: 0.25em 1.5em 0;
    rotate: 1deg;
}
.footer-info:is(:hover, :focus-visible).is-second {
    translate: 0.375em -1.25em 0;
    rotate: 3deg;
}
.footer-info:is(:hover, :focus-visible).is-second:after {
    translate: -0.375em 1.25em 0;
    rotate: -3deg;
}
.footer-info:is(:focus-visible) {
    outline: none;
    box-shadow: 0 0 0 3px var(--dark-green);
}
.footer-info:after {
    content: "";
    position: absolute;
    display: block;
    inset: 0;
    transition:
        translate 0.725s var(--elastic-ease-out),
        rotate 0.725s var(--elastic-ease-out),
        transform 0.35s var(--default-ease);
}
.footer-credits-detail:last-child {
    border-bottom: 0;
}
.footer-credits-toggle:is(:hover, :focus-visible) + .footer-credits {
    visibility: visible;
    transition: visibility 0s linear;
}
.footer-credits-toggle:is(:hover, :focus-visible) + .footer-credits .footer-credits-inner {
    scale: 0.95;
    transform: scale(1.0526315789);
    transition:
        translate 0.725s 0.1s var(--elastic-ease-out),
        rotate 0.725s 0.1s var(--elastic-ease-out),
        scale 0.15s 0.1s var(--default-ease),
        transform 0.35s 0.25s var(--bouncy-ease),
        opacity 0.2s 0.125s ease-out;
    translate: 0 0 0;
    rotate: 0deg;
    opacity: 1;
    pointer-events: auto;
}
.footer-credits {
    --credits-animation-speed: 0.825s;
    visibility: hidden;
    transition: visibility 0s linear var(--credits-animation-speed);
}
.footer-credits:hover {
    visibility: visible;
    transition: visibility 0s linear;
}
.footer-credits:hover .footer-credits-inner {
    scale: 0.95;
    transform: scale(1.0526315789);
    transition:
        translate 0.725s 0.1s var(--elastic-ease-out),
        rotate 0.725s 0.1s var(--elastic-ease-out),
        scale 0.15s 0.1s var(--default-ease),
        transform 0.35s 0.25s var(--bouncy-ease),
        opacity 0.2s 0.125s ease-out;
    translate: 0 0 0;
    rotate: 0deg;
    opacity: 1;
    pointer-events: auto;
}
.footer-credits-inner {
    transition:
        translate 0.725s var(--elastic-ease-out),
        rotate 0.725s var(--elastic-ease-out),
        scale 0.35s var(--default-ease),
        transform 0.35s var(--default-ease),
        opacity 0.125s 0.01s ease-out;
    translate: 0.5em 1.5em 0;
    rotate: 2deg;
    opacity: 0;
    pointer-events: none;
}
.shipping-link:after,
.footer-credits-toggle:after,
.credits-link:after {
    content: "";
    display: block;
    position: absolute;
    inset: -0.5em -0.25em;
}
.shipping-link:is(:hover, :focus-visible) .shipping-link-wrap:after,
.shipping-link:is(:hover, :focus-visible) .footer-credits-toggle-wrap:after,
.shipping-link:is(:hover, :focus-visible) .credits-link-wrap:after,
.footer-credits-toggle:is(:hover, :focus-visible) .shipping-link-wrap:after,
.footer-credits-toggle:is(:hover, :focus-visible) .footer-credits-toggle-wrap:after,
.footer-credits-toggle:is(:hover, :focus-visible) .credits-link-wrap:after,
.credits-link:is(:hover, :focus-visible) .shipping-link-wrap:after,
.credits-link:is(:hover, :focus-visible) .footer-credits-toggle-wrap:after,
.credits-link:is(:hover, :focus-visible) .credits-link-wrap:after {
    translate: 0 0.125em 0;
}
.shipping-link:is(:hover, :focus-visible) .shipping-link-text,
.shipping-link:is(:hover, :focus-visible) .footer-credits-toggle-text,
.shipping-link:is(:hover, :focus-visible) .credits-link-text,
.footer-credits-toggle:is(:hover, :focus-visible) .shipping-link-text,
.footer-credits-toggle:is(:hover, :focus-visible) .footer-credits-toggle-text,
.footer-credits-toggle:is(:hover, :focus-visible) .credits-link-text,
.credits-link:is(:hover, :focus-visible) .shipping-link-text,
.credits-link:is(:hover, :focus-visible) .footer-credits-toggle-text,
.credits-link:is(:hover, :focus-visible) .credits-link-text {
    translate: 0.0675em -0.125em 0;
    rotate: 2deg;
    scale: 0.955 0.925;
    transform: scale(1.0471204188, 1.0810810811);
    transition:
        translate 0.725s 0.1s var(--elastic-ease-out),
        rotate 0.725s 0.1s var(--elastic-ease-out),
        scale 0.15s 0.1s var(--default-ease),
        transform 0.35s 0.25s var(--bouncy-ease);
}
.shipping-link-wrap:after,
.footer-credits-toggle-wrap:after,
.credits-link-wrap:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2%;
    background-color: currentColor;
    bottom: -25%;
    transition:
        translate 0.45s var(--smooth-ease),
        rotate 0.4s var(--smooth-ease);
}
.footer-credits-toggle-wrap:after {
    bottom: -8%;
}
.credits-link-wrap:after {
    bottom: -15%;
}
.shipping-link-text,
.footer-credits-toggle-text,
.credits-link-text {
    transition:
        translate 0.725s var(--elastic-ease-out),
        rotate 0.725s var(--elastic-ease-out),
        scale 0.35s var(--default-ease),
        transform 0.35s var(--default-ease);
}
.flavour-slider-button {
    transition:
        translate 0.725s var(--elastic-ease-out),
        rotate 0.725s var(--elastic-ease-out),
        scale 0.35s var(--default-ease),
        transform 0.35s var(--default-ease),
        box-shadow 0.35s var(--smooth-ease);
}
@media (hover: hover) and (pointer: fine) {
    .flavour-slider-button:is(:hover, :focus-visible) {
        scale: 0.945 0.915;
        transform: scale(1.0582010582, 1.0928961749);
        transition:
            translate 0.725s 0.1s var(--elastic-ease-out),
            rotate 0.725s 0.1s var(--elastic-ease-out),
            scale 0.15s 0.1s var(--default-ease),
            transform 0.35s 0.25s var(--bouncy-ease),
            box-shadow 0.35s var(--smooth-ease);
    }
}
@media (hover: hover) and (pointer: fine) {
    .flavour-slider-button:is(:hover, :focus-visible).is-left {
        translate: -0.375em 0 0;
        rotate: -4deg;
    }
}
@media (hover: hover) and (pointer: fine) {
    .flavour-slider-button:is(:hover, :focus-visible).is-right {
        translate: 0.375em 0 0;
        rotate: 4deg;
    }
}
.flavour-slider-button:is(:focus-visible) {
    outline: none;
    box-shadow: 0 0 0 3px var(--dark-green);
}
.flavour-slider-button.is-left:is(:active) .flavour-slider-button-arrow {
    translate: -0.25em 0 0;
}
.flavour-slider-button.is-right:is(:active) .flavour-slider-button-arrow {
    translate: 0.25em 0 0;
}
.flavour-slider-button-arrow {
    transition: translate 0.725s var(--elastic-ease-out);
}
.flavour-swiper,
.flavour-content-swiper,
.flavour-swiper .flavour-slide,
.flavour-swiper .flavour-content-slide,
.flavour-content-swiper .flavour-slide,
.flavour-content-swiper .flavour-content-slide {
    overflow: visible;
}
.flavour-slide-dose {
    transition:
        rotate 0.6s var(--smooth-ease),
        scale 0.6s var(--smooth-ease),
        opacity 0.25s ease-out;
    scale: 0.75;
    opacity: 0;
}
.swiper-slide-active .flavour-slide-dose {
    transition:
        rotate 0.95s var(--elastic-ease-out),
        scale 0.95s var(--elastic-ease-out),
        opacity 0.25s ease-out;
    rotate: -5.5deg;
    scale: 1;
    opacity: 1;
}
.flavour-slide-pack {
    transition:
        rotate 0.6s var(--smooth-ease),
        scale 0.6s var(--smooth-ease),
        opacity 0.25s ease-out;
    scale: 0.75;
    opacity: 0;
}
.swiper-slide-active .flavour-slide-pack {
    transition:
        rotate 0.95s var(--elastic-ease-out),
        scale 0.95s var(--elastic-ease-out),
        opacity 0.25s ease-out;
    scale: 1;
    opacity: 1;
}
.swiper-slide-active .flavour-slide-pack.is-first {
    rotate: 8deg;
}
.swiper-slide-active .flavour-slide-pack.is-second {
    rotate: 28deg;
}
.flavour-content-slide-inner {
    transition: opacity 0.25s ease-out;
    opacity: 0;
}
.swiper-slide-active .flavour-content-slide-inner {
    opacity: 1;
}
.flavour-content-slide-inner .button {
    opacity: 0;
    translate: 0 1em 0;
    scale: 0.85;
    transition:
        opacity 0.15s ease-out,
        translate 0.5s var(--smooth-ease),
        scale 0.5s var(--smooth-ease);
}
.swiper-slide-active .flavour-content-slide-inner .button {
    transition:
        opacity 0.15s ease-out,
        translate 0.85s var(--elastic-ease-out),
        scale 0.85s var(--elastic-ease-out);
    opacity: 1;
    translate: 0 0 0;
    scale: 1;
}
@media (min-width: 992px) and (orientation: portrait) {
    .sequence-canvas {
        scale: 0.65 !important;
    }
}
.sequence-title .split-word {
    will-change: transform;
}