/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */

: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(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}

:root {
    --c-white: hsla(0, 0%, 100%, 1);
    --c-white-light: hsla(0, 0%, 100%, 0.7);
    --c-white-xlight: hsla(0, 0%, 100%, 0.3);
    --c-white-xxlight: hsla(0, 0%, 100%, 0.1);
    --c-dark: hsla(0, 0%, 7%, 1);
    --c-dark-light: hsla(0, 0%, 7%, 0.8);
    --c-dark-xlight: hsla(0, 0%, 7%, 0.3);
    --c-ludiq-pink: #8c535f;
    --c-brown: hsla(6, 50%, 27%, 1);
    --c-brown-light: hsla(7, 45%, 32%, 1);
    --c-red-light: hsla(0, 100%, 23%, 1);
    --c-red-gradient: linear-gradient(
        172deg,
        hsla(0, 100%, 23%, 1) 0%,
        hsla(0, 100%, 10%, 1) 100%
    );
    --c-blue-gradient: linear-gradient(
        172deg,
        hsla(221, 73%, 31%, 1) 0%,
        hsla(221, 97%, 12%, 1) 100%
    );
    --c-green-gradient: linear-gradient(
        330deg,
        hsla(160, 20%, 50%, 1) 0%,
        hsla(160, 20%, 30%, 1) 100%
    );
    --c-blue-light: hsla(206, 100%, 33%, 1);
    --c-violine: hsla(298, 31%, 34%, 1);
    --c-green: hsla(158, 23%, 27%, 1);
    --c-green-medium: hsla(160, 23%, 74%, 1);
    --c-beige-light: hsla(34, 100%, 91%, 1);
    --c-beige: hsla(31, 38%, 77%, 1);
    --c-beige-dark: hsla(27, 43%, 67%, 1);
    --c-red: hsla(357, 100%, 29%, 1);
    --size2: 8px;
    --size4: 16px;
    --size8: 32px;
    --size16: 64px;
    --size24: 96px;
    --size32: 128px;
    --container-mini: 1384px;
    --container-maxi: 1600px;
    --size-variable: clamp(var(--size4), 4.5vw, var(--size32));
    --radius: 0px;
}
/* Fonts */

@font-face {
    font-family: "Switzer";
    src:
        url("../fonts/Switzer-Regular.woff2") format("woff2"),
        url("../fonts/Switzer-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Switzer";
    src:
        url("../fonts/Switzer-Medium.woff2") format("woff2"),
        url("../fonts/Switzer-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Switzer";
    src:
        url("../fonts/Switzer-Semibold.woff2") format("woff2"),
        url("../fonts/Switzer-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    src:
        url("../fonts/montserrat-regular.woff2") format("woff2"),
        url("../fonts/montserrat-regular.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    src:
        url("../fonts/montserrat-bold.woff2") format("woff2"),
        url("../fonts/montserrat-bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

* {
    box-sizing: border-box;
    margin: 0;
    line-height: 1.4em;
}

html {
    font-size: 16px !important;
}

body.ludiques-index-index {
    font-family: "Switzer", sans-serif;
    font-weight: 400;
    color: var(--color-white);
}
.page-wrapper {
    padding-top: 0 !important;
}
.columns .column.main {
    padding-bottom: 0 !important;
}

.ludiques-index-index #maincontent {
    max-width: 100%;
    padding: 0;
    margin: 0;
}


.bg-beige {
    background: var(--c-beige);
}
.bg-red-gradient {
    background: var(--c-red-gradient);
}
.bg-blue-gradient {
    background: var(--c-blue-gradient);
}
.bg-green-gradient {
    background: var(--c-green-gradient);
}
.color-light {
    color: var(--c-white);
}
.color-dark {
    color: var(--c-dark);
}

.ludiq .container {
    position: relative;
    overflow: hidden;
    padding: var(--size32) var(--size-variable);
    display: flex;
    flex-direction: column;
    min-height: 56.25vw;
    gap: var(--size-variable);
}

.ludiq .container-maxi {
    max-width: var(--container-maxi);
    width: 100%;
    margin: auto;
}

.grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: auto;
    padding: 0;
    gap: var(--size-variable);
    align-items: start;
    z-index: 1;
    position: relative;
}
.mid-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: auto;
    padding: 0;
    row-gap: var(--size-variable);
    align-items: start;
    z-index: 1;
    position: relative;
}
.grid-rows-2 {
    grid-template-rows: auto auto;
}
.grid-rows-3 {
    grid-template-rows: auto auto auto;
}
.grid-rows-4 {
    grid-template-rows: auto auto auto auto;
}
.order-0 {
    order: -1;
}
.order-1 {
    order: 0;
}
.row-full {
    grid-row: 1 / -1;
}
.row-auto {
    grid-row: auto;
}
.start-1 {
    grid-column-start: 1;
}
.start-2 {
    grid-column-start: 2;
}
.start-3 {
    grid-column-start: 3;
}
.start-4 {
    grid-column-start: 4;
}
.start-5 {
    grid-column-start: 5;
}
.start-6 {
    grid-column-start: 6;
}
.start-7 {
    grid-column-start: 7;
}
.start-8 {
    grid-column-start: 8;
}
.start-9 {
    grid-column-start: 9;
}
.start-10 {
    grid-column-start: 10;
}
.start-11 {
    grid-column-start: 11;
}
.start-12 {
    grid-column-start: 12;
}
.span-1 {
    grid-column-end: span 1;
}
.span-2 {
    grid-column-end: span 2;
}
.span-3 {
    grid-column-end: span 3;
}
.span-4 {
    grid-column-end: span 4;
}
.span-5 {
    grid-column-end: span 5;
}
.span-6 {
    grid-column-end: span 6;
}
.span-7 {
    grid-column-end: span 7;
}
.span-8 {
    grid-column-end: span 8;
}
.span-9 {
    grid-column-end: span 9;
}
.span-10 {
    grid-column-end: span 10;
}
.span-11 {
    grid-column-end: span 11;
}
.span-12 {
    grid-column-end: span 12;
}
.align-end {
    grid-row: -1;
}
.height-full {
    height: 100%;
}
.align-start {
    align-items: flex-start;
}
.align-center {
    align-items: center;
}
.align-end {
    align-items: flex-end;
}

.ludiq .h0 {
    height: 0;
}
.ludiq .m-auto {
    margin-inline: auto;
}
.ludiq .m-top-2 {
    margin-top: var(--size2);
}
.ludiq .m-top-4 {
    margin-top: var(--size4);
}
.ludiq .m-top-8 {
    margin-top: var(--size8);
}
.ludiq .m-top-16 {
    margin-top: var(--size16);
}
.ludiq .m-top-24 {
    margin-top: var(--size24);
}
.ludiq .m-top-32 {
    margin-top: var(--size32);
}

.ludiq .showm {
    display: none;
}
.ludiq .showd {
    display: block;
}
.ludiq .h-screen {
    height: 100dvh;
}
.ludiq .aspect-landscape {
    aspect-ratio: 16/9;
}
.ludiq .aspect-square {
    aspect-ratio: 1/1;
}
.ludiq .aspect-portrait {
    aspect-ratio: 5/7;
}

#button-back-top {
    display: none !important;
}
#button-back-top icon {
    font-size: 8px!important;
    color: #000!important;
    padding: 12px 10px!important;
    background-color: white!important;
    border-radius: 4px;
    border: none!important;
    width: 32px;
    height: 32px;
}

.ludiq-tag {
    padding: 0px 8px;
    background-color: var(--c-white);
    border-radius: 4px;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 20px;
    color: var(--c-dark);
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    position: relative;
}
.ludiq-tag.black {
    background-color: var(--c-dark);
    color: var(--c-white);
}

.section-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin-top: 0;
    font-size: clamp(40px, 4vw, 72px);
    line-height: 1em;
    text-transform: uppercase;
    text-wrap: balance;
    margin-bottom: 0;
}
.section-subtitle {
    font-family: "Montserrat", sans-serif;
    font-weight: 100;
    font-size: 2vw;
    display: block;
    margin-top: 10px;
}

