.entete{z-index:30;height:var(--header-h);align-items:center;gap:calc(var(--pas) * 2);padding:0 calc(var(--pas) * 3);background:var(--blanc);border-bottom:var(--trait) solid color-mix(in srgb, var(--olive-clair) 25%, transparent);grid-template-columns:1fr auto 1fr;display:grid;position:sticky;top:0}.entete__retour{justify-self:start;align-items:center;gap:calc(var(--pas));color:var(--olive);border-bottom:var(--trait) solid transparent;font-size:1.05rem;text-decoration:none;transition:border-color .25s,color .25s;display:inline-flex}.entete__retour:hover{color:var(--olive-profond);border-bottom-color:var(--olive-profond)}.entete__retour svg{flex:none;width:1em;height:1em}.marque{line-height:0;display:block}.marque img{width:auto;height:46px}.entete__date{letter-spacing:.16em;text-transform:uppercase;color:var(--olive);white-space:nowrap;justify-self:end;font-size:.9rem}.page{max-width:40rem;padding:calc(var(--pas) * 8) calc(var(--pas) * 3) calc(var(--pas) * 12);margin:0 auto}.intro{text-align:center;justify-items:center;gap:calc(var(--pas) * 2);display:grid}.intro__titre{font-family:var(--font-script);margin:0;font-size:clamp(3rem,9vw,5rem);font-weight:400;line-height:1.1}.intro__texte{max-width:46ch;color:var(--olive-profond);text-wrap:pretty;margin:0;font-size:clamp(1.08rem,2vw,1.24rem);line-height:1.75}.intro__delai{margin:calc(var(--pas) * 2) 0 0;padding:calc(var(--pas) * 1.75) calc(var(--pas) * 4);background:var(--olive);color:var(--blanc);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;font-size:clamp(.92rem,1.6vw,1.02rem)}.intro__delai strong{border-bottom:var(--trait) solid currentColor;font-weight:400}.progression{gap:calc(var(--pas) * 1.5);margin:calc(var(--pas) * 7) 0 calc(var(--pas) * 5);display:grid}.progression__rail{height:var(--trait);background:color-mix(in srgb, var(--olive-clair) 30%, transparent);overflow:hidden}.progression__jauge{background:var(--olive);transform-origin:0;width:0;height:100%;transition:width .5s var(--courbe)}.progression__texte{letter-spacing:.2em;text-transform:uppercase;color:var(--olive);margin:0;font-size:.78rem}.etapes{overflow-clip-margin:10px;transition:height .42s var(--courbe);position:relative;overflow:clip}.etape{gap:calc(var(--pas) * 4);border:0;min-width:0;margin:0;padding:0;display:grid}.etape[hidden]{display:none}.etape{scroll-margin-top:calc(var(--header-h) + var(--pas) * 3)}.progression[hidden],.champ[hidden]{display:none}.etape__titre{gap:calc(var(--pas));padding:0;display:grid}.etape__titre h2{font-family:var(--font-script);color:var(--olive-profond);margin:0;font-size:clamp(2.2rem,5.6vw,3.1rem);font-weight:400;line-height:1.15}.etape__titre p{color:var(--olive-profond);margin:0;font-size:1.1rem;line-height:1.7}.etape__champs{gap:calc(var(--pas) * 4);display:grid}.champ{gap:calc(var(--pas) * 1.25);display:grid}.champ__label{letter-spacing:.14em;text-transform:uppercase;color:var(--olive-profond);font-size:.88rem;transition:color .25s}.champ:focus-within .champ__label{color:var(--olive-profond)}.champ__facultatif{text-transform:none;letter-spacing:.02em;color:var(--olive);opacity:.85;font-size:.9rem}.champ input[type=text],.champ input[type=email],.champ input[type=number],.champ textarea{width:100%;padding:calc(var(--pas) * 1.75) calc(var(--pas) * 2);border:0;border-bottom:2px solid color-mix(in srgb, var(--olive) 40%, transparent);background-color:color-mix(in srgb, var(--olive) 5%, var(--blanc));background-image:linear-gradient(var(--olive), var(--olive));color:var(--olive-profond);font-family:var(--font-texte);transition:background-size .45s var(--courbe), background-color .25s ease, border-color .25s ease;background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;border-radius:2px 2px 0 0;font-size:1.25rem;line-height:1.5}.champ textarea{resize:vertical;min-height:6rem}.champ input:hover,.champ textarea:hover{background-color:color-mix(in srgb, var(--olive) 9%, var(--blanc))}.champ input:focus,.champ textarea:focus{background-color:color-mix(in srgb, var(--olive) 8%, var(--blanc));background-size:100% 2px;outline:none}.champ input::placeholder,.champ textarea::placeholder{color:color-mix(in srgb, var(--olive-clair) 60%, transparent)}.champ[data-invalide=true] input,.champ[data-invalide=true] textarea{border-bottom-color:var(--erreur)}.champ__erreur{color:var(--erreur);margin:0;font-size:.88rem;display:none}.champ[data-invalide=true] .champ__erreur{display:block}.choix{gap:calc(var(--pas) * 1.5);display:grid}.choix--paire{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.choix__option{display:grid;position:relative}.choix__option input{z-index:2;opacity:0;cursor:pointer;position:absolute;inset:0}.choix__carte{align-content:center;gap:calc(var(--pas) * .75);height:100%;min-height:6rem;padding:calc(var(--pas) * 2.5);border:2px solid color-mix(in srgb, var(--olive) 38%, transparent);background-color:color-mix(in srgb, var(--olive) 5%, var(--blanc));text-align:center;color:var(--olive-profond);transition:border-color .25s ease, color .3s ease, transform .25s var(--courbe);border-radius:2px;display:grid;position:relative}.choix__carte:before{content:"";background:var(--olive);transform-origin:0;transition:transform .42s var(--courbe);border-radius:2px;position:absolute;inset:-2px;transform:scaleX(0)}.choix__titre,.choix__note{z-index:1;position:relative}.choix__titre{font-size:1.18rem;line-height:1.35}.choix__signe{z-index:1;width:1.6rem;height:1.6rem;margin-bottom:calc(var(--pas) * .25);justify-self:center;position:relative}.choix__signe path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.choix__option--enthousiaste input:hover+.choix__carte .choix__signe,.choix__option--enthousiaste input:checked+.choix__carte .choix__signe{animation:1.1s ease-in-out infinite battre}.choix__option--reticent input:hover+.choix__carte .choix__signe{animation:1.6s ease-in-out infinite soupirer}@keyframes battre{0%,to{transform:scale(1)}14%{transform:scale(1.22)}28%{transform:scale(1)}42%{transform:scale(1.14)}56%{transform:scale(1)}}@keyframes soupirer{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-14deg)translateY(2px)}}@media (prefers-reduced-motion:reduce){.choix__signe{animation:none!important}}.confettis{z-index:90;pointer-events:none;position:fixed;inset:0}.choix__note{opacity:.82;font-size:.92rem;line-height:1.4}.choix__option input:hover+.choix__carte{border-color:var(--olive);transform:translateY(-2px)}.choix__option input:checked+.choix__carte{border-color:var(--olive);color:var(--blanc)}.choix__option input:checked+.choix__carte:before{transform:scaleX(1)}.choix__option input:focus-visible+.choix__carte{outline:2px solid var(--olive);outline-offset:3px}.personnes{gap:calc(var(--pas) * 3);display:grid}.personne{gap:calc(var(--pas) * 1.5);padding:calc(var(--pas) * 2.5);border:var(--trait) solid color-mix(in srgb, var(--olive) 25%, transparent);background:color-mix(in srgb, var(--olive) 4%, var(--blanc));border-radius:3px;display:grid}.personne__role{letter-spacing:.16em;text-transform:uppercase;color:var(--olive);margin:0;font-size:.82rem}.personne__noms{gap:calc(var(--pas) * 2);grid-template-columns:repeat(2,1fr);display:grid}.personne__champ{gap:calc(var(--pas) * .75);display:grid}.personne__champ span{letter-spacing:.14em;text-transform:uppercase;color:var(--olive);font-size:.78rem}.personne__champ input{width:100%;padding:calc(var(--pas) * 1.25) calc(var(--pas) * 1.5);border:0;border-bottom:2px solid color-mix(in srgb, var(--olive) 40%, transparent);background:var(--blanc);color:var(--olive-profond);font-family:var(--font-texte);border-radius:2px 2px 0 0;font-size:1.05rem;transition:background-color .25s,border-color .25s}.personne__champ input:focus{border-bottom-color:var(--olive);background:color-mix(in srgb, var(--olive) 6%, var(--blanc));outline:none}.champ[data-invalide=true] .personne__champ input:placeholder-shown,.champ[data-invalide=true] .personne__champ input:not(:focus):invalid{border-bottom-color:var(--erreur)}@media (width<=480px){.personne__noms{grid-template-columns:1fr}}.pastilles{justify-content:center;gap:calc(var(--pas) * 1);flex-wrap:wrap;display:flex}.pastilles>.pastille{flex:0 0 calc((100% - var(--pas) * 2) / 3)}@media (width<=560px){.pastilles>.pastille{flex-basis:calc((100% - var(--pas)) / 2)}}.pastille{position:relative}.pastille input{z-index:2;opacity:0;cursor:pointer;position:absolute;inset:0}.pastille span{justify-content:center;align-items:center;gap:calc(var(--pas) * .6);height:100%;padding:calc(var(--pas) * .9) calc(var(--pas) * 1.25);background-color:color-mix(in srgb, var(--olive) 9%, var(--blanc));color:var(--olive-profond);white-space:nowrap;text-align:center;transition:background-color .25s ease, color .3s ease, transform .25s var(--courbe);border:0;border-radius:999px;font-size:clamp(.7rem,1.5vw,.8rem);line-height:1.2;display:flex;position:relative}.pastille__icone,.pastille__mot{z-index:1;position:relative}.pastille__icone{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1rem;height:1rem}.pastille input:hover+span{background-color:color-mix(in srgb, var(--olive) 18%, var(--blanc));transform:translateY(-2px)}.pastille input:checked+span{background-color:var(--olive);color:var(--blanc)}.pastille input:focus-visible+span{outline:2px solid var(--olive-profond);outline-offset:1px}@media (width<=620px){.pastilles{grid-template-columns:repeat(2,1fr)}}.compteur{align-items:center;gap:calc(var(--pas) * 2);display:flex}.compteur__bouton{border:var(--trait) solid color-mix(in srgb, var(--olive-clair) 45%, transparent);width:2.6rem;height:2.6rem;color:var(--olive);font-family:var(--font-texte);cursor:pointer;transition:background-color .25s ease, color .25s ease, border-color .25s ease, transform .18s var(--courbe);background:0 0;border-radius:999px;font-size:1.3rem;line-height:1}.compteur__bouton:hover:not(:disabled){background:var(--olive);border-color:var(--olive);color:var(--blanc)}.compteur__bouton:disabled{opacity:.35;cursor:not-allowed}.compteur input{text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;border-bottom-color:#0000;width:3.5rem;font-size:1.4rem}.compteur input::-webkit-outer-spin-button,.compteur input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.recap{gap:0;display:grid}.recap__ligne{gap:calc(var(--pas) * 3);padding:calc(var(--pas) * 1.75) 0;border-bottom:var(--trait) solid color-mix(in srgb, var(--olive-clair) 25%, transparent);grid-template-columns:1fr auto;align-items:baseline;display:grid}.recap__cle{letter-spacing:.16em;text-transform:uppercase;color:var(--olive);font-size:.8rem}.recap__valeur{text-align:right;color:var(--olive-profond);text-wrap:pretty}.choix__option--enthousiaste input:hover+.choix__carte,.choix__option--enthousiaste input:focus-visible+.choix__carte{transform:translateY(-4px)scale(1.02)}.choix__option--enthousiaste input:checked+.choix__carte{transform:translateY(-2px)}.choix__option--reticent .choix__carte{transition-duration:.45s}.choix__option--reticent input:hover+.choix__carte,.choix__option--reticent input:focus-visible+.choix__carte{transform:scale(.955)rotate(-.9deg)}.choix__option--reticent input:checked+.choix__carte{transform:none}@media (prefers-reduced-motion:reduce){.choix__option--enthousiaste input:hover+.choix__carte,.choix__option--reticent input:hover+.choix__carte{transform:none}}.recap__ligne{grid-template-columns:1fr auto auto}.recap__modifier{border:var(--trait) solid transparent;width:2.2rem;height:2.2rem;color:var(--olive);cursor:pointer;transition:background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s var(--courbe);background:0 0;border-radius:999px;place-items:center;padding:0;display:grid}.recap__modifier svg{width:1rem;height:1rem}.recap__modifier:hover{background:var(--olive);border-color:var(--olive);color:var(--blanc);transform:rotate(-8deg)}@media (width<=640px){.recap__ligne{grid-template-columns:1fr auto}.recap__cle{grid-column:1}.recap__modifier{grid-area:1/2/span 2;align-self:center}.recap__valeur{grid-column:1}}.erreur-envoi{margin:calc(var(--pas) * 3) 0 0;padding:calc(var(--pas) * 2) calc(var(--pas) * 2.5);border-left:3px solid var(--erreur);background:color-mix(in srgb, var(--erreur) 7%, var(--blanc));color:var(--erreur)}.erreur-envoi[hidden]{display:none}.commande--plein:disabled{opacity:.6;cursor:progress}.commandes{justify-content:space-between;align-items:center;gap:calc(var(--pas) * 2);margin-top:calc(var(--pas) * 5);padding-top:calc(var(--pas) * 3);border-top:var(--trait) solid color-mix(in srgb, var(--olive-clair) 25%, transparent);display:flex}.commande{align-items:center;gap:calc(var(--pas) * 1.25);font-family:var(--font-texte);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background-color .25s ease, color .25s ease, border-color .25s ease, transform .22s var(--courbe);border-radius:999px;font-size:.92rem;display:inline-flex}.commande svg{width:1.1em;height:1.1em;transition:transform .3s var(--courbe);flex:none}.commande--plein{padding:calc(var(--pas) * 1.75) calc(var(--pas) * 5);border:2px solid var(--olive);background:var(--olive);color:var(--blanc)}.commande--plein:hover{background:var(--olive-profond);border-color:var(--olive-profond);transform:translateY(-2px)}.commande--plein:hover svg{transform:translate(5px)}.commande--nu{padding:calc(var(--pas) * 1.75) calc(var(--pas) * 2.5);color:var(--olive);background:0 0;border:2px solid #0000}.commande--nu:hover{background:color-mix(in srgb, var(--olive) 14%, var(--blanc));border-color:color-mix(in srgb, var(--olive) 30%, transparent);color:var(--olive-profond)}.commande--nu:hover svg{transform:translate(-5px)}.commande--nu[hidden]{display:none}.confirmation{text-align:center;justify-items:center;gap:calc(var(--pas) * 3);padding:calc(var(--pas) * 6) 0;display:grid}.confirmation img{width:auto;height:84px}.confirmation h2{font-family:var(--font-script);margin:0;font-size:clamp(2.2rem,6vw,3.2rem);font-weight:400;line-height:1.15}.confirmation p{text-wrap:pretty;max-width:30rem;margin:0}.intro-enveloppe{transition:grid-template-rows .5s var(--courbe), opacity .35s ease;grid-template-rows:1fr;display:grid}.intro-enveloppe>*{min-height:0;overflow:hidden}.intro-enveloppe[data-replie=true]{opacity:0;pointer-events:none;grid-template-rows:0fr}.progression__delai{color:var(--olive);opacity:.75}.progression__delai:before{content:"·";margin:0 .6em}@media (width<=520px){.progression__delai{display:block}.progression__delai:before{content:none}}.intro-enveloppe[hidden]{display:none}.sceau{place-items:center;display:grid;position:relative}.sceau:after{content:"";border:2px solid var(--olive);border-radius:999px;width:84px;height:84px;position:absolute}@media (prefers-reduced-motion:no-preference){.sceau img{animation:.75s cubic-bezier(.2,1.4,.4,1) .12s both imprimer}.sceau:after{animation:onde 1.1s var(--courbe) .42s both}}@media (prefers-reduced-motion:reduce){.sceau:after{display:none}}@keyframes imprimer{0%{opacity:0;transform:scale(1.5)rotate(-7deg)}60%{opacity:1}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes onde{0%{opacity:.75;transform:scale(.85)}to{opacity:0;transform:scale(2.6)}}.apres{gap:calc(var(--pas) * 4);width:100%;margin-top:calc(var(--pas) * 8);padding-top:calc(var(--pas) * 6);border-top:var(--trait) solid color-mix(in srgb, var(--olive) 25%, transparent);display:grid}.apres__intro{letter-spacing:.24em;text-transform:uppercase;color:var(--olive);margin:0;font-size:.82rem}.apres__grille{gap:calc(var(--pas) * 2);grid-template-columns:repeat(3,1fr);display:grid}.suite-carte{aspect-ratio:1;color:var(--sur-media);border-radius:2px;text-decoration:none;display:block;position:relative;overflow:hidden}.suite-carte img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--courbe)}.suite-carte:hover img,.suite-carte:focus-visible img{transform:scale(1.07)}.suite-carte__voile{background:linear-gradient(to top, color-mix(in srgb, var(--olive-profond) 86%, transparent) 10%, color-mix(in srgb, var(--olive-profond) 24%, transparent) 70%);transition:opacity .35s;position:absolute;inset:0}.suite-carte:hover .suite-carte__voile{opacity:.84}.suite-carte__titre{gap:calc(var(--pas) * .5);padding:calc(var(--pas) * 2);font-family:var(--font-script);text-align:center;font-size:clamp(1.1rem,2.6vw,1.5rem);line-height:1.15;display:grid;position:absolute;inset:auto 0 0}@media (width<=560px){.apres__grille{grid-template-columns:1fr}.suite-carte{aspect-ratio:16/7}}@media (prefers-reduced-motion:no-preference){.apres__intro{animation:monter .7s var(--courbe) .62s both}.suite-carte{animation:monter .7s var(--courbe) both}.suite-carte:first-child{animation-delay:.74s}.suite-carte:nth-child(2){animation-delay:.84s}.suite-carte:nth-child(3){animation-delay:.94s}}.notes{padding:calc(var(--pas) * 10) calc(var(--pas) * 3);background:var(--papier)}.notes__inner{gap:calc(var(--pas) * 4);max-width:62rem;margin:0 auto;display:grid}.notes__titre{font-family:var(--font-script);margin:0;font-size:clamp(2rem,4vw,2.8rem);font-weight:400;line-height:1.2}.notes__grille{gap:calc(var(--pas) * 4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.note{gap:calc(var(--pas) * 1.5);padding-top:calc(var(--pas) * 2);border-top:var(--trait) solid var(--olive-clair);align-content:start;display:grid}.note__etiquette{letter-spacing:.18em;text-transform:uppercase;color:var(--olive);font-size:.76rem}.note p{margin:0}.note code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.86em}@media (width<=640px){.entete__retour span{display:none}.entete__date{letter-spacing:.1em;font-size:.74rem}.page{padding-top:calc(var(--pas) * 6)}.commandes{flex-direction:column-reverse;align-items:stretch}.commande--plein{width:100%}.recap__ligne{gap:calc(var(--pas) * .5);grid-template-columns:1fr}.recap__valeur{text-align:left}}@media (prefers-reduced-motion:no-preference){.intro__titre{animation:monter .8s var(--courbe) 50ms both}.intro__texte{animation:monter .8s var(--courbe) .16s both}.intro__delai{animation:monter .8s var(--courbe) .26s both}.progression{animation:monter .8s var(--courbe) .36s both}.etapes:not([data-navigue]) .etape[data-etape=vous]{animation:monter .8s var(--courbe) .46s both}.commandes{animation:monter .8s var(--courbe) .58s both}.etape[data-entree=avant]{animation:glisser-depuis-droite .5s var(--courbe) both}.etape[data-entree=arriere]{animation:glisser-depuis-gauche .5s var(--courbe) both}.etape[data-entree] .etape__titre{animation:monter .55s var(--courbe) 40ms both}.etape[data-entree] .etape__champs>*{animation:monter .55s var(--courbe) both}.etape[data-entree] .etape__champs>:first-child{animation-delay:.12s}.etape[data-entree] .etape__champs>:nth-child(2){animation-delay:.19s}.etape[data-entree] .etape__champs>:nth-child(3){animation-delay:.26s}.etape[data-entree] .etape__champs>:nth-child(4){animation-delay:.33s}.recap__ligne{animation:monter .5s var(--courbe) both;animation-delay:calc(var(--i,0) * 55ms + .2s)}.commande--plein:hover{transform:translateY(-2px)}.commande--plein:active{transform:translateY(0)scale(.985)}.compteur__bouton:active{transform:scale(.9)}.confirmation{animation:monter .6s var(--courbe) both}.confirmation h2{animation:monter .7s var(--courbe) .3s both}.confirmation p{animation:monter .7s var(--courbe) .44s both}}@keyframes glisser-depuis-droite{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:none}}@keyframes glisser-depuis-gauche{0%{opacity:0;transform:translate(-34px)}to{opacity:1;transform:none}}@keyframes monter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
