.pfil{--p: 0;--sortie: clamp(0, calc((var(--p) - .52) / .26), 1);position:relative;background-color:rgb(var(--pfil-fond, 255 248 234));color:rgb(var(--pfil-ink, 24 25 38))}.pfil__course{height:var(--pfil-course, 240vh)}.pfil__scene{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.pfil__lueur{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;background:radial-gradient(closest-side circle at 50% 62%,rgb(var(--pfil-lueur, 255 211 19) / .3),rgb(var(--pfil-lueur, 255 211 19) / 0) 70%);opacity:clamp(0,calc(var(--p) * 2.4),1);transform:scale(calc(.5 + .5*clamp(0,calc(var(--p) * 1.5),1)))}.pfil__trace{--f: clamp(0, calc(var(--p) * 1.9), 1);position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pfil__trace path{fill:none;stroke:rgb(var(--pfil-fil, 255 211 19));stroke-linecap:round;stroke-width:var(--pfil-fil-epaisseur, 5px)}.pfil__trace-ligne{stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--f));opacity:calc(1 - var(--sortie))}.pfil__trace-comete{stroke-width:calc(var(--pfil-fil-epaisseur, 5px) * 1.9);stroke-dasharray:.03 1;stroke-dashoffset:calc(.03 - var(--f));opacity:calc(clamp(0,calc(var(--p) * 14),1)*(1 - clamp(0,calc((var(--f) - .88) / .12),1)))}.pfil__trace--ord{display:none}.pfil__fleurs{position:absolute;top:0;right:0;bottom:0;left:0}.pfil__fleur{--t: clamp(0, calc((var(--p) - var(--de, 0)) / (var(--a, 1) - var(--de, 0))), 1);position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--taille) * 1vmin);opacity:calc(var(--t) * (1 - var(--sortie)));transform:translate(-50%,-50%) translate(calc((var(--bx) - var(--x)) * 1vw * var(--sortie)),calc((var(--by) - var(--y)) * 1svh * var(--sortie) + (1 - var(--t)) * 40px - var(--p) * var(--profondeur, .5) * 60px)) rotate(calc((1 - var(--t)) * var(--tourne, -12deg))) scale(calc((.6 + .4 * var(--t)) * (1 - .7 * var(--sortie))))}.pfil__fleur picture,.pfil__bouquet picture{display:block}.pfil__fleur img{display:block;width:100%;height:auto}.pfil__fleur--sans-tel{display:none}.pfil__bouquet{--t: clamp(0, calc((var(--p) - .58) / .24), 1);position:absolute;left:calc(var(--bx) * 1%);top:calc(var(--by) * 1%);width:calc(var(--pfil-bouquet, 62) * 1vmin);opacity:var(--t);transform:translate(-50%,-50%) scale(calc(.4 + .6 * var(--t)))}.pfil__bouquet img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 34px rgb(24 25 38 / .16))}.pfil__mots{--t: clamp(0, calc((var(--p) - .06) / .18), 1);position:absolute;z-index:2;top:calc(var(--header-height, 64px) + 7vh);left:50%;width:min(560px,92vw);padding-inline:var(--container-gutter, 20px);text-align:center;opacity:var(--t);transform:translate(-50%) translateY(calc((1 - var(--t)) * 22px));pointer-events:none}.pfil__surtitre{margin:0 0 8px;font-size:var(--text-sm, 14px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--pfil-ink-soft, 95 103 105))}.pfil__titre{margin:0;font-family:var(--heading-font-family, inherit);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}.pfil__texte{margin-top:12px;color:rgb(var(--pfil-ink-soft, 95 103 105))}.pfil__bouton{--t: clamp(0, calc((var(--p) - .72) / .16), 1);margin-top:18px;opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 14px));pointer-events:auto}@media screen and (min-width:1000px){.pfil__trace--tel{display:none}.pfil__trace--ord,.pfil__fleur--sans-tel{display:block}.pfil__fleur{left:calc(var(--x-ord) * 1%);top:calc(var(--y-ord) * 1%);width:calc(var(--taille-ord) * 1vmin);transform:translate(-50%,-50%) translate(calc((var(--bx-ord) - var(--x-ord)) * 1vw * var(--sortie)),calc((var(--by-ord) - var(--y-ord)) * 1svh * var(--sortie) + (1 - var(--t)) * 40px - var(--p) * var(--profondeur, .5) * 60px)) rotate(calc((1 - var(--t)) * var(--tourne, -12deg))) scale(calc((.6 + .4 * var(--t)) * (1 - .7 * var(--sortie))))}.pfil__bouquet{left:calc(var(--bx-ord) * 1%);top:calc(var(--by-ord) * 1%);width:calc(var(--pfil-bouquet-ord, 32) * 1vw)}.pfil__mots{top:50%;left:max(var(--container-gutter, 24px),calc(50vw - var(--container-max-width, 1400px) / 2));width:min(38vw,520px);padding-inline:0;text-align:start;transform:translateY(calc(-50% + (1 - var(--t)) * 22px))}}@media(prefers-reduced-motion:reduce){.pfil__course{height:auto}.pfil__scene{position:relative;height:88svh}}.pfil[data-actif] .pfil__lueur,.pfil[data-actif] .pfil__fleur,.pfil[data-actif] .pfil__bouquet,.pfil[data-actif] .pfil__mots,.pfil[data-actif] .pfil__bouton{will-change:transform,opacity}
/*# sourceMappingURL=/cdn/shop/t/73/assets/penup-scene-fil.css.map */