.section-description {
    margin-top: 2rem;
    font-size: 1.2rem;
    line-height: 1.4em;
    text-wrap: balance;
    margin-bottom: 0;
}

.item-size-weight {
    margin-top: 2rem;
    font-size: 1.2rem;
    line-height: 1.4em;
}

.color-light .section-description,
.color-light .item-size-weight {
    color: var(--c-white-light);
}

.color-dark .section-description,
.color-dark .item-size-weight {
    color: var(--c-dark-light);
}
.ludiq .content-top {
    margin-top: unset;
}
.ludiq .content-bottom {
    margin-bottom: unset;
}

.ludiq .area1-container {
    position: relative;
    overflow: hidden;
    padding: 0 var(--size-variable) var(--size32);
}

.ludiq .presentation .container {
    max-width: var(--container-mini);
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--size-variable);
}
.ludiq .presentation .container .block {
    grid-column: span 6;
}
.ludiq .presentation .intro {
    font-size: 1.4rem;
    line-height: 1.4em;
    color: var(--c-ludiq-pink);
    text-wrap: balance;
    max-width: 1080px;
    width: 100%;
    text-align: center;
    margin: 0 auto var(--size32);
}
.ludiq .presentation .block > div {
    width: 100%;
}
.ludiq .presentation .block img {
    max-width: 100%;
}
.ludiq .presentation .block .signature-container {
    display: flex;
    justify-content: flex-end;
}
.ludiq .presentation .block .signature {
    width: 180px;
}
.ludiq .presentation .block p {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 140%;
    color: var(--color-blue-lighter);
    margin: var(--size8) 0;
    text-wrap: balance;
}
.ludiq .presentation .block2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 80%;
}
.ludiq .presentation .block:nth-of-type(odd) .img-parallax-container {
    margin-right: var(--size-variable);
}
.ludiq .presentation .block:nth-of-type(even) .img-parallax-container {
    margin-left: var(--size-variable);
}

.ludiq .presentation .block3 {
    margin-top: -70%;
}

/* New grid start /
/
/
/
/
*/

.ludiq .grid-container {
    max-width: var(--container-maxi);
    margin: 0 auto var(--size32);
}
.ludiq figure {
    margin: 0;
}
.ludiq .grid-container a {
    margin: auto;
}
.ludiq .grid-container .grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding: var(--size32) 0;
    gap: var(--size-variable);
    align-items: start;
    z-index: 1;
    position: relative;
}
.ludiq .grid-container .grid .title {
    grid-column-start: 7 !important;
    grid-column: span 6 / span 6;
    max-width: 640px;
}
.ludiq .grid-container .grid p {
    grid-column-start: 7 !important;
    grid-column: span 6 / span 6;
    max-width: 640px;
    text-wrap: balance;
}
.ludiq .grid-container .grid .item1 {
    grid-column: span 6 / span 6;
    height: 0;
}
.ludiq .grid-container .grid .item1 .item-content {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    aspect-ratio: 1/1;
    margin-left: auto;
}
.ludiq .grid-container .grid .item-content {
    max-width: 620px;
}
.ludiq .grid-container .grid .item-content img {
    max-width: 100%;
}

.ludiq .grid-container .grid .item1 .item-content img {
    height: 100%;
    width: auto;
    max-width: none;
}
.ludiq .grid-container .grid .item2 {
    margin-top: 42%;
    grid-column: span 6 / span 6;
    margin-left: auto;
}
.ludiq .grid-container .grid .item2 p {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin: 32px auto 0;
    color: var(--color-blue-lighter);
    max-width: 480px;
    text-wrap: balance;
}
.ludiq .grid-container .grid .item3 {
    grid-column-start: 7 !important;
    grid-column: span 6 / span 6;
}
.ludiq .grid-container .grid .item3 figcaption {
    font-size: 14px;
    line-height: 20px;
    margin-top: 32px;
    color: var(--color-blue-lighter);
}
.ludiq .grid-container .grid .item3 figcaption span {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--c-white);
}
/* Buches */
.ludiq .grid-container.buche {
    margin-bottom: 0;
}
.ludiq .grid-container.buche .grid {
    padding-bottom: var(--size16);
}
.ludiq .grid-container.buche .grid .title-desc {
    display: flex;
    flex-direction: column;
    gap: var(--size-variable);
    grid-column-start: 7 !important;
    grid-column: span 6 / span 6;
    max-width: 640px;
}
.ludiq .grid-container.buche .grid {
    aspect-ratio: 4/3;
}
.ludiq .grid-container.buche .grid .item1 {
    height: auto;
}
.ludiq .grid-container.buche .grid .item1 .item-content {
    aspect-ratio: 5/7;
}
.ludiq .grid-container .grid .item-content figcaption {
    display: flex;
    flex-direction: column;
    gap: var(--size2);
    font-size: 14px;
    line-height: 20px;
    margin-top: 32px;
    color: var(--color-blue-lighter);
    max-width: 420px;
}
.ludiq .grid-container .grid .item-content figcaption span {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--c-white);
}
/* Left */
.ludiq .grid-container.left .grid .title,
.ludiq .grid-container.left .grid p {
    grid-column-start: 1 !important;
    text-wrap: balance;
}
.ludiq .grid-container.left .grid .title {
    margin-top: calc(0 - var(--size-variable));
}
.ludiq .grid-container.left .grid .item1 {
    grid-column-start: 7 !important;
}
.ludiq .grid-container.left .grid .item2 {
    margin-top: 80%;
    margin-left: 0;
}

