.arrivee{--hauteur:min(24vh, 36vw, 230px);--plat:calc(var(--hauteur) * 1.3);--ecart:clamp(14px, 2vw, 28px);--pas:calc(var(--plat) + var(--ecart));--zoom:1.75s;--longue-traine:cubic-bezier(.16, 1, .3, 1);z-index:100;background:var(--color-mwak-nuit,#0a2e24);color:#fff;pointer-events:none;animation:arrivee-fondu .3s ease-out calc(var(--zoom) + .45s) forwards;position:fixed;inset:0;overflow:hidden}.arrivee[hidden]{display:none}.arrivee-rangees{justify-content:center;gap:var(--ecart);flex-direction:column;display:flex;position:absolute;inset:0 0 clamp(96px,16vh,150px)}.arrivee-rangee{--arret:calc(50vw - var(--centre) * var(--pas) - var(--plat) / 2 + var(--decale) * var(--pas));gap:var(--ecart);width:max-content;translate:var(--arret) 0;animation:arrivee-depuis-droite 1.6s var(--longue-traine) calc(var(--rang) * 80ms) both;display:flex}.arrivee-rangee:nth-child(2n){animation-name:arrivee-depuis-gauche}.arrivee-assiette{width:var(--plat);height:var(--hauteur);animation:arrivee-tourne 1.6s var(--longue-traine) calc(var(--rang) * 80ms) both;background:#ffffff14;border-radius:clamp(14px,2vh,22px);flex:none;position:relative;overflow:hidden}.arrivee-assiette img{object-fit:cover;width:100%;height:100%}.arrivee-assiette:not(.est-vedette){animation:arrivee-tourne 1.6s var(--longue-traine) calc(var(--rang) * 80ms) both, arrivee-efface .45s ease-in var(--zoom) forwards}.arrivee-assiette.est-vedette{z-index:1;animation:arrivee-tourne 1.6s var(--longue-traine) calc(var(--rang) * 80ms) both, arrivee-zoom .55s cubic-bezier(.4, 0, .7, .2) var(--zoom) forwards}.arrivee-logo{animation:arrivee-efface .25s ease-in var(--zoom) forwards;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:clamp(24px,6vh,64px);left:0;right:0}.arrivee-marque{align-items:flex-end;gap:10px;display:flex}.arrivee-bol{width:clamp(40px,5.5vh,52px);height:auto;color:var(--color-mwak-mangue,#f2b33d);overflow:visible}.arrivee-bol .bol{stroke-dasharray:1;stroke-dashoffset:1px;animation:.6s cubic-bezier(.45,0,.25,1) .3s forwards arrivee-trace}.arrivee-bol .vapeur{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;animation:arrivee-vapeur 1.1s cubic-bezier(.33, 0, .2, 1) calc(.7s + var(--n) * .12s) forwards}.arrivee-nom{clip-path:inset(0 100% 0 0);animation:arrivee-devoile .5s var(--longue-traine) .75s forwards}.arrivee-nom svg{width:auto;height:clamp(28px,4.2vh,38px)}.arrivee-accroche{color:#ffffffc7;flex-wrap:wrap;justify-content:center;gap:0 .3em;font-size:15px;display:flex}.arrivee-accroche span{opacity:0;filter:blur(6px);animation:arrivee-mot .18s ease-out calc(1.05s + var(--n) * 70ms) forwards}@keyframes arrivee-depuis-droite{0%{translate:calc(var(--arret) + 110vw) 0}}@keyframes arrivee-depuis-gauche{0%{translate:calc(var(--arret) - 110vw) 0}}@keyframes arrivee-tourne{0%{scale:.92}}@keyframes arrivee-zoom{to{scale:11}}@keyframes arrivee-efface{to{opacity:0}}@keyframes arrivee-trace{to{stroke-dashoffset:0}}@keyframes arrivee-vapeur{15%{opacity:.9}70%{stroke-dashoffset:0;opacity:.8}to{stroke-dashoffset:0;opacity:0;translate:0 -6px}}@keyframes arrivee-devoile{to{clip-path:inset(0)}}@keyframes arrivee-mot{to{opacity:1;filter:blur()}}@keyframes arrivee-fondu{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.arrivee{animation-delay:.6s}.arrivee-rangee,.arrivee-assiette,.arrivee-assiette:not(.est-vedette),.arrivee-assiette.est-vedette,.arrivee-logo{animation:none}.arrivee-bol .bol,.arrivee-nom,.arrivee-accroche span{opacity:1;stroke-dashoffset:0;clip-path:none;filter:none;animation:none}.arrivee-bol .vapeur{display:none}}
