html.jk-scroll-pending,html.jk-scroll-pending body,html.jk-stack-booting,html.jk-stack-booting body{visibility:hidden!important}:root{--stack-h:100vh;--stack-chrome:0px}@supports (height:100svh){:root{--stack-h:100lvh;--stack-chrome:calc(100lvh - 100svh)}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}html.works-preview-open,html.works-preview-open body{overflow:hidden!important}.messy-cursor-ring{--ring:4.5rem;z-index:60;width:var(--ring);height:var(--ring);pointer-events:none;opacity:1;transform-origin:50%;margin:0;transition:opacity .3s;position:fixed;inset:auto clamp(.75rem,3vw,1.5rem) clamp(1rem,4vw,2rem) auto}@media (width<=720px){.messy-cursor-ring{right:var(--space-4);bottom:var(--space-4);--ring:4rem}}.messy-cursor-ring.is-boom{opacity:0;transition:opacity .2s}.messy-cursor-ring.is-done{opacity:0;pointer-events:none}.messy-cursor-ring svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible;rotate:-90deg}.messy-cursor-ring__bg{fill:#0000;stroke:color-mix(in oklab, var(--color-ink,#14201a) 22%, transparent);stroke-width:3px}.messy-cursor-ring__fg{fill:none;stroke:color-mix(in oklab, var(--color-green,#2e7d32) 72%, transparent);stroke-width:3px;stroke-linecap:round}.messy-cursor-ring.is-snap{transition:none!important;animation:none!important}.messy-cursor-ring__pct{text-align:center;pointer-events:none;font-family:var(--font-h1);letter-spacing:.04em;color:var(--color-ink,#14201a);place-items:center;font-size:.72rem;font-style:italic;display:grid;position:absolute;inset:0}.messy-ring-burst{z-index:70;pointer-events:none;opacity:0;white-space:nowrap;font-family:var(--font-h1);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink,#14201a);-webkit-text-stroke:2px var(--color-parchment,#faf6ef);paint-order:stroke fill;text-shadow:4px 4px 0 var(--color-ink,#14201a), 0 0 0 var(--color-green,#2e7d32);margin:0;padding:.2rem .45rem;font-style:italic;font-weight:400;line-height:1;position:fixed;top:0;left:0;translate:-50% -50%}.messy-ring-burst.is-boom{color:var(--color-green,#2e7d32);text-shadow:6px 6px 0 var(--color-ink,#14201a), -2px -1px 0 var(--color-parchment,#faf6ef);font-size:clamp(2.4rem,8vw,4rem);rotate:-18deg}.messy-ring-burst.is-boom.is-pop{animation:2.2s cubic-bezier(.22,1,.36,1) forwards messy-ring-burst-boom}.messy-ring-burst.is-bam{color:var(--color-green,#2e7d32);text-shadow:5px 5px 0 var(--color-ink,#14201a), -2px -1px 0 var(--color-parchment,#faf6ef);font-size:clamp(2.2rem,7vw,3.6rem);rotate:-14deg}.messy-ring-burst.is-reviens{color:var(--color-ink,#14201a);text-shadow:4px 4px 0 var(--color-green,#2e7d32), -1px -1px 0 var(--color-parchment,#faf6ef);font-size:clamp(1.7rem,5.5vw,2.75rem);rotate:10deg}.messy-ring-burst.is-pop{animation:1.4s cubic-bezier(.22,1,.36,1) forwards messy-ring-burst-pop}@keyframes messy-ring-burst-boom{0%{opacity:0;scale:.25}10%{opacity:1;scale:1.38}28%{opacity:1;scale:1.08}62%{opacity:1;scale:1.02}to{opacity:0;translate:-50% -160%;scale:1.12}}@keyframes messy-ring-burst-pop{0%{opacity:0;scale:.3}12%{opacity:1;scale:1.32}38%{opacity:1;scale:1}to{opacity:0;translate:-50% -180%;scale:1.1}}@media (prefers-reduced-motion:reduce){.messy-cursor-ring.is-boom{opacity:0;animation:none}.messy-ring-burst.is-pop{animation:none}.messy-ring-burst{display:none}}.hero-bubbles{z-index:6;pointer-events:none;width:min(16rem,28vw);height:9rem;position:absolute;top:-25%;right:95%;overflow:visible}@media (width>=1025px){.hero-piaf .hero-bubbles[data-hero-bubbles]{top:calc(-25% - 3.5rem);right:calc(95% + 2.5rem)}}.hero-bubble{left:var(--bx,14%);top:var(--by,6%);rotate:var(--brot,0deg);opacity:0;max-width:min(16rem,70vw);transition:opacity .55s,translate .65s cubic-bezier(.22,1,.36,1),scale .65s cubic-bezier(.22,1,.36,1);position:absolute;translate:0 .45rem;scale:.86}.hero-bubble.is-in{opacity:1;translate:0;scale:1}.hero-bubble.is-out{opacity:0;translate:0 -.35rem;scale:.94}.hero-bubble__cloud{color:var(--color-ink,#14201a);border:2.5px solid var(--color-ink,#14201a);box-shadow:4px 4px 0 var(--color-ink,#14201a);font-family:var(--font-h1);letter-spacing:.02em;text-align:center;opacity:0;white-space:normal;text-wrap:balance;background:#fff;border-radius:1.25rem;padding:.65rem .95rem;font-size:clamp(.88rem,1.9vw,1.1rem);font-style:italic;line-height:1.25;transition:opacity .45s,scale .55s cubic-bezier(.34,1.4,.64,1);position:relative;scale:.8}.hero-bubble.is-said .hero-bubble__cloud{opacity:1;scale:1}.hero-bubble__cloud p{margin:0}.hero-bubble--speech{max-width:min(16rem,28vw);inset:auto 0 .5rem auto;translate:0 .45rem}.hero-bubble--speech.is-in{translate:0}.hero-bubble--speech.is-out{translate:0 -.35rem}.hero-bubble--speech .hero-bubble__cloud{width:max-content;min-width:10rem;max-width:min(16rem,28vw)}.hero-bubble--speech .hero-bubble__cloud:after{content:"";border-right:2.5px solid var(--color-ink,#14201a);border-bottom:2.5px solid var(--color-ink,#14201a);width:.75rem;height:.75rem;box-shadow:2px 2px 0 var(--color-ink,#14201a);background:#fff;position:absolute;inset:42% -.4rem auto auto;translate:0 -50%;rotate:-45deg}.messy-section[aria-label=Introduction]>.messy-sheet,.messy-section[aria-label="Un seul interlocuteur"]>.messy-sheet{overflow:visible}@media (width<=1024px){.hero-bubbles{width:min(15rem,68vw);height:9rem;inset:auto auto 75% 60%}.human-piaf__bubbles.hero-bubbles{width:min(16rem,72vw);inset:-95% 90% auto auto}.human-piaf__bubbles .hero-bubble--speech{max-width:min(15rem,72vw);bottom:2rem;left:auto;right:0}.human-piaf__bubbles .hero-bubble--speech .hero-bubble__cloud:after{box-shadow:2px 2px 0 var(--color-ink,#14201a);inset:42% -.4rem auto auto;translate:0 -50%;rotate:-45deg}.hero-bubble--speech{inset:auto auto 0 0}.hero-bubble--speech .hero-bubble__cloud:after{box-shadow:2px 2px 0 var(--color-ink,#14201a);inset:auto auto -.4rem 1rem;translate:0;rotate:45deg}.hero-bubble--speech .hero-bubble__cloud{max-width:min(14rem,68vw);box-shadow:3px 3px 0 var(--color-ink,#14201a);padding:.5rem .75rem;font-size:.82rem}.hero-bubble--speech{max-width:min(15rem,68vw)}}@media (prefers-reduced-motion:reduce){.hero-bubbles{display:none}}.messy-section{--bg-color:var(--bg);--text-color:var(--text);--surface-ui:var(--color-cream,#ebe3d5);--surface-ui-hover:var(--color-parchment,#faf6ef);--sheet-edge:var(--color-ink,#14201a);width:100%;max-width:100%;min-height:var(--stack-h);box-sizing:border-box;padding:clamp(4rem, 10svh, 6rem) clamp(1.25rem, 4vw, 3rem) calc(clamp(2rem, 5svh, 3rem) + var(--stack-chrome));color:var(--text-color,#000);isolation:isolate;background-color:var(--bg);background-image:linear-gradient(var(--bg-color), var(--bg-color));justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.messy-stack-container{overscroll-behavior-x:none;width:100%;max-width:100%;position:relative;overflow-x:clip}.messy-section[aria-label=Réalisations]{isolation:isolate}.messy-section:has(>.messy-sheet){background:0 0;justify-content:flex-start;align-items:stretch;padding:0}.messy-section>.messy-sheet{flex:auto}.messy-sheet{width:100%;min-height:var(--stack-h);padding:clamp(4rem, 10svh, 6rem) clamp(1.25rem, 4vw, 3rem) calc(clamp(2rem, 5svh, 3rem) + var(--stack-chrome));box-sizing:border-box;background-color:var(--bg-color,var(--bg));background-image:linear-gradient(var(--bg-color), var(--bg-color));box-shadow:inset 0 0 0 2.5px var(--sheet-edge,var(--color-ink,#14201a)), 8px 8px 0 var(--sheet-edge,var(--color-ink,#14201a));color:inherit;will-change:auto;backface-visibility:hidden;transform-origin:bottom;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.messy-section.is-entering>.messy-sheet{will-change:transform}.messy-section.is-content-in:not(.is-entering){overflow:clip}.messy-section.is-content-in:not(.is-entering):has(.hero){overflow:visible}.messy-section.is-content-in:not(.is-entering)>.messy-sheet{box-shadow:inset 0 0 0 2.5px var(--sheet-edge,var(--color-ink,#14201a))}.messy-stack-container .pin-spacer,.messy-section:has(>.messy-sheet){pointer-events:none}.messy-section>.messy-sheet{pointer-events:auto}.messy-section.is-stack-covered:not(.is-covering)>.messy-sheet,.messy-section.is-entering:not(.is-covering):not(.is-content-in)>.messy-sheet,.messy-section.is-stack-covered:not(.is-covering) :is(.site-footer,.site-footer a,.build-demo__stage,.final__cta),.messy-section.is-entering:not(.is-covering):not(.is-content-in) :is(.site-footer,.site-footer a,.build-demo__stage,.final__cta){pointer-events:none}.messy-section.is-stack-covered.is-being-revealed>.messy-sheet{pointer-events:auto}.messy-section.is-stack-covered.is-being-revealed :is(.site-footer,.site-footer a,.final__cta,.build-demo__play){pointer-events:auto!important}.messy-section.is-stack-covered.is-being-revealed :is(.build-demo__stage,.build-demo__chrome){pointer-events:none}.messy-section.is-stack-covered .hero-bubbles,.messy-section.is-stack-covered [data-hero-bubbles],.messy-section.is-stack-covered [data-human-bubbles]{visibility:hidden}.messy-section.is-stack-covered:has(.build-demo),.messy-section.is-stack-covered:has(.build-demo)>.messy-sheet{overflow:clip!important}.messy-section.is-stack-covered .build-demo{contain:paint}.messy-section.is-stack-covered .scene-rail>span,.messy-section.is-stack-covered .hero-bubble,.messy-section.is-stack-covered .hero-piaf__mark .logo-arm,.messy-section.is-stack-covered .hero-piaf__mark .logo-head,.messy-section.is-stack-covered .human-piaf__mark,.messy-section.is-stack-covered .human-piaf .piaf-wing,.messy-section.is-stack-covered .human-piaf .piaf-mouth-lower,.messy-section.is-stack-covered .bd-pill,.messy-section.is-stack-covered .build-demo__line.is-active:after,.messy-section.is-stack-covered .build-demo__site,.messy-section.is-stack-covered .bd-marquee__track,.messy-section.is-stack-covered .bd-photo__img,.messy-section.is-stack-covered .bd-cta:after{animation-play-state:paused!important}.messy-section.is-tilt-ccw>.messy-sheet{box-shadow:inset 0 0 0 2.5px var(--sheet-edge,var(--color-ink,#14201a)), -8px 8px 0 var(--sheet-edge,var(--color-ink,#14201a))}.messy-section.is-tilt-cw>.messy-sheet{box-shadow:inset 0 0 0 2.5px var(--sheet-edge,var(--color-ink,#14201a)), 8px 8px 0 var(--sheet-edge,var(--color-ink,#14201a))}.messy-sheet:before{content:"";opacity:.035;pointer-events:none;z-index:0;border-radius:inherit;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#14201a0a 2px 3px);position:absolute;inset:0;overflow:hidden}@media (width>=1024px){.messy-sheet:before{display:none}}.messy-content{z-index:1;width:min(1120px,100%);position:relative}.messy-label{opacity:.06;pointer-events:none;user-select:none;letter-spacing:-.05em;font-size:clamp(4rem,2rem + 8vw,10rem);font-weight:900;line-height:1;position:absolute;top:clamp(-2rem,-1rem - 1.5vw,-3rem);left:50%;transform:translate(-50%)}.messy-heading{text-transform:uppercase;letter-spacing:-.03em;margin-bottom:clamp(.6rem,.3rem + 1vw,1.5rem);font-size:clamp(2rem,1rem + 4vw,5rem);font-weight:800;line-height:1.05;position:relative}.messy-heading .word{white-space:nowrap;display:inline-block}.messy-heading .char{display:inline-block}.messy-paragraph{opacity:0;letter-spacing:.01em;max-width:min(480px,85vw);margin:0 auto;font-size:clamp(1rem,.85rem + .5vw,1.4rem);font-weight:300;line-height:1.6}.doodle{opacity:0;pointer-events:none;color:currentColor;position:absolute}.doodle-arrow{width:clamp(30px,20px + 2vw,50px);bottom:clamp(-40px,-30px - 1.5vw,-70px);left:50%;transform:translate(-50%)}.doodle-circle{opacity:.15;width:clamp(80px,50px + 8vw,160px);top:clamp(-15px,-10px - 1vw,-35px);right:clamp(-20px,-15px - 2vw,-55px)}.doodle-underline{width:clamp(140px,100px + 10vw,240px);bottom:-10px;left:50%;transform:translate(-50%)}.doodle-sparkle{width:clamp(35px,25px + 2vw,55px);top:clamp(-10px,-5px - 1vw,-25px);right:clamp(-15px,-10px - 1.5vw,-35px)}.doodle path,.doodle ellipse{stroke-dasharray:300;stroke-dashoffset:300px}.messy-tone-offwhite{--bg-color:var(--bg);--text-color:var(--text)}.messy-tone-cream{--bg-color:var(--color-cream,#ebe3d5);--text-color:var(--text);--surface-ui:var(--color-parchment,#faf6ef);--surface-ui-hover:#fff}.messy-tone-mist{--bg-color:var(--bg-soft);--text-color:var(--text)}.messy-section.scene-final .messy-sheet{justify-content:flex-start;align-items:center;gap:var(--space-8);flex-direction:column;padding-bottom:0}.messy-section.scene-final .site-footer{z-index:2;pointer-events:auto;border-top:3px solid #14201a;width:calc(100% + 2*clamp(1.25rem,4vw,3rem));max-width:none;margin:auto calc(-1*clamp(1.25rem,4vw,3rem)) 0;position:relative}.messy-section.scene-final :is(.site-footer a){pointer-events:auto;z-index:1;position:relative}@media (width<=720px){.messy-section.scene-final .messy-sheet{min-height:var(--stack-h);justify-content:flex-start;gap:0;padding-top:clamp(2rem,4svh,3rem);padding-bottom:0}.messy-section.scene-final .messy-content.final{width:min(42rem,100%);min-height:0;padding-block:var(--space-4);flex:auto;justify-content:center}.messy-section.scene-final .site-footer{padding-bottom:calc(max(var(--space-2), env(safe-area-inset-bottom,0px)) + var(--stack-chrome));flex:none;margin-top:0}.messy-sheet{padding:var(--space-8) var(--space-4) var(--space-4);box-shadow:inset 0 0 0 2px var(--sheet-edge,var(--color-ink,#14201a)), 4px 4px 0 var(--sheet-edge,var(--color-ink,#14201a))}.messy-section:has(.hero)>.messy-sheet{padding-top:clamp(4rem,12svh,6rem);padding-bottom:var(--space-8)}.messy-section.is-tilt-ccw>.messy-sheet{box-shadow:inset 0 0 0 2px var(--sheet-edge,var(--color-ink,#14201a)), -4px 4px 0 var(--sheet-edge,var(--color-ink,#14201a))}.messy-section.is-tilt-cw>.messy-sheet{box-shadow:inset 0 0 0 2px var(--sheet-edge,var(--color-ink,#14201a)), 4px 4px 0 var(--sheet-edge,var(--color-ink,#14201a))}.messy-section.is-content-in:not(.is-entering)>.messy-sheet{box-shadow:inset 0 0 0 2px var(--sheet-edge,var(--color-ink,#14201a))}.messy-section[aria-label="Foire aux questions"].is-content-in:not(.is-entering){overflow:visible}.messy-section[aria-label="Foire aux questions"]>.messy-sheet{max-height:100dvh;padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px));align-items:flex-start;overflow:hidden visible}.messy-section[aria-label="Foire aux questions"]>.messy-sheet.is-sheet-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;touch-action:pan-y;overflow-y:auto}.messy-section[aria-label="Foire aux questions"] .faq{padding-block:var(--space-4);width:100%}.messy-stack-container .pin-spacer{overflow-x:clip;max-width:100%!important}.messy-sheet:before{display:none}}@media (prefers-reduced-motion:reduce){.messy-stack-container{padding-bottom:0}.messy-section,.messy-sheet{will-change:auto;transform:none!important}.messy-sheet:before{display:none}}