.ludiq .grid-container.left .grid .item3 {
    grid-column-start: 1 !important;
}
.ludiq .grid-container.left .grid .item1 .item-content {
    aspect-ratio: 4/5;
    justify-content: flex-start;
    margin-top: var(--size-variable);
    max-width: 100%;
}
.ludiq .grid-container.left .trame {
    bottom: -10%;
    left: 0;
}
/* Pannetonnes */
.ludiq .grid-container.panettones .grid .item1 .item-content {
    aspect-ratio: 5/7;
    max-width: 100%;
}
.ludiq .grid-container.panettones .grid .item1 .item-content img {
    width: 100%;
}
/* Coffrets */
.ludiq .grid-container.coffrets .grid .item1 {
    height: auto;
}
.ludiq .grid-container.coffrets .grid .item1 .item-content {
    flex-direction: column;
    margin-top: 0;
}
.ludiq .grid-container.coffrets .grid .title-desc {
    display: flex;
    flex-direction: column;
    gap: var(--size-variable);
    grid-column: span 6 / span 6;
    max-width: 640px;
}
/* Choco */
.ludiq .grid-container.coffrets.choc {
    margin-bottom: 0;
}
.ludiq .arealight-container .grid .title,
.ludiq .arealight-container .grid p,
.ludiq .arealight-container .grid .item-content figcaption span {
    color: var(--color-blue-black);
}

.ludiq .arealight-container .grid .item-content figcaption {
    color: var(--color-blue-dark);
}
.ludiq .arealight-container .trame {
    right: -20%;
    top: -40%;
    width: 100%;
}
/* Macarons */
.ludiq .grid-container.coffret-macarons {
    margin-bottom: 0;
}

.ludiq .grid-container.coffret-macarons .grid .item1 .item-content {
    aspect-ratio: 5/7;
    max-width: 100%;
}
.ludiq .grid-container.coffret-macarons .grid .item1 .item-content img {
    width: 100%;
}

/* Coral */
.ludiq .grid-container.coral {
    margin-bottom: 0;
}
.ludiq .grid-container.coral .grid .item1 {
    height: auto;
    display: flex;
    flex-direction: column;
    gap: var(--size-variable);
}
.ludiq .grid-container.coral .grid .item2 {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--size-variable);
}
.ludiq .grid-container.coral .grid .item2 p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
    text-wrap: balance;
    margin: 0;
    text-align: left;
    color: var(--white);
}
.ludiq .grid-container.coral .grid .item2 .ludiq-cta {
    margin: 0;
}

.ludiq .grid-container.coral .grid .item1 .logocoral {
    width: 80%;
}

/* New grid end
/
/
/
/
/
*/

