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(.72, .17, .17, 1);
    --smooth-ease: cubic-bezier(.32, .72, 0, 1);
    --bouncy-ease: cubic-bezier(.34, 1.42, .64, 1);
    --elastic-ease-out: linear( 0, .5737 7.6%, .8382 11.87%, .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%, .9995 46.99%, .9872 51.63%, .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 .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 -.325em 0;
        rotate: -4deg;
        scale: .945 .915;
        transform: scale(1.0582010582, 1.0928961749);
        transition: translate .8s .1s var(--elastic-ease-out), rotate .8s .1s var(--elastic-ease-out), scale .15s .1s var(--default-ease), transform .35s .25s var(--bouncy-ease), box-shadow .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 .35s var(--default-ease), opacity .15s .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:-.75em .75em 0;
        filter: blur(.5rem);
        opacity: 0;
        scale: .625;
        transition: translate .75s .1s var(--elastic-ease-out), scale .25s .1s var(--default-ease), opacity .1s .15s ease-out, filter .1s .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 .75s .1s var(--elastic-ease-out), opacity .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 .3s .2s var(--bouncy-ease), scale .3s .15s var(--default-ease), opacity .15s .2s ease-out, filter .15s .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 .8s var(--elastic-ease-out), rotate .8s var(--elastic-ease-out), scale .35s var(--default-ease), transform .35s var(--default-ease), box-shadow .35s var(--smooth-ease)
}

.button-cycle-bg {
    transition: scale .75s var(--elastic-ease-out), opacity .15s ease-out
}

.button-cycle.is-second .button-cycle-bg {
    scale: 0;
    opacity: 0;
    transition: scale .75s var(--elastic-ease-out), opacity .15s .1s ease-out
}

.button-cycle.is-first .button-arrow {
    transition: translate .3s .15s var(--bouncy-ease), scale .3s .1s var(--default-ease), opacity .15s .15s ease-out, filter .15s .15s ease-out
}

.button-cycle.is-second .button-arrow {
    transition: translate .75s var(--elastic-ease-out), scale .3s var(--default-ease), opacity .15s .05s ease-out, filter .15s .05s ease-out;
    translate: -.75em .75em 0;
    filter: blur(.5rem);
    opacity: 0;
    scale: .625
}

@media (hover: hover) and (pointer: fine) {
    .social-media-link:is(:hover, :focus-visible) .social-media-circle {
        scale:.945 .915;
        transform: scale(1.0582010582, 1.0928961749);
        transition: translate .725s .1s var(--elastic-ease-out), rotate .725s .1s var(--elastic-ease-out), scale .15s .1s var(--default-ease), transform .35s .25s var(--bouncy-ease), box-shadow .35s var(--smooth-ease)
    }
}

@media (hover: hover) and (pointer: fine) {
    .social-media-link:is(:hover, :focus-visible):nth-child(1) .social-media-circle {
        translate:-.125em -.325em 0;
        rotate: -4deg
    }
}

@media (hover: hover) and (pointer: fine) {
    .social-media-link:is(:hover, :focus-visible):nth-child(2) .social-media-circle {
        translate:-.0675em -.4em 0;
        rotate: -1deg
    }
}

