.hero-bubbles{z-index:6;pointer-events:none;width:min(17rem,36vw);height:9rem;position:absolute;top:-25%;right:95%;overflow:visible}@media (width>=1201px){.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(17rem,36vw);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(17rem,36vw)}.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<=1200px){.hero-bubbles[data-hero-bubbles]{width:min(14rem,48vw);height:8.5rem;inset:auto auto 70% 95%}.hero-bubbles[data-hero-bubbles] .hero-bubble--speech{max-width:min(14rem,48vw);inset:auto auto 0 0}.hero-bubbles[data-hero-bubbles] .hero-bubble--speech .hero-bubble__cloud{min-width:8rem;max-width:min(14rem,48vw)}.hero-bubbles[data-hero-bubbles] .hero-bubble--speech .hero-bubble__cloud:after{box-shadow:2px 2px 0 var(--color-ink,#14201a);inset:42% auto auto -.4rem;translate:0 -50%;rotate:135deg}.human-piaf__bubbles.hero-bubbles{width:min(14rem,46vw);height:9rem;display:block;inset:-100% auto auto 85%}.human-piaf__bubbles .hero-bubble--speech{max-width:min(14rem,46vw);bottom:.25rem;left:0;right:auto}.human-piaf__bubbles .hero-bubble--speech .hero-bubble__cloud{min-width:8rem;max-width:min(14rem,46vw)}.human-piaf__bubbles .hero-bubble--speech .hero-bubble__cloud:after{box-shadow:2px 2px 0 var(--color-ink,#14201a);inset:42% auto auto -.4rem;translate:0 -50%;rotate:135deg}.about-hero__piaf-bubbles.hero-bubbles{width:min(13rem,44vw);height:8.5rem;display:block;inset:auto auto 90% 80%}.about-hero__piaf-bubbles .hero-bubble--speech{max-width:min(13rem,44vw);bottom:.25rem;left:0;right:auto}.about-hero__piaf-bubbles .hero-bubble--speech .hero-bubble__cloud:after{box-shadow:2px 2px 0 var(--color-ink,#14201a);inset:42% auto auto -.4rem;translate:0 -50%;rotate:135deg}.hero-bubble--speech .hero-bubble__cloud{box-shadow:3px 3px 0 var(--color-ink,#14201a);padding:.5rem .75rem;font-size:.82rem}}@media (width<=720px){.hero-bubbles[data-hero-bubbles]{width:min(15rem,78vw);height:8rem;bottom:90%;left:8%;right:auto}.hero-bubbles[data-hero-bubbles] .hero-bubble--speech{max-width:min(15rem,78vw);bottom:.25rem;left:0;right:auto}.hero-bubbles[data-hero-bubbles] .hero-bubble--speech .hero-bubble__cloud{min-width:8rem;max-width:min(14rem,76vw);padding:.5rem .75rem;font-size:.8rem}.hero-bubbles[data-hero-bubbles] .hero-bubble--speech .hero-bubble__cloud:after{inset:auto auto -.4rem 1rem;translate:0;rotate:45deg}.human-piaf__bubbles.hero-bubbles{width:min(15rem,78vw);height:8rem;inset:auto 40% 95% auto}.human-piaf__bubbles .hero-bubble--speech{max-width:min(15rem,78vw)}.human-piaf__bubbles .hero-bubble--speech .hero-bubble__cloud{min-width:8rem;max-width:min(14rem,76vw);font-size:.8rem}.human-piaf__bubbles .hero-bubble--speech .hero-bubble__cloud:after{inset:auto 1rem -.4rem auto;translate:0;rotate:45deg}}@media (prefers-reduced-motion:reduce){.hero-bubbles{display:none}}