.ludiq .area3-container {
    background: linear-gradient(180deg, #01071f, #081f40 50%, #01071f);
    padding: var(--size32) var(--size-variable);
    position: relative;
    overflow: hidden;
}

.ludiq .img-text .container-maxi {
    display: flex;
    justify-content: space-between;
    gap: var(--size32);
    position: relative;
    overflow: hidden;
    padding: var(--size32) 0;
}
.ludiq .img-text .container-maxi > * {
    width: 50%;
}
.ludiq .img-text.buche .trame {
    width: 100%;
    top: -35%;
    left: 0;
}
.ludiq .img-text.buche .textblock .desc {
    padding-left: var(--size32);
    margin-top: var(--size32);
}
.ludiq .img-text.buche .ludiq-cta {
    margin: var(--size16) auto 0;
}

.ludiq .area2-container {
    background: linear-gradient(180deg, #01071f 0%, #081f40 100%);
    padding: 0 var(--size-variable) var(--size32);
    position: relative;
    overflow: hidden;
}

.ludiq .arealight-container {
    padding: 0 var(--size-variable) var(--size32);
    position: relative;
    overflow: hidden;
}

.ludiq .full-img-block {
    width: 100%;
    position: relative;
    aspect-ratio: 16/9;
    padding: var(--size32) var(--size-variable) 0;
}

.ludiq .full-img {
    position: relative;
}
.ludiq .full-img .container-maxi {
    position: absolute;
    top: var(--size16);
    left: 50%;
    transform: translateX(-50%);
    padding: var(--size-variable);
}
.ludiq .full-img .container-maxi .visual {
    width: 100%;
}
.ludiq .full-img .container-maxi .textblock {
    max-width: 460px;
}
.ludiq .full-img .container-maxi .textblock .desc {
    margin: var(--size8) 0;
    font-size: 16px;
    line-height: 150%;
}

.ludiq .coral-planters .container-maxi {
    display: flex;
    gap: var(--size32);
    justify-content: space-between;
}
.ludiq .coral-planters .container-maxi > div {
    width: 50%;
}
.ludiq .coral-planters .desc {
    margin-top: var(--size16);
}
.ludiq .coral-planters .desc1,
.ludiq .coral-planters .desc3 {
    margin-bottom: var(--size16);
}
.ludiq .coral-planters .visual,
.ludiq .coral-planters video {
    max-width: 100%;
}

.ludiq .ending-full {
    position: relative;
}
.ludiq .ending-full video {
    width: 100%;
}
.ludiq .ending-full .textblock {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 648px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 48px;
    z-index: 1;
}
.ludiq .ending-full .textblock p {
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    text-wrap: balance;
    color: var(--color-blue-lighter);
}
.ludiq .ending-full .textblock img {
    width: 180px;
}
.ludiq .main-section .overlay,
.ludiq .ending-full .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.ludiq .main-section .overlay {
    background: linear-gradient(180deg, rgba(1, 7, 31, 0) 0%, #01071f 100%);
}
.ludiq .ending-full .overlay {
    background: linear-gradient(180deg, #01071f 0%, rgba(1, 7, 31, 0) 100%);
}
.ludiq .columns .column.main {
    padding: 0;
}

.ludiq .videoblock {
    width: 100%;
    position: relative;
    aspect-ratio: 16/9;
    padding: var(--size16) var(--size-variable);
}

.ludiq .videoblock video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ludiq .videoblock .container-maxi {
    position: relative;
    width: 100%;
    height: 100%;
}
.ludiq .videoblock .textblock {
    max-width: 640px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
}

.ludiq .videoblock.chocolat .textblock {
    justify-content: flex-start;
    gap: var(--size8);
    left: var(--size16);
}

@keyframes scrolldown {
    0% {
        opacity: 1;
        top: 8px;
    }
    80% {
        opacity: 0;
        top: 24px;
    }
    100% {
        opacity: 0;
        top: 24px;
    }
}

@media screen and (pointer: fine) {
    .ludiq-header .menu .links li:hover svg {
        opacity: 1;
        left: 0;
        transition: 0.25s ease-in-out;
    }
}

.fade {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    opacity: 0;
}
.fade.inView {
    opacity: 1;
    -webkit-transform: translateY(0px) translateZ(0);
    transform: translateY(0px);
}
.ludiq .img-parallax-container {
    position: relative;
    overflow: hidden;
    aspect-ratio: 5/7;
}
.ludiq .img-parallax-container.aspect-square {
    aspect-ratio: 1/1;
}
.ludiq .img-parallax-container.aspect-landscape {
    aspect-ratio: 16/9;
}
.ludiq .img-parallax-container.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    aspect-ratio: 5/7;
    z-index: -1;
}

.ludiq .img-parallax-container img {
    position: absolute;
    object-fit: cover;
    transition: none;
    will-change: transform;
    top: 50% !important;
    left: 0;
    translate: 0 -50%;
    width: 100%;
}


body[data-scroll-direction="down"] .ludiq-header {
    translate: 0 -300%;
}

body[data-scroll-direction="up"] .ludiq-header {
    translate: 0;
}
body[data-scroll-logo="visible"][data-scroll-direction="up"] .mini-logo {
    translate: -50% 0;
}

body[data-scroll-logo="hidden"] .mini-logo {
    translate: -50% -300%;
}

.mini-logo {
    position: fixed;
    top: 24px;
    left: 50%;
    translate: -50% -300%;
    z-index: 999;
    width: 130px;
    transition: 0.25s ease-in-out;
    cursor: pointer;
    stroke: var(--c-white);
    fill: var(--c-white);
}
.mini-logo .fill-layer path {
    stroke: var(--c-white);
    fill: var(--c-white);
}
.mini-logo svg {
    width: 100%;
    height: auto;
}
body[data-scroll-direction="down"] .ludiq-header {
    translate: 0 -300%;
}

body[data-scroll-direction="up"] .ludiq-header {
    translate: 0;
}
body[data-scroll-logo="visible"][data-scroll-direction="up"] .mini-logo {
    translate: -50% 0;
}

body[data-scroll-logo="hidden"] .mini-logo {
    translate: -50% -300%;
}

.mini-logo {
    position: fixed;
    top: 24px;
    left: 50%;
    translate: -50% -300%;
    z-index: 999;
    width: 130px;
    transition: 0.25s ease-in-out;
    cursor: pointer;
    stroke: var(--c-white);
    fill: var(--c-white);
}
.mini-logo .fill-layer path {
    stroke: var(--c-white);
    fill: var(--c-white);
}
.mini-logo svg {
    width: 100%;
    height: auto;
}

.ludiq-header {
    position: fixed;
    opacity: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    padding: 30px var(--size-variable);
    box-sizing: border-box;
    z-index: 1000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    transition: 0.25s ease-in-out;
    pointer-events: none;
}

.ludiq-header.visible {
    opacity: 1;
}
.ludiq-header > a,
.ludiq-header > a:hover,
.ludiq-header > a:visited {
    color: var(--c-white);
}

.ludiq-header .menu,
.ludiq-header .link-eshop {
    z-index: 1000;
    /* background: var(--c-white); */
    padding: 6px 16px;
    border-radius: 20px;
    pointer-events: auto;
}

.ludiq-header .link-eshop {
    margin-left: -16px;
}

.ludiq-header .menu {
    margin-right: -16px;
}

.ludiq-header .menu-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100lvh + 80px);
    background: var(--c-dark-light);
    z-index: 3;
    visibility: hidden;
    transition: 0.25s ease-in-out;
    opacity: 0;
}
.ludiq-header .menu-overlay.opened {
    visibility: visible !important;
    opacity: 1;
}

.ludiq-header .menu .trigger {
    position: relative;
    background: transparent;
    border: none;
    outline: none;
    display: flex;
    font-family: "Switzer", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    align-items: center;
    color: var(--c-white);
    gap: 8px;
    z-index: 2;
    transition: 0.25s ease-in-out 0.55s;
    will-change: color;
    cursor: pointer;
    padding: 0;
}
.ludiq-header .menu .trigger .bars {
    margin-top: 1px;
}

.ludiq-header .menu.opened .trigger {
    color: var(--c-white);
    transition: 0.25s ease-in-out 0s;
}

.ludiq-header .bars .bar1,
.ludiq-header .bars .bar2 {
    background-color: var(--c-white);
    width: var(--size4);
    height: 1px;
    display: block;
    position: relative;
    top: 0;
    transition: 0.25s ease-in-out 0.55s;
    transform-origin: left center;
    will-change: color, transform;
}

.ludiq-header .menu.opened .bar1,
.ludiq-header .menu.opened .bar2 {
    background-color: var(--c-white);
    transition: 0.25s ease-in-out 0s;
}

.ludiq-header .bars .bar2 {
    margin-top: 4px;
}

.ludiq-header .menu.opened .bar1 {
    transform: rotate(45deg);
    top: -3px;
}
.ludiq-header .menu.opened .bar2 {
    transform: rotate(-45deg);
    top: 3px;
}

.ludiq-header .menu .menu-content {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 360px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--size2);
    padding: 24px 48px;
    border-radius: 4px;
    transition: 0.25s ease-in-out 0.55s;
    scale: 0.98;
    cursor: pointer;
    background: var(--c-brown-light);
    visibility: hidden;
    opacity: 0;
    height: calc(100vh - 16px);
}

.ludiq-header .menu.opened .menu-content {
    scale: 1;
    visibility: visible;
    opacity: 1;
    transition: 0.25s ease-in-out 0s;
}

.ludiq-header .menu .links {
    padding: 48px 0 24px;
    width: 100%;
    height: 100%;
    overflow: scroll;
    box-sizing: border-box;
    margin: 0;
}

.ludiq-header .menu .li-hidden {
    opacity: 0;
    translate: 0 8px;
}
.ludiq-header .menu li {
    list-style: none;
    padding: 12px var(--size2);
    font-size: 18px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    color: var(--c-white);
    opacity: 1;
    translate: 0 0;
    transition: 0.25s ease-in-out;
    margin-bottom: 0;
}
.ludiq-header .menu li:hover {
    padding: 12px var(--size2) 12px 4px;
}
.ludiq-header .menu li svg {
    position: relative;
    width: var(--size4);
    height: var(--size4);
    opacity: 0;
    left: -4px;
    stroke: var(--c-white);
    transition: 0.25s ease-in-out;
}
.ludiq-header .menu li:hover svg {
    opacity: 1;
}