@media (hover: hover) and (pointer: fine) {
    .social-media-link:is(:hover, :focus-visible):nth-child(3) .social-media-circle {
        translate:.125em -.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 .725s var(--elastic-ease-out), rotate .725s var(--elastic-ease-out), scale .35s var(--default-ease), transform .35s var(--default-ease), box-shadow .35s var(--smooth-ease)
}

@media (hover: hover) and (pointer: fine) {
    .nav-link:is(:hover, :focus-visible) .nav-text {
        scale:.945 .915;
        transform: scale(1.0582010582, 1.0928961749);
        transition: translate .725s .1s var(--elastic-ease-out), rotate .725s .1s var(--elastic-ease-out), scale .15s .1s var(--default-ease), transform .35s .25s var(--bouncy-ease), box-shadow .35s var(--smooth-ease)
    }
}

.nav-link:is(:hover, :focus-visible):nth-child(1) .nav-text {
    translate: -.125em -.325em 0;
    rotate: -4deg
}

.nav-link:is(:hover, :focus-visible):nth-child(2) .nav-text {
    translate: -.0675em -.4em 0;
    rotate: -1deg
}

.nav-link:is(:hover, :focus-visible):nth-child(3) .nav-text {
    translate: .125em -.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 .725s var(--elastic-ease-out), rotate .725s var(--elastic-ease-out), scale .35s var(--default-ease), transform .35s var(--default-ease), box-shadow .35s var(--smooth-ease)
}

.marquee-text-svg text {
    fill: var(--bg-light);
    letter-spacing: -.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: -.5em -.25em
}

.rating-link:is(:hover, :focus-visible) .rating-text-wrap:after {
    translate: 0 .125em 0
}

.rating-link:is(:hover, :focus-visible) .rating-text {
    translate: .125em -.25em 0;
    rotate: 3deg;
    scale: .945 .915;
    transform: scale(1.0582010582, 1.0928961749);
    transition: translate .725s .1s var(--elastic-ease-out), rotate .725s .1s var(--elastic-ease-out), scale .15s .1s var(--default-ease), transform .35s .25s var(--bouncy-ease)
}

.rating-link:is(:hover, :focus-visible) .rating-star {
    scale: .945 .915;
    transform: scale(1.0582010582, 1.0928961749);
    transition: translate .725s .1s var(--elastic-ease-out), rotate .725s .1s var(--elastic-ease-out), scale .15s .1s var(--default-ease), transform .35s .25s var(--bouncy-ease)
}

.rating-link:is(:hover, :focus-visible) .rating-star:nth-child(1) {
    translate: -.125em -.4em 0;
    rotate: -3deg
}

.rating-link:is(:hover, :focus-visible) .rating-star:nth-child(2) {
    translate: -.0675em -.75em 0;
    rotate: -1deg;
    transition: translate .725s .105s var(--elastic-ease-out), rotate .725s .105s var(--elastic-ease-out), scale .15s .105s var(--default-ease), transform .35s .2505s var(--bouncy-ease)
}

.rating-link:is(:hover, :focus-visible) .rating-star:nth-child(3) {
    translate: 0 -.4em 0;
    rotate: -2deg;
    transition: translate .725s .11s var(--elastic-ease-out), rotate .725s .11s var(--elastic-ease-out), scale .15s .11s var(--default-ease), transform .35s .251s var(--bouncy-ease)
}

.rating-link:is(:hover, :focus-visible) .rating-star:nth-child(4) {
    translate: .0675em -.625em 0;
    rotate: 1deg;
    transition: translate .725s .115s var(--elastic-ease-out), rotate .725s .115s var(--elastic-ease-out), scale .15s .115s var(--default-ease), transform .35s .2515s var(--bouncy-ease)
}

.rating-link:is(:hover, :focus-visible) .rating-star:nth-child(5) {
    translate: .125em -.4em 0;
    rotate: 1deg;
    transition: translate .725s .12s var(--elastic-ease-out), rotate .725s .12s var(--elastic-ease-out), scale .15s .12s var(--default-ease), transform .35s .252s var(--bouncy-ease)
}

.rating-text-wrap:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2%;
    background-color: currentColor;
    bottom: -3%;
    transition: translate .45s var(--smooth-ease), rotate .4s var(--smooth-ease)
}

.rating-text,
.rating-star {
    transition: translate .725s var(--elastic-ease-out), rotate .725s var(--elastic-ease-out), scale .35s var(--default-ease), transform .35s var(--default-ease)
}

.testimonial-slider-item-wrap.is-active .testimonial-slider-item {
    color: var(--dark-green);
    background-color: var(--white);
    transition: color .2s ease-out, background-color .2s ease-out
}

.testimonial-slider-button {
    transition: translate .725s var(--elastic-ease-out), rotate .725s var(--elastic-ease-out), scale .35s var(--default-ease), transform .35s var(--default-ease), box-shadow .35s var(--smooth-ease)
}

@media (hover: hover) and (pointer: fine) {
    .testimonial-slider-button:is(:hover, :focus-visible) {
        scale:.945 .915;
        transform: scale(1.0582010582, 1.0928961749);
        transition: translate .725s .1s var(--elastic-ease-out), rotate .725s .1s var(--elastic-ease-out), scale .15s .1s var(--default-ease), transform .35s .25s var(--bouncy-ease), box-shadow .35s var(--smooth-ease)
    }
}

