.rt-panneau{--rt-rayon:clamp(22px, 2.6vw, 36px);--rt-rayon-photo:clamp(18px, 2vw, 28px);width:var(--panel-w,100%);border-radius:var(--rt-rayon);max-width:100%;margin-inline:auto}.rt-grille{grid-template-columns:minmax(0,1fr);grid-template-areas:"tete""titre""photo""corps";row-gap:clamp(1.25rem,3vw,1.75rem);display:grid}@media (min-width:1024px){.rt-grille{grid-template:"tete photo""titre photo"1fr"corps photo"/minmax(0,1.05fr) minmax(0,.95fr);gap:1.75rem clamp(2rem,4vw,4rem)}}.rt-tete{grid-area:tete}.rt-titre{grid-area:titre;align-self:end;container-type:inline-size}.rt-photo{grid-area:photo}.rt-corps{grid-area:corps}.rt-nom{font-size:max(2.4rem, min(7rem, calc(100cqi / var(--nom-em,6))))}@media (prefers-reduced-motion:no-preference){.rt-monte{animation:rt-monte .9s var(--ease-franc) .1s backwards}.rt-mark{transform-origin:0 60%;animation:rt-claque .7s var(--ease-franc) .38s backwards}.rt-leve{animation:rt-leve .6s var(--ease-franc) var(--rt-retard,.5s) backwards}.rt-revele{animation:rt-revele 1s var(--ease-franc) .12s backwards}.rt-revele img{animation:rt-recul 1.3s var(--ease-franc) .12s backwards}.rt-pose{animation:rt-pose .7s var(--ease-franc) var(--rt-retard,.8s) backwards}}@keyframes rt-monte{0%{translate:0 110%}}@keyframes rt-claque{0%{opacity:0;scale:.3 1}60%{opacity:1;scale:1.04 1}to{scale:1}}@keyframes rt-leve{0%{opacity:0;translate:0 14px}}@keyframes rt-revele{0%{clip-path:inset(9% round 48px)}to{clip-path:inset(0 round var(--rt-rayon-photo))}}@keyframes rt-recul{0%{scale:1.1}}@keyframes rt-pose{0%{opacity:0;scale:.2}55%{opacity:1;scale:1.12}78%{scale:.96}to{scale:1}}
@layer components{.lt-scene{--ax:var(--ax-s);--ay:var(--ay-s);--p:1150px;--k:.2;position:relative}.lt-scene.rt-panneau{border-radius:0;width:100%}.lt-carte{--fondu-bas:5rem;height:calc(clamp(330px, 94vw, 470px) + var(--h-barre));-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--fondu-bas)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--fondu-bas)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--fondu-bas)), transparent);background:#fbfbfb;position:relative;overflow:hidden}.lt-calque{position:absolute;inset:0}.lt-reperes{z-index:1}.lt-fondu{--voile:#00000008;-webkit-mask-image:linear-gradient(to bottom, var(--voile) var(--h-header), #000 calc(var(--h-header) + 4.5rem));-webkit-mask-image:linear-gradient(to bottom, var(--voile) var(--h-header), #000 calc(var(--h-header) + 4.5rem));mask-image:linear-gradient(to bottom, var(--voile) var(--h-header), #000 calc(var(--h-header) + 4.5rem))}.lt-plan{width:var(--pw);height:var(--ph);left:calc(var(--ax) - var(--x) * var(--pw));top:calc(var(--ay) + var(--h-barre) / 2 - var(--y) * var(--ph));position:absolute}.lt-plan-lille{--pw:var(--p);--ph:var(--p)}.lt-plan-nord{--pw:calc(2213px * var(--k));--ph:calc(1529px * var(--k))}.lt-pin{position:absolute;translate:-50% -86.8%}.lt-pin-vedette{z-index:3;width:calc(var(--p) * .0479)}.lt-pin-autre{z-index:2;width:calc(var(--p) * .0258)}.lt-nom{z-index:2;max-width:none;height:auto;position:absolute}.lt-nom-autre{opacity:.55}.lt-autre{position:absolute;inset:0}.lt-plan-lille .lt-autre{display:none}.lt-route-lisere{fill:none;stroke:#fff;stroke-width:calc(10px / var(--k));stroke-linecap:round;stroke-linejoin:round}.lt-route{fill:none;stroke:var(--color-vert);stroke-width:calc(5px / var(--k));stroke-dasharray:calc(14px / var(--k)) calc(9px / var(--k));stroke-linecap:round;stroke-linejoin:round}.lt-ville,.lt-bouclier{white-space:nowrap;position:absolute;translate:-50% -50%}.lt-ville{color:var(--color-ink-soft);font-size:.75rem;font-weight:500;line-height:1;display:none}.lt-bouclier{border:1.5px solid var(--color-ink);color:var(--color-ink);background:#fff;border-radius:4px;padding:2px 5px;font-size:.625rem;font-weight:800;line-height:1;display:none}.lt-repere{--pin:calc(var(--p) * .0258);z-index:3;width:0;height:0;position:absolute}.lt-repere:has(.lt-pin-vedette){--pin:calc(var(--p) * .0479);z-index:4}.lt-repere .lt-pin{top:0;left:0}.lt-plaque{white-space:nowrap;background:#fff;border-radius:.5rem;flex-direction:column;gap:.2rem;padding:.45rem .7rem .5rem;display:flex;position:absolute;box-shadow:0 1px 2px #140c0414,0 8px 18px -10px #140c0459}.lt-repere[data-s=d] .lt-plaque{left:calc(var(--pin) * .62);right:auto;top:calc(var(--pin) * -.6);text-align:left;align-items:flex-start;bottom:auto;translate:0 -50%}.lt-repere[data-s=g] .lt-plaque{left:auto;right:calc(var(--pin) * .62);top:calc(var(--pin) * -.6);text-align:right;align-items:flex-end;bottom:auto;translate:0 -50%}.lt-repere[data-s=h] .lt-plaque{top:auto;left:0;right:auto;bottom:calc(var(--pin) * 1.28);text-align:center;align-items:center;translate:-50%}@media (min-width:768px){.lt-repere[data-m=d] .lt-plaque{left:calc(var(--pin) * .62);right:auto;top:calc(var(--pin) * -.6);text-align:left;align-items:flex-start;bottom:auto;translate:0 -50%}.lt-repere[data-m=g] .lt-plaque{left:auto;right:calc(var(--pin) * .62);top:calc(var(--pin) * -.6);text-align:right;align-items:flex-end;bottom:auto;translate:0 -50%}.lt-repere[data-m=h] .lt-plaque{top:auto;left:0;right:auto;bottom:calc(var(--pin) * 1.28);text-align:center;align-items:center;translate:-50%}}@media (min-width:1024px){.lt-repere[data-t=d] .lt-plaque{left:calc(var(--pin) * .62);right:auto;top:calc(var(--pin) * -.6);text-align:left;align-items:flex-start;bottom:auto;translate:0 -50%}.lt-repere[data-t=g] .lt-plaque{left:auto;right:calc(var(--pin) * .62);top:calc(var(--pin) * -.6);text-align:right;align-items:flex-end;bottom:auto;translate:0 -50%}.lt-repere[data-t=h] .lt-plaque{top:auto;left:0;right:auto;bottom:calc(var(--pin) * 1.28);text-align:center;align-items:center;translate:-50%}}@media (min-width:1280px){.lt-repere[data-d=d] .lt-plaque{left:calc(var(--pin) * .62);right:auto;top:calc(var(--pin) * -.6);text-align:left;align-items:flex-start;bottom:auto;translate:0 -50%}.lt-repere[data-d=g] .lt-plaque{left:auto;right:calc(var(--pin) * .62);top:calc(var(--pin) * -.6);text-align:right;align-items:flex-end;bottom:auto;translate:0 -50%}.lt-repere[data-d=h] .lt-plaque{top:auto;left:0;right:auto;bottom:calc(var(--pin) * 1.28);text-align:center;align-items:center;translate:-50%}}.lt-plaque-nom{font-family:var(--font-display);text-transform:uppercase;color:var(--color-ink);font-size:.95rem;font-weight:900;line-height:1}.lt-plaque-vedette .lt-plaque-nom{font-size:1.15rem}.lt-plaque-info{color:var(--color-ink-soft);font-size:.8125rem;font-weight:600;line-height:1.15}.lt-plaque-info strong{color:var(--color-ink);font-weight:800}.lt-signe{display:none}.lt-signe-titre{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;color:var(--color-orange);font-size:clamp(2.6rem,4.4vw,4.75rem);font-weight:900;line-height:.85;display:block}.lt-signe-facon{width:clamp(8rem,12vw,12.5rem);height:auto;margin:.3rem 0 0 auto;display:block}.lt-note-place{z-index:5;justify-content:center;margin-top:-5rem;padding-inline:.75rem;display:flex;position:relative}.lt-note{--w:min(calc(100vw - 1.5rem), 27rem);width:var(--w);min-height:calc(var(--w) * var(--ph) / var(--pw));border:0 solid #0000;border-image-source:var(--papier);border-image-slice:var(--haut) 1 var(--bas) 1 fill;border-image-width:calc(var(--w) * var(--haut) / var(--pw)) calc(var(--w) / var(--pw)) calc(var(--w) * var(--bas) / var(--pw)) calc(var(--w) / var(--pw));padding:calc(var(--w) * .16) calc(var(--w) * .13) calc(var(--w) * .14) calc(var(--w) * .08);border-image-repeat:stretch round;position:relative;rotate:-1.2deg}.lt-date{z-index:2;left:21%;top:calc(var(--w) * .012);background:var(--color-orange);font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;color:var(--color-on-brand);padding:.8rem 1.15rem .55rem;font-size:1.4rem;font-weight:900;line-height:1;position:absolute;translate:0 -55%;rotate:-2.5deg;-webkit-mask:url(/images/restaurants/map-lille/bande-date.webp) 0 0/100% 100% no-repeat;mask:url(/images/restaurants/map-lille/bande-date.webp) 0 0/100% 100% no-repeat}.lt-trombone{z-index:3;left:calc(var(--w) * .045);width:calc(var(--w) * .15);pointer-events:none;height:auto;position:absolute;top:0;translate:0 -38%;rotate:-8deg}.lt-trombone-bord{display:none}.lt-tirages{z-index:4;justify-content:center;align-items:flex-start;width:min(100vw - 2.5rem,25rem);margin:.25rem auto 0;display:flex;position:relative}.lt-tirage{background:#fff;border-radius:3px;width:48%;margin:0;padding:.4rem .4rem 0;position:relative;box-shadow:0 1px 2px #140c0414,0 16px 30px -18px #140c0473}.lt-tirage-0{z-index:1;margin-right:-3%;rotate:-3deg}.lt-tirage-1{z-index:2;margin-top:1.5rem;rotate:2.5deg}.lt-tirage-1 .lt-tirage-legende{max-width:none}.lt-tirage-fenetre{aspect-ratio:4/5;background:#ecebe8;border-radius:2px;display:block;position:relative;overflow:hidden}.lt-tirage-legende{max-width:86%;font-family:var(--font-display);color:var(--color-ink);padding:.55rem .15rem .65rem;font-size:.95rem;font-weight:700;line-height:1.1}.lt-tirage-scotch,.lt-tirage-trombone{z-index:2;pointer-events:none;height:auto;position:absolute;top:0}.lt-tirage-scotch{width:4.25rem;left:50%;translate:-50% -55%;rotate:-4deg}.lt-tirage-trombone{width:3.1rem;left:10%;translate:0 -45%;rotate:-4deg}.lt-fil{margin-top:1.25rem;padding-inline:.25rem}@media (min-width:768px){.lt-scene{--ax:var(--ax-m);--ay:var(--ay-m);--k:.3}.lt-ville,.lt-bouclier{display:block}.lt-signe{z-index:4;right:clamp(1.25rem,3vw,2.5rem);top:calc(var(--h-header) + 1.75rem);text-align:right;pointer-events:none;display:block;position:absolute}.lt-tirages{width:27rem}}@media (min-width:1024px){.lt-scene{--ax:var(--ax-t);--ay:var(--ay-t);--p:1650px;--k:.33;height:max(700px,100svh)}.lt-ville{display:none}.lt-carte{--fondu-bas:4rem;height:auto;position:absolute;inset:0}.lt-note-place{left:5%;top:calc(var(--h-header) + 2.25rem);align-items:safe center;margin-top:0;padding-inline:0;position:absolute;bottom:4rem}.lt-note{--w:clamp(25rem, 30vw, 29rem);padding-left:calc(var(--w) * .11);padding-right:calc(var(--w) * .16);rotate:-2deg}.lt-trombone-bord{z-index:3;left:calc(var(--w) * .86);width:calc(var(--w) * .17);pointer-events:none;height:auto;display:block;position:absolute;top:30%;translate:-50%;rotate:4deg}.lt-tirages{aspect-ratio:1/1.1;width:16rem;margin:0;display:block;position:absolute;bottom:2%;right:3.5%}.lt-tirage{position:absolute}.lt-tirage-0{z-index:2;width:56%;margin:0;bottom:0;right:0;rotate:2.5deg}.lt-tirage-1{z-index:1;width:46%;margin:0;top:0;left:0;rotate:-4deg}.lt-tirage-1 .lt-tirage-legende{max-width:86%}.lt-tirage-0 .lt-tirage-legende{max-width:none}.lt-tirage-legende{font-size:clamp(.8125rem,1vw,1rem)}.lt-fil{z-index:5;margin:0;padding:0;position:absolute;bottom:1.1rem;left:5%}}@media (min-width:1280px){.lt-scene{--ax:var(--ax-d);--ay:var(--ay-d);--p:max(1900px, 150vw);--k:.5}.lt-plan-lille .lt-autre{display:block}.lt-tirages{width:clamp(16rem,22vw,24rem);bottom:5.5%}.lt-plaque-nom{font-size:1.05rem}.lt-plaque-vedette .lt-plaque-nom{font-size:1.3rem}.lt-plaque-info{font-size:.875rem}}@media (min-width:1680px){.lt-scene{--k:.6}}@media (prefers-reduced-motion:no-preference){.lt-note{animation:lt-monte .85s var(--ease-franc) .1s backwards}.lt-date{animation:lt-colle .6s var(--ease-franc) .42s backwards}.lt-pin-vedette{animation:lt-tombe .7s var(--ease-franc) .35s backwards}.lt-pin-vedette .da-pm-sol{transform-origin:50%;animation:lt-sol .6s var(--ease-franc) var(--sol,.62s) backwards}.lt-plan-nord .lt-pin-vedette{--sol:2.3s}.lt-nom-vedette,.lt-repere .lt-plaque-vedette{animation:lt-monte-court .6s var(--ease-franc) .6s backwards}.lt-autre{animation:lt-monte-court .55s var(--ease-franc) var(--arrive,1s) backwards}.lt-trait{stroke-dasharray:1;animation:lt-trait var(--duree,1.6s) cubic-bezier(.33, 0, .2, 1) var(--depart,.75s) backwards}.lt-ville,.lt-bouclier{animation:.8s .5s backwards lt-fondu}.lt-signe-titre{animation:lt-monte .8s var(--ease-franc) .3s backwards}.lt-signe-facon{animation:lt-monte-court .7s var(--ease-franc) .48s backwards}.lt-tirage{animation:lt-monte .85s var(--ease-franc) calc(.6s + var(--i,0) * .14s) backwards}.lt-fil{animation:.6s .8s backwards lt-fondu}@supports (animation-timeline:scroll()){.lt-calque{animation:linear both lt-defile-plan;animation-timeline:scroll(root);animation-range:0 100svh}@media (min-width:1024px){.lt-note-place{animation:linear both lt-defile-note;animation-timeline:scroll(root);animation-range:0 100svh}.lt-tirages{animation:linear both lt-defile-tirages;animation-timeline:scroll(root);animation-range:0 100svh}.lt-signe{animation:linear both lt-defile-signe;animation-timeline:scroll(root);animation-range:0 100svh}}}}}@keyframes lt-monte{0%{opacity:0;transform:translateY(14px)}}@keyframes lt-monte-court{0%{opacity:0;transform:translateY(8px)}}@keyframes lt-tombe{0%{opacity:0;transform:translateY(-12px)}}@keyframes lt-colle{0%{opacity:0;transform:translateY(-6px)}}@keyframes lt-sol{0%{opacity:0;transform:scaleX(.4)}}@keyframes lt-fondu{0%{opacity:0}}@keyframes lt-trait{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes lt-defile-plan{to{transform:translateY(14%)}}@keyframes lt-defile-note{to{transform:translateY(-3rem)}}@keyframes lt-defile-tirages{to{transform:translateY(-6rem)}}@keyframes lt-defile-signe{to{transform:translateY(-2.5rem)}}@media (prefers-reduced-motion:no-preference){.ep-doux{animation:ep-doux 1s var(--ease-franc) var(--ep-retard,0s) backwards}.ep-photo{animation:ep-ouvre 1.4s var(--ease-franc) .2s backwards}.ep-photo img{animation:ep-recul 1.8s var(--ease-franc) .2s backwards}}@keyframes ep-doux{0%{opacity:0;translate:0 10px}}@keyframes ep-ouvre{0%{clip-path:inset(3% round 32px)}to{clip-path:inset(0 round clamp(18px,2vw,28px))}}@keyframes ep-recul{0%{scale:1.04}}