.ludiq-button {
    padding: 20px 24px;
    background-color: var(--c-white);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--c-dark);
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    position: relative;
    border-radius: 32px;
}
.ludiq-button.black {
    background-color: var(--c-dark);
    color: var(--c-white);
}
.ludiq-button svg {
    width: 16px;
    height: 16px;
    will-change: transform;
    transition: 0.25s ease-in-out;
    translate: 0;
}
.ludiq-button:hover svg {
    width: 16px;
    height: 16px;
    will-change: transform;
    transition: 0.25s ease-in-out;
    translate: 3px;
}
.ludiq-button.black svg path {
    stroke: var(--c-white);
}
.ludiq-button:visited {
    color: var(--c-dark);
    text-decoration: none;
}
.ludiq-button.black:visited {
    color: var(--c-white);
}
.ludiq-button.blue,
.ludiq-button.blue:visited {
    background-color: var(--c-blue-light);
    color: var(--c-white);
}
.ludiq-button.violine,
.ludiq-button.violine:visited {
    background-color: var(--c-violine);
    color: var(--c-white);
}
.ludiq-button.green,
.ludiq-button.green:visited {
    background-color: var(--c-green);
    color: var(--c-white);
}
.ludiq-button.green-medium,
.ludiq-button.green-medium:visited {
    background-color: var(--c-green-medium);
}
.ludiq-button.red,
.ludiq-button.red:visited {
    background-color: var(--c-red);
    color: var(--c-white);
}
.ludiq-button.beige,
.ludiq-button.beige:visited {
    background-color: var(--c-beige);
}
.ludiq-button.beige-light,
.ludiq-button.beige-light:visited {
    background-color: var(--c-beige-light);
}
.ludiq-button.beige-dark,
.ludiq-button.beige-dark:visited {
    background-color: var(--c-beige-dark);
}
.ludiq-button svg {
    width: 16px;
    height: 16px;
    will-change: transform;
    transition: 0.25s ease-in-out;
    translate: 0;
}
.ludiq-button:hover svg {
    width: 16px;
    height: 16px;
    will-change: transform;
    transition: 0.25s ease-in-out;
    translate: 3px;
}
.ludiq-button.black svg path,
.ludiq-button.blue svg path,
.ludiq-button.violine svg path,
.ludiq-button.green svg path,
.ludiq-button.red svg path {
    stroke: var(--c-white);
}
.ludiq-button:visited {
    color: var(--c-dark);
    text-decoration: none;
}

.card figcaption {
    margin-top: 2rem;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    max-width: 36rem;
}

.card figcaption span {
    font-size: 1.2rem;
    font-weight: 700;
}

.color-light figcaption {
    color: var(--c-white-light);
}

.color-dark figcaption {
    color: var(--c-dark-light);
}

.color-light figcaption span {
    color: var(--c-white);
}

.color-dark figcaption span {
    color: var(--c-dark);
}
main.ludiq {
    margin-top: 0;
}
.ludiq .main-section {
    height: 100dvh;
    position: relative;
    background: var(--c-beige);
}
.ludiq .main-section video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ludiq .main-section .step2 .main-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    text-align: center;
    font-size: 2rem !important;
    color: var(--c-ludiq-pink);
}
.ludiq .main-section .step2 span {
    text-transform: none;
}

.ludiq .main-section .step1 {
    width: 80%;
    max-width: 728px;
}

ludiq .main-section .step1 svg {
    width: 100%;
    height: auto;
    display: block;
}

/* Animation du stroke (dessin des contours) */
.stroke-layer path {
    stroke: #8c535f;
    stroke-width: 1;
    fill: none;
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: drawStroke 2.5s ease-in-out forwards;
}

@keyframes drawStroke {
    to {
        stroke-dashoffset: 0;
    }
}

/* Animation du fill (remplissage) */
.fill-layer path {
    fill: #8c535f;
    stroke: none;
}

.fill-layer {
    opacity: 0;
    animation: fillAppear 0.8s ease-in-out 1.5s forwards;
}

/* Masquer progressivement le stroke quand le fill apparaît */
.stroke-layer {
    animation: hideStroke 0.8s ease-in-out 1.5s forwards;
}

@keyframes fillAppear {
    to {
        opacity: 1;
    }
}

@keyframes hideStroke {
    to {
        opacity: 0;
    }
}

.ludiq .main-section .step1 svg,
.ludiq .main-section .step2 {
    opacity: 0;
    transition: 0.5s ease-in-out;
}
.ludiq .main-section .step1 svg.visible,
.ludiq .main-section .step2.visible {
    opacity: 1;
    transition: 0.5s ease-in-out;
}

.ludiq .main-section .textblock {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    align-items: center;
    justify-content: center;
    height: 100dvh;
}