@media (hover: hover) and (pointer: fine) {
    .testimonial-slider-button:is(:hover, :focus-visible).is-left {
        translate:-.375em 0 0;
        rotate: -4deg
    }
}

@media (hover: hover) and (pointer: fine) {
    .testimonial-slider-button:is(:hover, :focus-visible).is-right {
        translate:.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: -.25em 0 0
}

.testimonial-slider-button.is-right:is(:active) .testimonial-slider-button-arrow {
    translate: .25em 0 0
}

.testimonial-slider-button-arrow {
    transition: translate .725s var(--elastic-ease-out)
}

.testimonial-media video {
    width: 100%;
    height: 100%;
    border-radius: .375em
}

.testimonial-sound-btn {
    transition: scale .75s var(--elastic-ease-out), background-color .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: .9
}

.testimonial-sound-button-icon.is-first {
    transition: opacity .15s .05s ease-out, scale .75s .05s var(--elastic-ease-out), rotate .75s .05s var(--elastic-ease-out)
}

.is-clicked .testimonial-sound-button-icon.is-first {
    opacity: 0;
    scale: .5;
    rotate: -30deg;
    transition: opacity .15s ease-out, scale .35s var(--smooth-ease), rotate .35s var(--smooth-ease)
}

.testimonial-sound-button-icon.is-second {
    opacity: 0;
    scale: .5;
    rotate: 30deg;
    transition: opacity .15s ease-out, scale .35s var(--smooth-ease), rotate .35s var(--smooth-ease)
}

.is-clicked .testimonial-sound-button-icon.is-second {
    opacity: 1;
    scale: 1;
    rotate: 0deg;
    transition: opacity .15s .05s ease-out, scale .75s .05s var(--elastic-ease-out), rotate .75s .05s var(--elastic-ease-out)
}

.footer-product {
    transition: translate .725s var(--elastic-ease-out), rotate .725s var(--elastic-ease-out), scale .35s var(--default-ease), transform .35s var(--default-ease), box-shadow .35s var(--smooth-ease)
}

@media (hover: hover) and (pointer: fine) {
    .footer-product:has(.footer-product-link:is(:hover, :focus-visible)) {
        scale:.975;
        transform: scale(1.0256410256);
        transition: translate .725s .1s var(--elastic-ease-out), rotate .725s .1s var(--elastic-ease-out), scale .15s .1s var(--default-ease), transform .35s .25s var(--bouncy-ease), box-shadow .35s var(--smooth-ease);
        translate: -.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 .725s var(--elastic-ease-out), rotate .725s var(--elastic-ease-out), transform .35s var(--default-ease)
}

@media (hover: hover) and (pointer: fine) {
    .footer-product-link:is(:hover, :focus-visible):after {
        transition:translate .725s var(--elastic-ease-out), rotate .725s var(--elastic-ease-out), transform .35s var(--bouncy-ease);
        translate: .375em 3em 0;
        rotate: 2deg
    }
}

.footer-info {
    position: relative;
    transition: translate .725s var(--elastic-ease-out), rotate .725s var(--elastic-ease-out), scale .35s var(--default-ease), transform .35s var(--default-ease), box-shadow .35s var(--smooth-ease)
}

@media (hover: hover) and (pointer: fine) {
    .footer-info:is(:hover, :focus-visible) {
        scale:.95;
        transform: scale(1.0526315789);
        transition: translate .725s .1s var(--elastic-ease-out), rotate .725s .1s var(--elastic-ease-out), scale .15s .1s var(--default-ease), transform .35s .25s var(--bouncy-ease), box-shadow .35s var(--smooth-ease)
    }
}

@media (hover: hover) and (pointer: fine) {
    .footer-info:is(:hover, :focus-visible):after {
        transition:translate .725s var(--elastic-ease-out), rotate .725s var(--elastic-ease-out), transform .35s var(--bouncy-ease)
    }
}

.footer-info:is(:hover, :focus-visible).is-first {
    translate: -.25em -1.5em 0;
    rotate: -1deg
}

.footer-info:is(:hover, :focus-visible).is-first:after {
    translate: .25em 1.5em 0;
    rotate: 1deg
}

.footer-info:is(:hover, :focus-visible).is-second {
    translate: .375em -1.25em 0;
    rotate: 3deg
}

.footer-info:is(:hover, :focus-visible).is-second:after {
    translate: -.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 .725s var(--elastic-ease-out), rotate .725s var(--elastic-ease-out), transform .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: .95;
    transform: scale(1.0526315789);
    transition: translate .725s .1s var(--elastic-ease-out), rotate .725s .1s var(--elastic-ease-out), scale .15s .1s var(--default-ease), transform .35s .25s var(--bouncy-ease), opacity .2s .125s ease-out;
    translate: 0 0 0;
    rotate: 0deg;
    opacity: 1;
    pointer-events: auto
}

.footer-credits {
    --credits-animation-speed: .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: .95;
    transform: scale(1.0526315789);
    transition: translate .725s .1s var(--elastic-ease-out), rotate .725s .1s var(--elastic-ease-out), scale .15s .1s var(--default-ease), transform .35s .25s var(--bouncy-ease), opacity .2s .125s ease-out;
    translate: 0 0 0;
    rotate: 0deg;
    opacity: 1;
    pointer-events: auto
}

.footer-credits-inner {
    transition: translate .725s var(--elastic-ease-out), rotate .725s var(--elastic-ease-out), scale .35s var(--default-ease), transform .35s var(--default-ease), opacity .125s .01s ease-out;
    translate: .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: -.5em -.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 .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: .0675em -.125em 0;
    rotate: 2deg;
    scale: .955 .925;
    transform: scale(1.0471204188, 1.0810810811);
    transition: translate .725s .1s var(--elastic-ease-out), rotate .725s .1s var(--elastic-ease-out), scale .15s .1s var(--default-ease), transform .35s .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 .45s var(--smooth-ease), rotate .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 .725s var(--elastic-ease-out), rotate .725s var(--elastic-ease-out), scale .35s var(--default-ease), transform .35s var(--default-ease)
}

.flavour-slider-button {
    transition: translate .725s var(--elastic-ease-out), rotate .725s var(--elastic-ease-out), scale .35s var(--default-ease), transform .35s var(--default-ease), box-shadow .35s var(--smooth-ease)
}

@media (hover: hover) and (pointer: fine) {
    .flavour-slider-button:is(:hover, :focus-visible) {
        scale:.945 .915;
        transform: scale(1.0582010582, 1.0928961749);
        transition: translate .725s .1s var(--elastic-ease-out), rotate .725s .1s var(--elastic-ease-out), scale .15s .1s var(--default-ease), transform .35s .25s var(--bouncy-ease), box-shadow .35s var(--smooth-ease)
    }
}

@media (hover: hover) and (pointer: fine) {
    .flavour-slider-button:is(:hover, :focus-visible).is-left {
        translate:-.375em 0 0;
        rotate: -4deg
    }
}

@media (hover: hover) and (pointer: fine) {
    .flavour-slider-button:is(:hover, :focus-visible).is-right {
        translate:.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: -.25em 0 0
}

.flavour-slider-button.is-right:is(:active) .flavour-slider-button-arrow {
    translate: .25em 0 0
}

.flavour-slider-button-arrow {
    transition: translate .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 .6s var(--smooth-ease), scale .6s var(--smooth-ease), opacity .25s ease-out;
    scale: .75;
    opacity: 0
}

.swiper-slide-active .flavour-slide-dose {
    transition: rotate .95s var(--elastic-ease-out), scale .95s var(--elastic-ease-out), opacity .25s ease-out;
    rotate: -5.5deg;
    scale: 1;
    opacity: 1
}

.flavour-slide-pack {
    transition: rotate .6s var(--smooth-ease), scale .6s var(--smooth-ease), opacity .25s ease-out;
    scale: .75;
    opacity: 0
}

.swiper-slide-active .flavour-slide-pack {
    transition: rotate .95s var(--elastic-ease-out), scale .95s var(--elastic-ease-out), opacity .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 .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: .85;
    transition: opacity .15s ease-out, translate .5s var(--smooth-ease), scale .5s var(--smooth-ease)
}

.swiper-slide-active .flavour-content-slide-inner .button {
    transition: opacity .15s ease-out, translate .85s var(--elastic-ease-out), scale .85s var(--elastic-ease-out);
    opacity: 1;
    translate: 0 0 0;
    scale: 1
}

@media (min-width: 992px) and (orientation: portrait) {
    .sequence-canvas {
        scale: .65 !important
    }
}

.sequence-title .split-word {
    will-change: transform
}