.ludiq .main-section .textblock .step2 span {
    display: block;
    margin-top: 40px;
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    line-height: 30px;
    text-align: center;
}
.ludiq .main-section .textblock .scroll {
    position: absolute;
    bottom: 10dvh;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: 0.5s ease-in-out;
    z-index: 1;
}
.ludiq .main-section .textblock .scroll.visible {
    opacity: 1;
}
.ludiq .main-section .textblock .scroll span {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: var(--c-ludiq-pink);
}
.ludiq .main-section .textblock .scroll .mouse {
    border: 1px solid var(--c-ludiq-pink);
    width: 24px;
    height: 38px;
    border-radius: 30px;
    position: relative;
    margin: 0 auto 12px;
}
.ludiq .main-section .textblock .scroll .mouse .round {
    background-color: var(--c-ludiq-pink);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 50%;
    top: 8px;
    transform: translateX(-50%);
    opacity: 0;
    animation: scrolldown 1.2s linear infinite;
}
.ludiq .main-section .overlay {
    /* background: linear-gradient(180deg, rgba(1, 7, 31, 0) 0%, #01071f 100%); */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.ludiq .presentation.intro {
    font-size: 1.4rem;
    line-height: 1.4em;
    color: var(--c-ludiq-pink);
    text-wrap: balance;
    max-width: 1080px;
    width: 100%;
    text-align: center;
    margin: 0 auto var(--size32);
}
.ludiq .slider-area .background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ludiq .slider-area .intro {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 2rem;
}
.ludiq .slider-area .intro > div {
    max-width: 46rem;
}
.ludiq .slider-area .intro.v2 {
    flex-direction: column;
    align-items: flex-start;
}
.ludiq .slider-area .slider {
    margin-top: 64px;
}

.ludiq .slider-area .swiper-slide {
    border-radius: 1rem;
    background: var(--c-dark-light);
    backdrop-filter: blur(48px);
    display: flex;
    align-items: center;
    gap: var(--size4);
    padding: var(--size4) var(--size4);
    width: 420px;
}

.ludiq .slider-area.color-dark .swiper-slide {
    background: var(--c-white-light);
}
.ludiq .slider-area.color-light .swiper-slide {
    background: var(--c-dark-light);
}

.ludiq .slider-area .swiper-slide img {
    width: 8rem;
    border-radius: 0.5rem;
}
.ludiq .slider-area .swiper-slide .name {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5em;
    display: block;
}
.ludiq .slider-area.color-dark .swiper-slide .name {
    color: var(--c-dark);
}
.ludiq .slider-area.color-light .swiper-slide .name {
    color: var(--c-white);
}

.ludiq .slider-area .swiper-slide .desc {
    font-size: 0.9rem;
    line-height: 1.5em;
    display: block;
    margin-top: 4px;
}

.ludiq .slider-area.color-dark .swiper-slide .desc {
    color: var(--c-dark-light);
}
.ludiq .slider-area.color-light .swiper-slide .desc {
    color: var(--c-white-light);
}
.ludiq .slider-area .swiper-scrollbar {
    position: static;
    margin-top: var(--size16);
    border-radius: 4px;
    max-width: 240px;
    height: 1px;
}
.ludiq .slider-area .swiper-scrollbar-drag {
    background-color: var(--c-white);
    height: 3px;
    position: relative;
    top: -1px;
}

.ludiq .slider-area.color-light .swiper-scrollbar {
    background: var(--c-white-xlight);
}
.ludiq .slider-area.color-light .swiper-scrollbar-drag {
    background: var(--c-white);
}
.ludiq .slider-area.color-dark .swiper-scrollbar {
    background: var(--c-dark-xlight);
}
.ludiq .slider-area.color-dark .swiper-scrollbar-drag {
    background: var(--c-dark);
}

.video-container {
    position: relative;
    padding: var(--size32) var(--size-variable);
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
}


.ludiq section[data-scroll="gourmandises"] {
    background: linear-gradient(127deg, #FFEACF 38.05%, #DBC5AE 100.02%);
}

.abysses .ending-full {
    position: relative;
}

.abysses .ending-full .background {
    width: 100%;
}

.abysses .ending-full .textblock {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 648px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 48px;
    z-index: 1;
}

.abysses .ending-full .textblock p {
    font-family: "Gyst", serif;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    text-wrap: balance;
    color: var(--color-blue-lighter);
}

.abysses .ending-full .textblock .signature {
    width: 180px;
}

.puzzle-reveal {
    position: relative;
    height: 100lvh;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.puzzle-reveal__content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'><circle cx='30' cy='30' r='30' fill='white'/></svg>");
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'><circle cx='30' cy='30' r='30' fill='white'/></svg>");
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 0%;
    -webkit-mask-size: 0%;
    mask-position: 50% 60%;
    transition:
        mask-size 1.4s cubic-bezier(0.87, 0, 0.13, 1),
        -webkit-mask-size 1.4s cubic-bezier(0.87, 0, 0.13, 1),
        transform 2s cubic-bezier(0.22, 0.68, 0, 1);
}

@keyframes pulso {
    0% {
        scale: 1.05;
        top: 0;
    }
    50% {
        scale: 1;
        top: 0;
    }
    100% {
        scale: 1.05;
        top: -21%;
    }
}

.puzzle-reveal.visible .puzzle-reveal__content {
    mask-size: 350%;
    -webkit-mask-size: 350%;
}

.puzzle-reveal__content video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.puzzle-reveal__overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--c-white);
    transition: ease-out 0.4s;
}
.puzzle-reveal__overlay.visible {
    opacity: 1;
}

.brand-wrap {
    width: min(90vw, 720px);
    margin: 0 auto;
    transform: scale(var(--logoScale, 1));
    opacity: var(--logoOpacity, 1);
}

.brand {
    display: block;
    margin-inline: auto;
    width: 80%;
    height: auto;
    color: var(--c-white);
    --logo-delay: 3.4s;
    --draw-dur: 0.95s;
    --stagger: 0.055s;
    --fill-dur: 0.42s;
    --fill-opacity: 0.95;
    --logo-total: 1.73s;
}

.brand .stroke-layer {
    opacity: 1;
    animation: strokeOut 220ms ease forwards;
    animation-delay: calc(var(--logo-delay) + var(--logo-total));
}

.brand .stroke-layer path {
    opacity: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: var(--len);
    stroke-dashoffset: var(--len);
    animation: drawLine var(--draw-dur) cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    animation-delay: calc(var(--logo-delay) + var(--i) * var(--stagger));
}

.brand .fill-layer {
    opacity: 0;
    animation: fillLayerIn var(--fill-dur) ease forwards;
    animation-delay: calc(var(--logo-delay) + var(--logo-total));
}

.brand .fill-layer path {
    fill: currentColor;
}

.brand line,
.brand rect,
.brand .guide,
.brand .helper-stroke {
    display: none;
}

@keyframes drawLine {
    to {
        stroke-dashoffset: 0;
        opacity: 1;
    }
}

@keyframes strokeOut {
    to {
        opacity: 0;
    }
}

@keyframes fillLayerIn {
    to {
        opacity: var(--fill-opacity);
    }
}

@media (prefers-reduced-motion: reduce) {
    .brand .stroke-layer,
    .brand .stroke-layer path,
    .brand .fill-layer {
        animation: none !important;
    }
    .brand .stroke-layer {
        display: none;
    }
    .brand .fill-layer {
        opacity: var(--fill-opacity);
    }
}

.tagline {
    opacity: 0;
    margin-top: 1.5rem;
    color: var(--c-white);
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    text-align: center;
    font-size: 3rem;
    transform: translateY(20px);
    transition: all 0.4s ease;
    text-align: center;
}

.tagline.visible {
    opacity: 1;
    transform: translateY(0px);
}

.puzzle-description {
    opacity: 0;
    margin-top: 3rem;
    color: var(--c-white-light);
    font-weight: 400;
    text-align: center;
    font-size: 1.2rem;
    transform: translateY(20px);
    transition: all 0.4s ease;
}

.puzzle-description.visible {
    opacity: 1;
    transform: translateY(0px);
}

.logo-start {
    opacity: 0;
    display: block;
    width: 160px;
    margin-left: auto;
    margin-right: 48px;
    transform: translateY(20px);
    transition: all 0.4s ease;
}

.logo-start.visible {
    opacity: 1;
    transform: translateY(0px);
}

.ludiq .scroll {
    position: absolute;
    bottom: 10lvh;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: 0.5s ease-in-out;
    z-index: 1;
    cursor: pointer;
}
.ludiq .scroll.visible {
    opacity: 1;
}
.ludiq .scroll span {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: var(--c-white);
}
.ludiq .scroll .mouse {
    border: 1px solid var(--c-white);
    width: 24px;
    height: 38px;
    border-radius: 30px;
    position: relative;
    margin: 0 auto 12px;
}
.ludiq .scroll .mouse .round {
    background-color: var(--c-white);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 50%;
    top: 8px;
    transform: translateX(-50%);
    opacity: 0;
    animation: scrolldown 1.2s linear infinite;
}
@keyframes scrolldown {
    0% {
        opacity: 1;
        top: 8px;
    }
    80% {
        opacity: 0;
        top: 24px;
    }
    100% {
        opacity: 0;
        top: 24px;
    }
}
#logo-ph {
    position: absolute;
    top: 54%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1000;
}

#logo-ph img {
    opacity: 0;
    width: 420px;
    min-width: 300px;
    transition: opacity 0.7s ease-out;
}
#logo-ph p {
    opacity: 0;
    font-size: .8rem;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--c-white);
    font-weight: 600;
    text-align: center;
    margin-top: 3rem;
    transition: opacity 0.7s ease-out;
}

#logo-ph img.visible,
#logo-ph p.visible {
    opacity: 1;
}

body.skip-intro .brand .stroke-layer path,
body.skip-intro .brand .stroke-layer,
body.skip-intro .brand .fill-layer {
    animation: none !important;
}

body.skip-intro .brand .stroke-layer {
    display: none;
}

body.skip-intro .brand .fill-layer {
    opacity: var(--fill-opacity);
}

body.skip-intro .puzzle-reveal__content,
body.skip-intro .tagline,
body.skip-intro .puzzle-description {
    transition: none !important;
}

.ludiq .img-parallax-container img,
.ludiq .img-parallax-container video {
    position: absolute;
    object-fit: cover;
    transition: none;
    will-change: transform;
    top: 50% !important;
    left: 0;
    translate: 0 -50%;
    width: 100%;
    height: 100%;
}
.card .img-parallax-container {
    border-radius: 1rem;
}
.card.bigger {
    width: 136%;
}

.section-ending {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    text-align: center;
    margin-top: 2rem;
    font-size: 2.4rem;
    line-height: 1.4em;
    text-wrap: balance;
    margin-bottom: 0;
}
.logo-end {
    display: block;
    width: 180px;
    margin-left: auto;
    margin-right: 48px;
}

.ludiq .slider-area[data-scroll="solitaire"] .intro.v2 {
    max-width: 50%;
}
.ludiq [data-scroll="cavalier"] .intro.v2 {
    max-width: 30%;
}
.ludiq-jeu-dame-caption {
    display: flex;
    flex-direction: column;
}
.ludiq-jeu-dame-caption i {
    color: var(--c-white-light);
}

@media screen and (max-width: 1384px) {
    .ludiq .presentation .block > div {
        box-sizing: border-box;
    }
    .ludiq-body .page-wrapper {
        padding-top: 0;
    }
    .ludiq .videoblock {
        aspect-ratio: 1/1;
    }
}

@media screen and (max-width: 1280px) {
    .ludiq .container {
        padding: var(--size24) var(--size4);
    }
    .ludiq .container, .ludiq .grid, .ludiq .mid-grid {
        row-gap: var(--size16);
    }
    .t-order-0 {
        order: -1;
    }
    .t-order-1 {
        order: 0;
    }
    .t-row-full {
        grid-row: 1 / -1;
    }
    .t-row-auto {
        grid-row: auto;
    }
    .t-start-1 {
        grid-column-start: 1;
    }
    .t-start-2 {
        grid-column-start: 2;
    }
    .t-start-3 {
        grid-column-start: 3;
    }
    .t-start-4 {
        grid-column-start: 4;
    }
    .t-start-5 {
        grid-column-start: 5;
    }
    .t-start-6 {
        grid-column-start: 6;
    }
    .t-start-7 {
        grid-column-start: 7;
    }
    .t-start-8 {
        grid-column-start: 8;
    }
    .t-start-9 {
        grid-column-start: 9;
    }
    .t-start-10 {
        grid-column-start: 10;
    }
    .t-start-11 {
        grid-column-start: 11;
    }
    .t-start-12 {
        grid-column-start: 12;
    }
    .t-span-1 {
        grid-column-end: span 1;
    }
    .t-span-2 {
        grid-column-end: span 2;
    }
    .t-span-3 {
        grid-column-end: span 3;
    }
    .t-span-4 {
        grid-column-end: span 4;
    }
    .t-span-5 {
        grid-column-end: span 5;
    }
    .t-span-6 {
        grid-column-end: span 6;
    }
    .t-span-7 {
        grid-column-end: span 7;
    }
    .t-span-8 {
        grid-column-end: span 8;
    }
    .t-span-9 {
        grid-column-end: span 9;
    }
    .t-span-10 {
        grid-column-end: span 10;
    }
    .t-span-11 {
        grid-column-end: span 11;
    }
    .t-span-12 {
        grid-column-end: span 12;
    }

    .ludiq .t-aspect-landscape {
        aspect-ratio: 16/9;
    }
    .ludiq .t-aspect-square {
        aspect-ratio: 1/1;
    }
    .ludiq .t-aspect-portrait {
        aspect-ratio: 5/7;
    }
    .ludiq .showd {
        display: none;
    }
    .ludiq .showm {
        display: block;
    }

    .ludiq .container {
        padding: var(--size24) var(--size4);
        min-height: 100vw;
    }
    .ludiq .mid-grid {
        column-gap: var(--size-variable);
    }
    .ludiq .m-m-bottom-100vw {
        margin-bottom: 50vw;
    }

    .card.bigger {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .ludiq .container {
        padding: var(--size16) var(--size4);
        min-height: 150vw;
    }
    .grid {
        row-gap: var(--size16);
    }
    .m-order-0 {
        order: -1;
    }
    .m-order-1 {
        order: 0;
    }
    .m-row-full {
        grid-row: 1 / -1;
    }
    .m-row-auto {
        grid-row: auto;
    }
    .m-start-1 {
        grid-column-start: 1;
    }
    .m-start-2 {
        grid-column-start: 2;
    }
    .m-start-3 {
        grid-column-start: 3;
    }
    .m-start-4 {
        grid-column-start: 4;
    }
    .m-start-5 {
        grid-column-start: 5;
    }
    .m-start-6 {
        grid-column-start: 6;
    }
    .m-start-7 {
        grid-column-start: 7;
    }
    .m-start-8 {
        grid-column-start: 8;
    }
    .m-start-9 {
        grid-column-start: 9;
    }
    .m-start-10 {
        grid-column-start: 10;
    }
    .m-start-11 {
        grid-column-start: 11;
    }
    .m-start-12 {
        grid-column-start: 12;
    }
    .m-span-1 {
        grid-column-end: span 1;
    }
    .m-span-2 {
        grid-column-end: span 2;
    }
    .m-span-3 {
        grid-column-end: span 3;
    }
    .m-span-4 {
        grid-column-end: span 4;
    }
    .m-span-5 {
        grid-column-end: span 5;
    }
    .m-span-6 {
        grid-column-end: span 6;
    }
    .m-span-7 {
        grid-column-end: span 7;
    }
    .m-span-8 {
        grid-column-end: span 8;
    }
    .m-span-9 {
        grid-column-end: span 9;
    }
    .m-span-10 {
        grid-column-end: span 10;
    }
    .m-span-11 {
        grid-column-end: span 11;
    }
    .m-span-12 {
        grid-column-end: span 12;
    }

    .ludiq .m-aspect-landscape {
        aspect-ratio: 16/9;
    }
    .ludiq .m-aspect-square {
        aspect-ratio: 1/1;
    }
    .ludiq .m-aspect-portrait {
        aspect-ratio: 5/7;
    }

    .ludiq .container,
    .ludiq .grid,
    .ludiq .mid-grid {
        row-gap: var(--size16);
    }

    .ludiq .m-content-center {
        margin: auto;
    }
    .section-ending {
        font-size: 1.8rem;
    }
    .puzzle-reveal {
        height: 109lvh;
    }
    .tagline {
        font-size: 1.8rem;
    }
    .puzzle-reveal__mask {
        mask-size: 24%;
        -webkit-mask-size: 24%;
    }
    .ludiq .slider-area .intro {
        flex-direction: column;
        align-items: flex-start;
    }
    .ludiq .slider-area .intro .ludiq-cta {
        margin-top: var(--size8);
    }
    .ludiq .slider-area .swiper-scrollbar {
        display: none;
    }
    .ludiq .slider-area .swiper-slide {
        width: 85vw;
    }
    /* New grid start
    *
    *
    *
    *
    */
    .ludiq .presentation .container {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .ludiq .grid-container .grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        row-gap: var(--size16);
    }
    .ludiq .grid-container .grid .title,
    .ludiq .grid-container .grid .desc,
    .ludiq .grid-container .grid .item3 {
        grid-column-start: 1 !important;
    }
    .ludiq .grid-container .grid .item1 {
        height: auto;
    }
    .ludiq .grid-container .grid .title {
        order: -1;
    }
    .ludiq .grid-container .grid .item-content {
        max-width: 100%;
        width: 100%;
    }
    .ludiq .grid-container .grid .item2 {
        margin-top: 0;
        width: 100%;
    }
    /* Buches */
    .ludiq .grid-container.buche .grid .title-desc,
    .ludiq .grid-container.coffrets .grid .title-desc {
        grid-column-start: 1 !important;
        row-gap: var(--size16);
    }
    /* Left */
    .ludiq .grid-container.left .grid .item1 {
        grid-column-start: 1 !important;
    }
    .ludiq .grid-container.left .grid .item2 {
        margin-top: 0;
    }
    /* Coffrets */

    .ludiq .grid-container.left.coffrets .grid .item1 {
        grid-column-start: 1 !important;
    }

    /* Coral */
    .ludiq .grid-container.coral .grid .item1,
    .ludiq .grid-container.coral .grid .item2 {
        row-gap: var(--size16);
    }

    /* New grid end
    *
    *
    *
    *
    **/
    .ludiq .videoblock {
        aspect-ratio: 5/7;
    }
    .showm {
        display: block;
    }
    .showd {
        display: none;
    }
    .product-title {
        font-size: 40px;
        line-height: 48px;
    }

    .ludiq-header {
        padding: 24px var(--size-variable);
    }
    .ludiq .main-section .textblock .step2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding: 0 37px;
        box-sizing: border-box;
    }
    .ludiq .main-section .textblock .step2 svg {
        max-width: 100%;
    }
    .ludiq .main-section .textblock .step2 span {
        font-size: 22px;
        line-height: 30px;
        margin-top: 20px;
    }

    .ludiq .presentation .intro {
        font-size: 18px;
        line-height: 28px;
        margin: var(--size16) auto;
    }
    .ludiq .presentation .block > div {
        padding: 0;
    }
    .ludiq .presentation .block2 {
        margin-top: 0;
    }
    .ludiq .presentation .block2 > div {
        display: flex;
        flex-direction: column;
    }
    .ludiq .presentation .block2 img {
        align-self: flex-end;
    }
    .ludiq .presentation .block3 {
        margin-top: 0;
    }
    .ludiq .presentation .block:nth-of-type(odd) .img-parallax-container {
        margin-right: var(--size16);
    }
    .ludiq .presentation .block:nth-of-type(even) .img-parallax-container {
        margin-left: var(--size16);
    }

    .ludiq .img-text .container-maxi {
        flex-direction: column;
        padding: var(--size16) var(--size4) 0;
    }
    .ludiq .img-text .container-maxi > * {
        width: 100%;
    }
    .ludiq .img-text .visual {
        margin-left: -20vw;
    }
    .ludiq .img-text.buche .textblock .desc {
        padding-left: 0;
        margin-top: var(--size16);
    }

    .ludiq .full-img .container-maxi {
        top: var(--size8);
        left: 0;
        transform: translateX(0);
    }
    .ludiq .full-img .container-maxi .textblock .desc {
        display: none;
    }
    .ludiq .full-img.nomades .product-title {
        color: var(--color-blue-dark);
    }
    .ludiq .full-img .ludiq-cta {
        margin-top: var(--size8);
    }
    .ludiq .full-img .visual-m {
        height: 100%;
        width: 100%;
    }

    .ludiq .coral-planters {
        padding: var(--size16) 0;
    }
    .ludiq .coral-planters .logocoral {
        width: 80%;
    }
    .ludiq .coral-planters .container-maxi {
        flex-direction: column;
    }
    .ludiq .coral-planters .container-maxi > div {
        width: 100%;
    }
    .ludiq .coral-planters video {
        max-width: calc(100% + var(--size8));
        margin-left: -16px;
    }
    .ludiq .coral-planters .container-maxi {
        gap: var(--size16);
    }
    .ludiq .coral-planters .ludiq-cta {
        margin: auto;
    }

    .ludiq .ending-full {
        height: 100dvh;
    }
    .ludiq .ending-full video {
        height: 100%;
        object-fit: cover;
    }
    .ludiq .ending-full .textblock {
        width: 100%;
        max-width: none;
        padding: 0 var(--size4);
        box-sizing: border-box;
    }
    .ludiq .ending-full .textblock p {
        font-size: 22px;
        line-height: 30px;
    }
    .ludiq .slider-area[data-scroll="solitaire"] .intro.v2,
    .ludiq [data-scroll="cavalier"] .intro.v2 {
        max-width: 100%;
    }
    .ludiq .m-m-bottom-100vw {
        margin-bottom: 100vw;
    }
}