\n`;\n}\n\nconst LOADER = `

${MARK.replace('class=\"mark\"', 'class=\"mark\" style=\"width:64px;height:64px\"')}

Les Folies Mondaines

000

`;\n\nconst ITEMS: [string, string][] = [[\"index\", \"Accueil\"], [\"evenements\", \"Les Soirées\"], [\"privatisation\", \"Privatiser\"], [\"club\", \"Le Cercle\"], [\"contact\", \"Contact\"]];\n\nfunction nav(active: string) {\n const links = ITEMS.map(([k, v]) => `

${v}

`).join(\"\");\n const menu = ITEMS.map(([k, v], i) => `

${v}^{0${i + 1}}

`).join(\"\");\n return `

\n \n ${MARK}\n Les Folies Mondainesde Madame · Marseille\n \n

${links}\n

\n ${WA_ICON} Réserver\n \n

\n\n`;\n}\n\nconst FOOTER = `\n${WA_ICON}\n\n\n\n\n\n\n`;\n\nexport async function render(key: string): Promise {\n const [title, desc, og] = PAGES[key];\n const body = await readFile(`/site/pages/${key}.html`, import.meta.url);\n const extra = key === \"index\" || key === \"evenements\" ? EVENTS_JSONLD : \"\";\n const canonical = BASE + (key === \"index\" ? \"/\" : `/${key}.html`);\n let html = head(title, desc, canonical, `${BASE}/assets/${og}.jpg`, extra) + LOADER + nav(key) + body + FOOTER;\n html = html.replaceAll(\"{{WA}}\", WA_ICON).replaceAll(\"{{ARROW}}\", ARROW).replaceAll(\"{{MARK}}\", MARK);\n html = html.replace(/\\{\\{link:(\\w+)\\}\\}/g, (_, k) => (k === \"index\" ? \"/\" : `/${k}.html`));\n html = html.replace(/\\{\\{asset:(\\w+)\\}\\}/g, (_, k) => `/assets/${k}.jpg`);\n return html;\n}\n","children",[],[187],"4ca79f6a-cfbe-430a-9876-72bfe2cf6641","main.ts",["D",1789150602241],"http","// Maquette statique — Les Folies Mondaines de Madame (tmoo)\nimport { Hono } from \"npm:hono\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { render, PAGES } from \"./render.ts\";\n\nconst app = new Hono();\n\nconst page = (key: string) => async (c: any) =>\n c.html(await render(key), 200, { \"cache-control\": \"public, max-age=300\" });\n\napp.get(\"/\", page(\"index\"));\nfor (const k of Object.keys(PAGES)) app.get(`/${k}.html`, page(k));\napp.get(\"/styles.css\", () => serveFile(\"/site/styles.css\", import.meta.url));\napp.get(\"/main.js\", () => serveFile(\"/site/main.js\", import.meta.url));\n\napp.get(\"/assets/:name\", async (c) => {\n const name = c.req.param(\"name\").replace(/[^a-z.]/g, \"\");\n try {\n const res = await blob.get(`lfm/${name}`);\n return new Response(res.body, {\n headers: { \"content-type\": \"image/jpeg\", \"cache-control\": \"public, max-age=31536000, immutable\" },\n });\n } catch {\n return c.text(\"not found\", 404);\n }\n});\n\napp.notFound((c) => c.redirect(\"/\"));\napp.onError((err) => Promise.reject(err));\nexport default app.fetch;\n","lesfoliesmondaines",[],[196],"66b314df-077c-49bc-a81f-ea9e3c2791a6","styles.css","51e728c8-ae0c-11f1-963b-1607ee4eb77e","778fe96e-a650-486b-83fa-47b2dcd64d9f",5,["D",1789150336201],"/* ============================================================\n LES FOLIES MONDAINES DE MADAME — Design System\n DA : Noir & Or · Cabaret moderne · Marseille\n Display : Bodoni Moda · Texte : Jost\n ============================================================ */\n\n:root{\n --noir:#0B0A08;\n --noir-2:#14120E;\n --noir-3:#1E1A14;\n --ivoire:#F4ECDA;\n --ivoire-60:rgba(244,236,218,.6);\n --ivoire-30:rgba(244,236,218,.3);\n --ivoire-12:rgba(244,236,218,.12);\n --or:#C9A24E;\n --or-clair:#EBD08A;\n --or-sombre:#8C6B2A;\n --rouge:#7A1F2B;\n --ease:cubic-bezier(.16,1,.3,1);\n --ease-io:cubic-bezier(.65,0,.35,1);\n --font-display:\"Bodoni Moda\", \"Didot\", \"Times New Roman\", serif;\n --font-text:\"Jost\", \"Futura\", \"Helvetica Neue\", Arial, sans-serif;\n --gutter:clamp(20px,4vw,64px);\n --nav-h:84px;\n}\n\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:auto;-webkit-text-size-adjust:100%}\nhtml.lenis,html.lenis body{height:auto}\n.lenis.lenis-smooth{scroll-behavior:auto!important}\nbody{\n background:var(--noir);\n color:var(--ivoire);\n font-family:var(--font-text);\n font-weight:300;\n font-size:clamp(15px,1.05vw,17px);\n line-height:1.6;\n -webkit-font-smoothing:antialiased;\n overflow-x:hidden;\n}\nbody.is-locked{overflow:hidden}\nimg{display:block;max-width:100%;height:auto}\na{color:inherit;text-decoration:none}\nbutton{font:inherit;color:inherit;background:none;border:0;cursor:pointer}\n::selection{background:var(--or);color:var(--noir)}\n\n/* ---------- Typo ---------- */\n.display{font-family:var(--font-display);font-weight:400;line-height:.95;letter-spacing:-.01em}\n.display i,.display em{font-style:italic;font-weight:400;color:var(--or-clair)}\n.h-xxl{font-size:clamp(56px,11vw,180px)}\n.h-xl{font-size:clamp(44px,7.5vw,120px)}\n.h-l{font-size:clamp(36px,5vw,84px)}\n.h-m{font-size:clamp(28px,3.4vw,56px)}\n.h-s{font-size:clamp(22px,2.2vw,34px);line-height:1.1}\n.label{\n font-family:var(--font-text);font-weight:400;\n font-size:11px;letter-spacing:.28em;text-transform:uppercase;\n color:var(--or);\n}\n.label--ivoire{color:var(--ivoire-60)}\n.lead{font-size:clamp(17px,1.4vw,22px);line-height:1.5;font-weight:300;color:var(--ivoire)}\n.muted{color:var(--ivoire-60)}\n.num{font-family:var(--font-display);font-style:italic;color:var(--or)}\n\n/* ---------- Layout ---------- */\n.container{width:100%;padding-inline:var(--gutter)}\n.section{padding-block:clamp(80px,12vw,180px);position:relative}\n.section--tight{padding-block:clamp(56px,8vw,120px)}\n.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2vw,32px)}\n.rule{height:1px;background:var(--ivoire-12);width:100%}\n.rule--or{background:linear-gradient(90deg,transparent,var(--or) 20%,var(--or) 80%,transparent)}\n.center{text-align:center}\n\n/* ---------- Grain + vignette ---------- */\n.grain{\n position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:9000;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\");\n opacity:.07;mix-blend-mode:overlay;\n animation:grain 1.2s steps(6) infinite;\n}\n@keyframes grain{\n 0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}\n 60%{transform:translate(-5%,-2%)}80%{transform:translate(4%,4%)}100%{transform:translate(0,0)}\n}\n\n/* ---------- Cursor ---------- */\n.cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:9500;mix-blend-mode:difference}\n.cursor__dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--ivoire);transform:translate(-50%,-50%)}\n.cursor__ring{\n position:absolute;width:40px;height:40px;border-radius:50%;\n border:1px solid var(--ivoire);transform:translate(-50%,-50%);\n transition:width .35s var(--ease),height .35s var(--ease),background-color .35s var(--ease),border-color .35s var(--ease);\n display:flex;align-items:center;justify-content:center;\n font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--noir);\n}\n.cursor.is-hover .cursor__ring{width:72px;height:72px;background:var(--ivoire);border-color:var(--ivoire)}\n.cursor.is-hover .cursor__dot{opacity:0}\n.cursor.is-view .cursor__ring{width:96px;height:96px;background:var(--ivoire)}\n.cursor.is-view .cursor__ring::after{content:attr(data-label)}\n@media (hover:none),(pointer:coarse){.cursor{display:none}}\n\n/* ---------- Preloader (rideau) ---------- */\n.loader{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none}\n.loader__panel{position:absolute;top:0;bottom:0;width:50.5%;background:var(--noir-2)}\n.loader__panel--l{left:0}\n.loader__panel--r{right:0}\n.loader__panel::after{\n content:\"\";position:absolute;inset:0;\n background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(0,0,0,.35) 46px 60px);\n}\n.loader__center{position:relative;z-index:2;text-align:center}\n.loader__mark{width:64px;height:64px;margin:0 auto 24px}\n.loader__title{font-family:var(--font-display);font-size:clamp(28px,4vw,52px);font-style:italic;color:var(--ivoire);line-height:1}\n.loader__count{margin-top:18px;font-size:11px;letter-spacing:.35em;color:var(--or)}\n\n/* ---------- Mark (logo) ---------- */\n.mark{display:inline-block;width:38px;height:38px}\n.mark circle,.mark path{vector-effect:non-scaling-stroke}\n\n/* ---------- Nav ---------- */\n.nav{\n position:fixed;top:0;left:0;right:0;z-index:8000;height:var(--nav-h);\n display:flex;align-items:center;justify-content:space-between;\n padding-inline:var(--gutter);\n transition:transform .6s var(--ease),background-color .6s var(--ease);\n}\n.nav.is-hidden{transform:translateY(-100%)}\n.nav.is-solid{background:linear-gradient(180deg,rgba(11,10,8,.92),rgba(11,10,8,0))}\n.nav__brand{display:flex;align-items:center;gap:14px}\n.nav__brand-name{font-family:var(--font-display);font-size:20px;line-height:1;white-space:nowrap}\n.nav__brand-name small{display:block;font-family:var(--font-text);font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--or);margin-top:4px}\n.nav__links{display:flex;gap:36px;list-style:none}\n.nav__links a{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;position:relative;padding:6px 0}\n.nav__links a::after{content:\"\";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--or);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}\n.nav__links a:hover::after,.nav__links a.is-active::after{transform:scaleX(1);transform-origin:left}\n.nav__right{display:flex;align-items:center;gap:20px}\n.burger{display:none;width:44px;height:44px;position:relative}\n.burger span{position:absolute;left:10px;right:10px;height:1px;background:var(--ivoire);transition:transform .5s var(--ease),opacity .3s}\n.burger span:nth-child(1){top:17px}.burger span:nth-child(2){top:26px}\n.burger.is-open span:nth-child(1){transform:translateY(4.5px) rotate(45deg)}\n.burger.is-open span:nth-child(2){transform:translateY(-4.5px) rotate(-45deg)}\n\n/* Menu overlay */\n.menu{position:fixed;inset:0;z-index:7900;background:var(--noir);display:flex;flex-direction:column;justify-content:center;padding:var(--gutter);clip-path:inset(0 0 100% 0);pointer-events:none;transition:clip-path .8s var(--ease)}\n.menu.is-open{clip-path:inset(0 0 0 0);pointer-events:auto}\n.menu__links{list-style:none;display:flex;flex-direction:column;gap:6px}\n.menu__links a{font-family:var(--font-display);font-size:clamp(40px,10vw,96px);line-height:1;display:inline-flex;align-items:baseline;gap:18px;overflow:hidden}\n.menu__links a span{display:inline-block;transform:translateY(110%);transition:transform .9s var(--ease)}\n.menu.is-open .menu__links a span{transform:translateY(0)}\n.menu__links a sup{font-family:var(--font-text);font-size:11px;letter-spacing:.2em;color:var(--or)}\n.menu__foot{margin-top:48px;display:flex;flex-wrap:wrap;gap:24px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ivoire-60)}\n\n/* ---------- Buttons ---------- */\n.btn{\n display:inline-flex;align-items:center;gap:14px;\n font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:400;\n padding:18px 30px;border:1px solid var(--or);color:var(--ivoire);\n position:relative;overflow:hidden;isolation:isolate;\n transition:color .4s var(--ease),border-color .4s var(--ease);\n white-space:nowrap;\n}\n.btn::before{content:\"\";position:absolute;inset:0;background:var(--or);transform:translateY(101%);transition:transform .55s var(--ease);z-index:-1}\n.btn:hover{color:var(--noir)}\n.btn:hover::before{transform:translateY(0)}\n.btn--solid{background:var(--or);color:var(--noir);border-color:var(--or)}\n.btn--solid::before{background:var(--or-clair)}\n.btn--ghost{border-color:var(--ivoire-30)}\n.btn--ghost:hover{border-color:var(--or)}\n.btn--wa svg{width:16px;height:16px}\n.btn--sm{padding:13px 20px;font-size:11px}\n.link{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--or);position:relative}\n.link::after{content:\"\";position:absolute;left:0;bottom:-4px;height:1px;width:100%;background:currentColor;transform:scaleX(1);transform-origin:left;transition:transform .5s var(--ease)}\n.link:hover::after{transform:scaleX(0);transform-origin:right}\n.link svg{width:14px;height:14px;transition:transform .5s var(--ease)}\n.link:hover svg{transform:translateX(6px)}\n\n/* ---------- Hero ---------- */\n.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(40px,6vw,80px);overflow:hidden}\n.hero__media{position:absolute;inset:0;z-index:0}\n.hero__media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.15);filter:brightness(.7) saturate(.9)}\n.hero__media::after{content:\"\";position:absolute;inset:0;background:\n linear-gradient(180deg,rgba(11,10,8,.55) 0%,rgba(11,10,8,.1) 35%,rgba(11,10,8,.35) 70%,var(--noir) 100%)}\n.hero__content{position:relative;z-index:2}\n.hero__eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:clamp(20px,3vw,36px)}\n.hero__eyebrow .rule{width:56px;background:var(--or)}\n.hero__title{margin-left:-.04em}\n.hero__title .line{display:block;overflow:hidden}\n.hero__title .line span{display:block;will-change:transform}\n.hero__bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end;margin-top:clamp(28px,4vw,56px)}\n.hero__ctas{display:flex;flex-wrap:wrap;gap:14px}\n.hero__scroll{position:absolute;right:var(--gutter);bottom:clamp(40px,6vw,80px);display:flex;flex-direction:column;align-items:center;gap:14px;z-index:2}\n.hero__scroll span{writing-mode:vertical-rl;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ivoire-60)}\n.hero__scroll i{width:1px;height:64px;background:var(--ivoire-30);position:relative;overflow:hidden}\n.hero__scroll i::after{content:\"\";position:absolute;left:0;top:-100%;width:100%;height:100%;background:var(--or);animation:scrollLine 2.2s var(--ease-io) infinite}\n@keyframes scrollLine{0%{top:-100%}50%{top:0}100%{top:100%}}\n\n/* ---------- Marquee ---------- */\n.marquee{overflow:hidden;border-top:1px solid var(--ivoire-12);border-bottom:1px solid var(--ivoire-12);padding:20px 0;background:var(--noir)}\n.marquee__track{display:flex;width:max-content;gap:0;will-change:transform}\n.marquee__item{display:inline-flex;align-items:center;gap:32px;padding-right:32px;font-family:var(--font-display);font-size:clamp(20px,2.2vw,30px);white-space:nowrap}\n.marquee__item i{font-style:italic;color:var(--or)}\n.marquee__item .dot{width:6px;height:6px;border-radius:50%;background:var(--or)}\n.marquee__item .date{font-family:var(--font-text);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--ivoire-60)}\n\n/* ---------- Manifeste ---------- */\n.manifeste{background:var(--noir)}\n.manifeste__text{font-family:var(--font-display);font-size:clamp(28px,4.2vw,66px);line-height:1.12;max-width:20ch}\n.manifeste__text .w{display:inline-block;opacity:.18;transition:opacity .3s}\n.manifeste__text .w.is-on{opacity:1}\n.manifeste__meta{display:flex;flex-direction:column;gap:32px}\n.stat{display:flex;flex-direction:column;gap:6px}\n.stat b{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,4vw,64px);line-height:1;color:var(--or-clair)}\n.stat span{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ivoire-60)}\n\n/* ---------- Reveal images ---------- */\n.reveal{position:relative;overflow:hidden}\n.reveal img{width:100%;height:100%;object-fit:cover;transform:scale(1.25);transition:transform 1.6s var(--ease)}\n.reveal::after{content:\"\";position:absolute;inset:0;background:var(--noir);transform:scaleY(1);transform-origin:top;transition:transform 1.2s var(--ease)}\n.reveal.is-in::after{transform:scaleY(0)}\n.reveal.is-in img{transform:scale(1)}\n\n/* ---------- Expériences (horizontal) ---------- */\n.exp{position:relative;background:var(--noir-2)}\n.exp__head{padding:clamp(60px,8vw,120px) var(--gutter) clamp(30px,4vw,60px);display:flex;justify-content:space-between;align-items:end;gap:32px}\n.exp__pin{overflow:hidden}\n.exp__track{display:flex;gap:clamp(16px,2vw,40px);padding:0 var(--gutter) clamp(60px,8vw,120px);width:max-content}\n.card{position:relative;width:clamp(300px,34vw,520px);flex:none}\n.card__media{aspect-ratio:3/4;overflow:hidden;position:relative}\n.card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);filter:saturate(.85)}\n.card:hover .card__media img{transform:scale(1.06)}\n.card__media::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(11,10,8,.85))}\n.card__num{position:absolute;top:20px;left:20px;font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--or)}\n.card__body{position:absolute;left:24px;right:24px;bottom:24px;z-index:2}\n.card__title{font-family:var(--font-display);font-size:clamp(28px,2.6vw,42px);line-height:1;margin-bottom:10px}\n.card__desc{font-size:14px;color:var(--ivoire-60);max-width:34ch}\n.card--cta{display:flex;align-items:center;justify-content:center;border:1px solid var(--ivoire-12);aspect-ratio:3/4}\n.card--cta .display{font-size:clamp(28px,2.6vw,42px);text-align:center;margin-bottom:24px}\n\n/* ---------- Events list ---------- */\n.events{position:relative}\n.evt{display:grid;grid-template-columns:120px 1.6fr 1fr auto;gap:24px;align-items:center;padding:34px 0;border-top:1px solid var(--ivoire-12);position:relative;transition:padding .5s var(--ease)}\n.evt:last-child{border-bottom:1px solid var(--ivoire-12)}\n.evt:hover{padding-left:16px}\n.evt__date{font-family:var(--font-display);line-height:1}\n.evt__date b{display:block;font-weight:400;font-size:clamp(36px,3.6vw,56px);color:var(--or-clair)}\n.evt__date span{font-family:var(--font-text);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--ivoire-60)}\n.evt__title{font-family:var(--font-display);font-size:clamp(26px,2.8vw,44px);line-height:1}\n.evt__title small{display:block;font-family:var(--font-text);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ivoire-60);margin-top:8px}\n.evt__meta{font-size:13px;color:var(--ivoire-60);line-height:1.7}\n.evt__meta .tag{display:inline-block;font-size:10px;letter-spacing:.25em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--or);color:var(--or);margin-top:8px}\n.evt__meta .tag--full{border-color:var(--rouge);color:#D8707C}\n.evt__meta .tag--free{border-color:var(--ivoire-30);color:var(--ivoire)}\n.evt-float{position:fixed;top:0;left:0;width:260px;aspect-ratio:3/4;pointer-events:none;z-index:50;opacity:0;overflow:hidden;transform:translate(-50%,-50%) rotate(-4deg)}\n.evt-float img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:0;transition:opacity .4s}\n.evt-float img.is-on{opacity:1}\n\n/* ---------- Bande image + citation ---------- */\n.quote{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden}\n.quote__bg{position:absolute;inset:0}\n.quote__bg img{width:100%;height:120%;object-fit:cover;filter:brightness(.45)}\n.quote__bg::after{content:\"\";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,var(--noir) 100%)}\n.quote__text{position:relative;z-index:2;font-family:var(--font-display);font-size:clamp(28px,4.6vw,76px);line-height:1.08;max-width:22ch;margin-inline:auto;text-align:center}\n.quote__sign{position:relative;z-index:2;margin-top:28px;text-align:center}\n\n/* ---------- Madame ---------- */\n.madame{background:var(--noir)}\n.madame__grid{display:grid;grid-template-columns:5fr 1fr 6fr;gap:clamp(24px,3vw,48px);align-items:center}\n.madame__img{aspect-ratio:3/4}\n.madame__text p+p{margin-top:18px}\n.madame__sign{margin-top:36px;font-family:var(--font-display);font-style:italic;font-size:30px;color:var(--or-clair)}\n\n/* ---------- Partenaires ---------- */\n.partners{border-top:1px solid var(--ivoire-12)}\n.partners__row{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(24px,5vw,80px);margin-top:36px}\n.partners__row span{font-family:var(--font-display);font-size:clamp(20px,2vw,30px);color:var(--ivoire-60);transition:color .4s}\n.partners__row span:hover{color:var(--or-clair)}\n\n/* ---------- Split CTA ---------- */\n.split{display:grid;grid-template-columns:1fr 1fr;min-height:70vh}\n.split__cell{position:relative;padding:clamp(48px,6vw,96px) var(--gutter);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-right:1px solid var(--ivoire-12)}\n.split__cell:last-child{border-right:0}\n.split__cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4);transition:transform 1.4s var(--ease),filter .8s}\n.split__cell:hover img{transform:scale(1.05);filter:brightness(.55)}\n.split__cell>*{position:relative;z-index:2}\n.split__cell .display{margin:14px 0 22px}\n\n/* ---------- Footer ---------- */\n.footer{background:var(--noir-2);border-top:1px solid var(--ivoire-12);padding:clamp(56px,8vw,110px) var(--gutter) 32px}\n.footer__top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:64px}\n.footer__brand .display{font-size:clamp(30px,3.6vw,54px);line-height:1;margin-bottom:16px}\n.footer h5{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--or);margin-bottom:18px;font-weight:400}\n.footer ul{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--ivoire-60)}\n.footer ul a:hover{color:var(--ivoire)}\n.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid var(--ivoire-12);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ivoire-30)}\n.footer__bottom a:hover{color:var(--or)}\n.footer__big{font-family:var(--font-display);font-size:clamp(48px,12vw,200px);line-height:.9;color:var(--noir-3);text-align:center;margin:40px 0 -10px;user-select:none;letter-spacing:-.02em}\n\n/* ---------- WhatsApp float ---------- */\n.wa-float{position:fixed;right:24px;bottom:24px;z-index:7000;width:56px;height:56px;border-radius:50%;background:var(--or);color:var(--noir);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px rgba(201,162,78,.35);transition:transform .4s var(--ease)}\n.wa-float:hover{transform:scale(1.08)}\n.wa-float svg{width:24px;height:24px}\n.wa-float::before{content:\"\";position:absolute;inset:-6px;border-radius:50%;border:1px solid var(--or);animation:pulse 2.4s var(--ease-io) infinite}\n@keyframes pulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.5);opacity:0}}\n\n/* ---------- Page header (inner pages) ---------- */\n.page-head{padding-top:calc(var(--nav-h) + clamp(60px,10vw,140px));padding-bottom:clamp(40px,6vw,80px)}\n.page-head__title{margin-top:20px}\n.page-head__intro{max-width:52ch;margin-top:28px}\n\n/* ---------- Forms ---------- */\n.form{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px}\n.field{display:flex;flex-direction:column;gap:10px}\n.field--full{grid-column:1/-1}\n.field label{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--or)}\n.field input,.field select,.field textarea{\n background:transparent;border:0;border-bottom:1px solid var(--ivoire-30);color:var(--ivoire);\n font:inherit;font-size:18px;padding:12px 0;outline:none;border-radius:0;\n transition:border-color .4s;\n}\n.field select{appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23C9A24E' stroke-width='1.2'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 4px center;cursor:pointer}\n.field select option{background:var(--noir-2);color:var(--ivoire)}\n.field textarea{resize:vertical;min-height:100px}\n.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--or)}\n.field input::placeholder,.field textarea::placeholder{color:var(--ivoire-30)}\n.chips{display:flex;flex-wrap:wrap;gap:10px}\n.chip{font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:12px 18px;border:1px solid var(--ivoire-30);cursor:pointer;transition:all .35s var(--ease)}\n.chip:hover{border-color:var(--or)}\n.chip.is-on{background:var(--or);color:var(--noir);border-color:var(--or)}\n.form__actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:12px}\n.form__note{font-size:12px;color:var(--ivoire-60)}\n\n/* ---------- Steps ---------- */\n.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px)}\n.step{padding-top:24px;border-top:1px solid var(--ivoire-12)}\n.step b{display:block;font-family:var(--font-display);font-weight:400;font-style:italic;font-size:44px;color:var(--or);line-height:1;margin-bottom:18px}\n.step h4{font-family:var(--font-display);font-weight:400;font-size:26px;margin-bottom:10px}\n.step p{color:var(--ivoire-60);font-size:15px}\n\n/* ---------- Formats (privatisation) ---------- */\n.formats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ivoire-12);border:1px solid var(--ivoire-12)}\n.format{background:var(--noir);padding:clamp(28px,3.5vw,56px);position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}\n.format::before{content:\"\";position:absolute;inset:0;background:var(--noir-3);transform:translateY(101%);transition:transform .6s var(--ease)}\n.format:hover::before{transform:translateY(0)}\n.format>*{position:relative}\n.format h3{font-family:var(--font-display);font-weight:400;font-size:clamp(26px,2.6vw,40px);line-height:1;margin-top:14px}\n.format p{color:var(--ivoire-60);font-size:15px;max-width:40ch}\n.format ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}\n.format li{font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--ivoire-30)}\n\n/* ---------- Club ---------- */\n.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ivoire-12);border:1px solid var(--ivoire-12)}\n.perk{background:var(--noir);padding:clamp(28px,3vw,48px)}\n.perk svg{width:36px;height:36px;stroke:var(--or);fill:none;stroke-width:1;margin-bottom:24px}\n.perk h4{font-family:var(--font-display);font-weight:400;font-size:26px;margin-bottom:10px}\n.perk p{color:var(--ivoire-60);font-size:15px}\n.club-hero{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden}\n.club-hero__bg{position:absolute;inset:0}\n.club-hero__bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.4)}\n.club-hero__bg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,var(--noir) 10%,rgba(11,10,8,.2) 60%,rgba(11,10,8,.6))}\n.club-hero__content{position:relative;z-index:2;max-width:860px}\n.card-membre{border:1px solid var(--or);padding:32px;position:relative;aspect-ratio:1.586;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#171410,#0B0A08);box-shadow:0 30px 80px rgba(0,0,0,.6);transform-style:preserve-3d;will-change:transform}\n.card-membre::before{content:\"\";position:absolute;inset:8px;border:1px solid rgba(201,162,78,.25);pointer-events:none}\n.card-membre .display{font-size:clamp(26px,2.4vw,38px)}\n.card-membre__shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(235,208,138,.18) 50%,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}\n.card-membre:hover .card-membre__shine{opacity:1}\n\n/* ---------- Contact ---------- */\n.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px)}\n.contact-list{list-style:none;display:flex;flex-direction:column}\n.contact-list li{border-top:1px solid var(--ivoire-12);padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:padding-left .4s var(--ease)}\n.contact-list li:last-child{border-bottom:1px solid var(--ivoire-12)}\n.contact-list li:hover{padding-left:12px}\n.contact-list .display{font-size:clamp(22px,2.4vw,36px);overflow-wrap:anywhere}\n.contact-list li>div{min-width:0}\n.contact-list small{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ivoire-60);margin-bottom:6px}\n\n/* ---------- FAQ ---------- */\n.faq{border-top:1px solid var(--ivoire-12)}\n.faq__item{border-bottom:1px solid var(--ivoire-12)}\n.faq__q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;text-align:left;font-family:var(--font-display);font-size:clamp(20px,2vw,30px)}\n.faq__q span:last-child{font-family:var(--font-text);color:var(--or);font-size:24px;transition:transform .5s var(--ease)}\n.faq__item.is-open .faq__q span:last-child{transform:rotate(45deg)}\n.faq__a{max-height:0;overflow:hidden;transition:max-height .6s var(--ease)}\n.faq__a p{padding:0 0 26px;color:var(--ivoire-60);max-width:60ch}\n\n/* ---------- Toast ---------- */\n.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,120%);background:var(--ivoire);color:var(--noir);padding:16px 24px;font-size:13px;letter-spacing:.05em;z-index:9600;transition:transform .6s var(--ease);max-width:90vw}\n.toast.is-on{transform:translate(-50%,0)}\n\n/* ---------- Page transition ---------- */\n.transition{position:fixed;inset:0;z-index:9900;pointer-events:none}\n.transition__panel{position:absolute;top:0;bottom:0;width:50.5%;background:var(--noir-2);transform:scaleX(0)}\n.transition__panel--l{left:0;transform-origin:left}\n.transition__panel--r{right:0;transform-origin:right}\n\n/* ---------- Generic reveal (text) ---------- */\n[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}\n[data-reveal].is-in{opacity:1;transform:none}\n[data-reveal=\"left\"]{transform:translateX(-30px)}\n[data-reveal=\"scale\"]{transform:scale(.96)}\n.split-lines .line{display:block;overflow:hidden}\n.split-lines .line>span{display:block;transform:translateY(110%);transition:transform 1.1s var(--ease)}\n.split-lines.is-in .line>span{transform:none}\n\n/* ---------- Responsive ---------- */\n@media (max-width:1024px){\n .footer__top{grid-template-columns:1fr 1fr}\n .madame__grid{grid-template-columns:1fr;gap:40px}\n .madame__img{max-width:420px}\n .steps{grid-template-columns:1fr}\n .perks{grid-template-columns:1fr}\n}\n@media (max-width:860px){\n :root{--nav-h:72px}\n .nav__links{display:none}\n .nav__right .btn{display:none}\n .burger{display:block}\n .hero__bottom{grid-template-columns:1fr;gap:28px}\n .hero__scroll{display:none}\n .hero{padding-bottom:104px}\n .evt{grid-template-columns:80px 1fr;gap:12px 20px}\n .evt__meta{grid-column:2}\n .evt .btn{grid-column:2;justify-self:start}\n .split{grid-template-columns:1fr}\n .split__cell{border-right:0;border-bottom:1px solid var(--ivoire-12);min-height:60vh}\n .form{grid-template-columns:1fr}\n .formats{grid-template-columns:1fr}\n .contact-grid{grid-template-columns:1fr}\n .contact-list li{flex-direction:column;align-items:flex-start;gap:12px}\n .contact-list .display{font-size:22px}\n .exp__head{flex-direction:column;align-items:flex-start}\n .card{width:78vw}\n .manifeste__text{max-width:none}\n .wa-float{right:16px;bottom:16px}\n}\n@media (prefers-reduced-motion:reduce){\n *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}\n [data-reveal],.reveal::after{opacity:1;transform:none}\n .reveal img{transform:none}\n .split-lines .line>span{transform:none}\n .grain{animation:none}\n}\n",[],[212,204],"site","6e63d1d9-891f-4827-af32-d06abfb286e0","main.js","78d5ec76-ae0c-11f1-add8-1607ee4eb77e",6,["D",1789150401519],"/* ============================================================\n LES FOLIES MONDAINES DE MADAME — main.js\n Stack : GSAP + ScrollTrigger · Lenis · Motion.dev\n ============================================================ */\n\n/* ---------- CONFIG (à personnaliser) ---------- */\nconst CONFIG = {\n whatsapp: \"33600000000\", // ← numéro WhatsApp de Madame (format international, sans +)\n email: \"bonjour@lesfoliesmondaines.fr\", // ← email de contact\n shotgun: \"https://shotgun.live/fr/venues/lesfoliesmondaines\",\n instagram: \"https://www.instagram.com/les_folies_mondaines_de_madame/\",\n facebook: \"https://www.facebook.com/foliesmondaines/\",\n tiktok: \"https://www.tiktok.com/@lesfoliesmondaines\",\n};\n\nconst wa = (msg) => `https://wa.me/${CONFIG.whatsapp}?text=${encodeURIComponent(msg)}`;\nconst reduced = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\nconst isTouch = window.matchMedia(\"(hover: none), (pointer: coarse)\").matches;\nconst $ = (s, c = document) => c.querySelector(s);\nconst $$ = (s, c = document) => [...c.querySelectorAll(s)];\n\n/* ---------- Liens dynamiques ---------- */\nfunction bindLinks(root = document) {\n $$(\"[data-wa]\", root).forEach((a) => {\n a.href = wa(a.dataset.wa || \"Bonjour Madame, je souhaite réserver pour une prochaine soirée.\");\n a.target = \"_blank\"; a.rel = \"noopener\";\n });\n $$(\"[data-ext]\", root).forEach((a) => {\n a.href = CONFIG[a.dataset.ext] || \"#\"; a.target = \"_blank\"; a.rel = \"noopener\";\n });\n $$(\"[data-mail]\", root).forEach((a) => { a.href = `mailto:${CONFIG.email}`; });\n}\n\n/* ---------- Lenis smooth scroll ---------- */\nlet lenis = null;\nfunction initLenis() {\n if (reduced || typeof Lenis === \"undefined\") return;\n lenis = new Lenis({ lerp: 0.09, smoothWheel: true });\n lenis.on(\"scroll\", () => { if (window.ScrollTrigger) ScrollTrigger.update(); });\n gsap.ticker.add((t) => lenis.raf(t * 1000));\n gsap.ticker.lagSmoothing(0);\n}\n\n/* ---------- Curseur ---------- */\nfunction initCursor() {\n const cur = $(\".cursor\");\n if (!cur || isTouch) return;\n const dot = $(\".cursor__dot\", cur), ring = $(\".cursor__ring\", cur);\n let mx = innerWidth / 2, my = innerHeight / 2, rx = mx, ry = my;\n addEventListener(\"mousemove\", (e) => { mx = e.clientX; my = e.clientY; });\n gsap.ticker.add(() => {\n rx += (mx - rx) * 0.18; ry += (my - ry) * 0.18;\n dot.style.transform = `translate(${mx}px,${my}px) translate(-50%,-50%)`;\n ring.style.transform = `translate(${rx}px,${ry}px) translate(-50%,-50%)`;\n });\n const hoverables = \"a, button, .chip, .faq__q, label\";\n document.addEventListener(\"mouseover\", (e) => {\n const t = e.target.closest(\"[data-cursor]\");\n if (t) { cur.classList.add(\"is-view\"); ring.dataset.label = t.dataset.cursor; return; }\n if (e.target.closest(hoverables)) cur.classList.add(\"is-hover\");\n });\n document.addEventListener(\"mouseout\", (e) => {\n if (e.target.closest(\"[data-cursor]\")) cur.classList.remove(\"is-view\");\n if (e.target.closest(hoverables)) cur.classList.remove(\"is-hover\");\n });\n}\n\n/* ---------- Preloader : rideau ---------- */\nfunction initLoader(onDone) {\n const loader = $(\".loader\");\n if (!loader) { onDone(); return; }\n const count = $(\".loader__count\", loader);\n const tl = gsap.timeline({ onComplete: () => { loader.remove(); onDone(); } });\n const c = { v: 0 };\n document.body.classList.add(\"is-locked\");\n tl.to(c, { v: 100, duration: reduced ? 0.1 : 1.4, ease: \"power2.inOut\", onUpdate: () => { count.textContent = String(Math.round(c.v)).padStart(3, \"0\"); } })\n .to(\".loader__center\", { opacity: 0, y: -20, duration: 0.5, ease: \"power2.in\" }, \"-=0.1\")\n .to(\".loader__panel--l\", { xPercent: -100, duration: 1.3, ease: \"expo.inOut\" }, \"-=0.15\")\n .to(\".loader__panel--r\", { xPercent: 100, duration: 1.3, ease: \"expo.inOut\" }, \"<\")\n .add(() => document.body.classList.remove(\"is-locked\"), \"-=0.9\");\n}\n\n/* ---------- Hero ---------- */\nfunction initHero() {\n const hero = $(\".hero\");\n if (!hero) return;\n const lines = $$(\".hero__title .line span\", hero);\n const tl = gsap.timeline({ defaults: { ease: \"expo.out\" } });\n tl.from($(\".hero__media img\", hero), { scale: 1.35, duration: 2.4, ease: \"power2.out\" }, 0)\n .from(lines, { yPercent: 110, duration: 1.4, stagger: 0.09 }, 0.1)\n .from($$(\".hero__eyebrow, .hero__bottom > *, .hero__scroll\", hero), { y: 24, opacity: 0, duration: 1.1, stagger: 0.1 }, 0.6);\n if (!reduced) {\n gsap.to($(\".hero__media img\", hero), {\n yPercent: 18, ease: \"none\",\n scrollTrigger: { trigger: hero, start: \"top top\", end: \"bottom top\", scrub: true },\n });\n gsap.to($(\".hero__content\", hero), {\n yPercent: -12, opacity: 0.2, ease: \"none\",\n scrollTrigger: { trigger: hero, start: \"40% top\", end: \"bottom top\", scrub: true },\n });\n }\n}\n\n/* ---------- Nav ---------- */\nfunction initNav() {\n const nav = $(\".nav\");\n if (!nav) return;\n let last = 0;\n ScrollTrigger.create({\n start: 0, end: \"max\",\n onUpdate: (self) => {\n const y = self.scroll();\n nav.classList.toggle(\"is-solid\", y > 40);\n if (y > last + 6 && y > 200) nav.classList.add(\"is-hidden\");\n else if (y < last - 6) nav.classList.remove(\"is-hidden\");\n last = y;\n },\n });\n const burger = $(\".burger\"), menu = $(\".menu\");\n if (burger && menu) {\n burger.addEventListener(\"click\", () => {\n const open = menu.classList.toggle(\"is-open\");\n burger.classList.toggle(\"is-open\", open);\n document.body.classList.toggle(\"is-locked\", open);\n if (lenis) open ? lenis.stop() : lenis.start();\n });\n }\n}\n\n/* ---------- Reveals génériques ---------- */\nfunction initReveals() {\n const io = new IntersectionObserver((entries) => {\n entries.forEach((en) => { if (en.isIntersecting) { en.target.classList.add(\"is-in\"); io.unobserve(en.target); } });\n }, { threshold: 0.15, rootMargin: \"0px 0px -8% 0px\" });\n $$(\"[data-reveal], .reveal, .split-lines\").forEach((el) => io.observe(el));\n\n // Stagger children\n $$(\"[data-stagger]\").forEach((wrap) => {\n const kids = [...wrap.children];\n gsap.set(kids, { y: 30, opacity: 0 });\n ScrollTrigger.create({\n trigger: wrap, start: \"top 85%\", once: true,\n onEnter: () => gsap.to(kids, { y: 0, opacity: 1, duration: 1.1, ease: \"expo.out\", stagger: 0.08 }),\n });\n });\n}\n\n/* ---------- Split lines helper ---------- */\nfunction splitLines() {\n $$(\".split-lines\").forEach((el) => {\n if (el.dataset.split) return;\n el.dataset.split = \"1\";\n const html = el.innerHTML.trim();\n const parts = html.split(//i);\n el.innerHTML = parts.map((p) => `${p.trim()}`).join(\"\");\n });\n}\n\n/* ---------- Marquee ---------- */\nfunction initMarquee() {\n $$(\".marquee\").forEach((m) => {\n const track = $(\".marquee__track\", m);\n const clone = track.innerHTML;\n track.innerHTML = clone + clone;\n const w = track.scrollWidth / 2;\n if (reduced) return;\n const tween = gsap.to(track, { x: -w, duration: w / 60, ease: \"none\", repeat: -1 });\n m.addEventListener(\"mouseenter\", () => gsap.to(tween, { timeScale: 0.2, duration: 0.6 }));\n m.addEventListener(\"mouseleave\", () => gsap.to(tween, { timeScale: 1, duration: 0.6 }));\n });\n}\n\n/* ---------- Manifeste : mots qui s'allument ---------- */\nfunction initManifeste() {\n const t = $(\".manifeste__text\");\n if (!t) return;\n const words = t.innerHTML.split(/(\\s+)/).map((w) => (w.trim() ? `${w}` : w)).join(\"\");\n t.innerHTML = words;\n const ws = $$(\".w\", t);\n ScrollTrigger.create({\n trigger: t, start: \"top 75%\", end: \"bottom 45%\", scrub: true,\n onUpdate: (self) => {\n const n = Math.floor(self.progress * ws.length);\n ws.forEach((w, i) => w.classList.toggle(\"is-on\", i <= n));\n },\n });\n}\n\n/* ---------- Expériences : scroll horizontal ---------- */\nfunction initHorizontal() {\n const exp = $(\".exp\");\n if (!exp) return;\n const track = $(\".exp__track\", exp);\n if (innerWidth < 860 || reduced) { $(\".exp__pin\", exp).style.overflowX = \"auto\"; return; }\n const getX = () => -(track.scrollWidth - innerWidth);\n gsap.to(track, {\n x: getX, ease: \"none\",\n scrollTrigger: {\n trigger: exp, start: \"top top\", end: () => `+=${track.scrollWidth - innerWidth + innerHeight * 0.4}`,\n pin: true, scrub: 0.6, invalidateOnRefresh: true, anticipatePin: 1,\n },\n });\n}\n\n/* ---------- Events : image flottante ---------- */\nfunction initEventsHover() {\n const wrap = $(\".events\");\n const float = $(\".evt-float\");\n if (!wrap || !float || isTouch) return;\n const imgs = $$(\"img\", float);\n let mx = 0, my = 0, x = 0, y = 0, on = false;\n addEventListener(\"mousemove\", (e) => { mx = e.clientX; my = e.clientY; });\n gsap.ticker.add(() => {\n x += (mx - x) * 0.12; y += (my - y) * 0.12;\n float.style.transform = `translate(${x}px,${y}px) translate(-50%,-50%) rotate(${(mx - x) * 0.05 - 4}deg)`;\n });\n $$(\".evt\", wrap).forEach((row) => {\n row.addEventListener(\"mouseenter\", () => {\n imgs.forEach((im) => im.classList.toggle(\"is-on\", im.dataset.key === row.dataset.img));\n if (!on) { on = true; gsap.to(float, { opacity: 1, scale: 1, duration: 0.5, ease: \"expo.out\" }); }\n });\n });\n wrap.addEventListener(\"mouseleave\", () => { on = false; gsap.to(float, { opacity: 0, scale: 0.9, duration: 0.4 }); });\n}\n\n/* ---------- Parallax simple ---------- */\nfunction initParallax() {\n if (reduced) return;\n $$(\"[data-parallax]\").forEach((el) => {\n const amt = parseFloat(el.dataset.parallax) || 15;\n gsap.fromTo(el, { yPercent: -amt }, { yPercent: amt, ease: \"none\", scrollTrigger: { trigger: el.parentElement, start: \"top bottom\", end: \"bottom top\", scrub: true } });\n });\n}\n\n/* ---------- Magnetic (Motion.dev) ---------- */\nfunction initMagnetic() {\n if (isTouch || reduced) return;\n const M = window.Motion;\n $$(\".btn, .wa-float\").forEach((el) => {\n el.addEventListener(\"mousemove\", (e) => {\n const r = el.getBoundingClientRect();\n const dx = (e.clientX - (r.left + r.width / 2)) * 0.25;\n const dy = (e.clientY - (r.top + r.height / 2)) * 0.35;\n if (M) M.animate(el, { x: dx, y: dy }, { type: \"spring\", stiffness: 300, damping: 20 });\n else gsap.to(el, { x: dx, y: dy, duration: 0.4, ease: \"power3.out\" });\n });\n el.addEventListener(\"mouseleave\", () => {\n if (M) M.animate(el, { x: 0, y: 0 }, { type: \"spring\", stiffness: 200, damping: 15 });\n else gsap.to(el, { x: 0, y: 0, duration: 0.6, ease: \"elastic.out(1,0.5)\" });\n });\n });\n}\n\n/* ---------- Carte membre 3D ---------- */\nfunction initCard() {\n const card = $(\".card-membre\");\n if (!card || isTouch) return;\n card.addEventListener(\"mousemove\", (e) => {\n const r = card.getBoundingClientRect();\n const px = (e.clientX - r.left) / r.width - 0.5, py = (e.clientY - r.top) / r.height - 0.5;\n gsap.to(card, { rotateY: px * 18, rotateX: -py * 18, duration: 0.6, ease: \"power3.out\", transformPerspective: 900 });\n });\n card.addEventListener(\"mouseleave\", () => gsap.to(card, { rotateY: 0, rotateX: 0, duration: 0.9, ease: \"expo.out\" }));\n}\n\n/* ---------- FAQ ---------- */\nfunction initFaq() {\n $$(\".faq__item\").forEach((it) => {\n const q = $(\".faq__q\", it), a = $(\".faq__a\", it);\n q.addEventListener(\"click\", () => {\n const open = it.classList.toggle(\"is-open\");\n a.style.maxHeight = open ? a.scrollHeight + \"px\" : 0;\n });\n });\n}\n\n/* ---------- Chips ---------- */\nfunction initChips() {\n $$(\".chips\").forEach((g) => {\n $$(\".chip\", g).forEach((c) => c.addEventListener(\"click\", () => {\n if (g.dataset.multi === undefined) $$(\".chip\", g).forEach((o) => o.classList.remove(\"is-on\"));\n c.classList.toggle(\"is-on\");\n }));\n });\n}\n\n/* ---------- Toast ---------- */\nfunction toast(msg) {\n let t = $(\".toast\");\n if (!t) { t = document.createElement(\"div\"); t.className = \"toast\"; document.body.appendChild(t); }\n t.textContent = msg; t.classList.add(\"is-on\");\n clearTimeout(t._to); t._to = setTimeout(() => t.classList.remove(\"is-on\"), 3200);\n}\n\n/* ---------- Formulaires → WhatsApp ---------- */\nfunction initForms() {\n // Privatisation\n const fp = $(\"#form-privatisation\");\n if (fp) fp.addEventListener(\"submit\", (e) => {\n e.preventDefault();\n const d = new FormData(fp);\n const format = $$(\".chip.is-on\", fp).map((c) => c.textContent.trim()).join(\", \") || \"à définir\";\n const msg = `Bonjour Madame,\\n\\nJe souhaite privatiser une expérience Les Folies Mondaines.\\n\\n• Nom : ${d.get(\"nom\")}\\n• Société / occasion : ${d.get(\"societe\") || \"—\"}\\n• Format : ${format}\\n• Date souhaitée : ${d.get(\"date\") || \"flexible\"}\\n• Invités : ${d.get(\"invites\") || \"—\"}\\n• Budget : ${d.get(\"budget\") || \"à discuter\"}\\n\\n${d.get(\"message\") || \"\"}`;\n window.open(wa(msg), \"_blank\");\n toast(\"Votre demande s'ouvre dans WhatsApp — Madame vous répond sous 24h.\");\n });\n // Club\n const fc = $(\"#form-club\");\n if (fc) fc.addEventListener(\"submit\", (e) => {\n e.preventDefault();\n const d = new FormData(fc);\n const msg = `Bonjour Madame, je souhaite rejoindre Le Cercle.\\n• Prénom : ${d.get(\"prenom\")}\\n• Email : ${d.get(\"email\")}\\n• Envies : ${$$(\".chip.is-on\", fc).map((c) => c.textContent.trim()).join(\", \") || \"tout !\"}`;\n window.open(wa(msg), \"_blank\");\n toast(\"Bienvenue au Cercle — confirmez simplement sur WhatsApp.\");\n });\n // Contact\n const fx = $(\"#form-contact\");\n if (fx) fx.addEventListener(\"submit\", (e) => {\n e.preventDefault();\n const d = new FormData(fx);\n const msg = `Bonjour Madame,\\n• ${d.get(\"nom\")} — ${d.get(\"email\")}\\n• Sujet : ${d.get(\"sujet\")}\\n\\n${d.get(\"message\")}`;\n window.open(wa(msg), \"_blank\");\n toast(\"Message prêt dans WhatsApp.\");\n });\n}\n\n/* ---------- Transitions de page (rideau) ---------- */\nfunction initTransitions() {\n const tr = $(\".transition\");\n if (!tr) return;\n document.addEventListener(\"click\", (e) => {\n const a = e.target.closest(\"a[href]\");\n if (!a) return;\n const href = a.getAttribute(\"href\");\n if (!href || href.startsWith(\"#\") || href.startsWith(\"http\") || href.startsWith(\"mailto\") || href.startsWith(\"tel\") || a.target === \"_blank\" || e.metaKey || e.ctrlKey) return;\n e.preventDefault();\n gsap.timeline({ onComplete: () => { location.href = href; } })\n .to(\".transition__panel--l\", { scaleX: 1, duration: 0.7, ease: \"expo.inOut\" })\n .to(\".transition__panel--r\", { scaleX: 1, duration: 0.7, ease: \"expo.inOut\" }, \"<\");\n });\n addEventListener(\"pageshow\", (e) => { if (e.persisted) gsap.set(\".transition__panel\", { scaleX: 0 }); });\n}\n\n/* ---------- Compteurs ---------- */\nfunction initCounters() {\n $$(\"[data-count]\").forEach((el) => {\n const target = parseInt(el.dataset.count, 10);\n ScrollTrigger.create({\n trigger: el, start: \"top 85%\", once: true,\n onEnter: () => gsap.fromTo({ v: 0 }, { v: 0 }, { v: target, duration: 1.6, ease: \"power3.out\", onUpdate() { el.textContent = Math.round(this.targets()[0].v) + (el.dataset.suffix || \"\"); } }),\n });\n });\n}\n\n/* ---------- Ancres ---------- */\nfunction initAnchors() {\n $$('a[href^=\"#\"]').forEach((a) => a.addEventListener(\"click\", (e) => {\n const id = a.getAttribute(\"href\");\n if (id.length < 2) return;\n const t = $(id); if (!t) return;\n e.preventDefault();\n lenis ? lenis.scrollTo(t, { offset: -60 }) : t.scrollIntoView({ behavior: \"smooth\" });\n }));\n}\n\n/* ---------- Boot ---------- */\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n gsap.registerPlugin(ScrollTrigger);\n bindLinks();\n splitLines();\n initLenis();\n initCursor();\n initNav();\n initMarquee();\n initChips();\n initFaq();\n initForms();\n initTransitions();\n initAnchors();\n const boot = () => {\n initHero();\n initReveals();\n initManifeste();\n initHorizontal();\n initEventsHover();\n initParallax();\n initMagnetic();\n initCard();\n initCounters();\n ScrollTrigger.refresh();\n };\n initLoader(boot);\n addEventListener(\"load\", () => setTimeout(() => ScrollTrigger.refresh(), 300));\n});\n",[],[212,214],"57643e61-e5ea-4eb3-bf50-9fa3cdfff197","privatisation.html","d6ea2fe8-ae0c-11f1-b684-1607ee4eb77e","7c4ab885-b1e4-4aac-95fb-e85890600f42",10,["D",1789150559276],"

$\"Table$

Entreprises · Marques · Particuliers

\n Votre soirée.\n Notre folie.\n

Lancement de marque, séminaire qui ne ressemble pas à un séminaire, anniversaire qu'on n'oublie pas. Madame orchestre tout — lieu, artistes, lumière, invités.

\n Demander un devis\n {{WA}} Parler à Madame\n

\n\n\n

Les formats

Quatre façons de
faire événement.

Soirée d'entreprise

Team building, fin d'année, célébration de résultats. Une soirée qui donne envie de rester — et de revenir lundi.

20 – 300 invités
DJ / Live
Cocktail dînatoire

Lancement de marque

Votre produit mérite mieux qu'un communiqué. Une scénographie, une communauté, des contenus qui tournent.

Lieu signature
Influence & presse
Contenus photo / vidéo

Anniversaire & célébration

30, 40, 50 ans ou aucune raison. Brunch karaoké privé, dîner cabaret, croisière entre amis.

10 – 120 invités
Sur mesure
Surprises garanties

Brunch privé

Le format culte des Folies, rien que pour vous. Micro doré, bulles, playlist collective.

Dimanche
Restaurant partenaire
Animation incluse

\n\n\n

$\"\"$

Un seul interlocuteur.
Zéro stress.

Lieu · Artistes · Traiteur · Son & lumière · Invités

\n\n\n

Comment ça se passe

De l'idée à la dernière danse.

Brief de 20 minutes

Par téléphone ou autour d'un café. Vos envies, votre date, votre budget. On vous dit tout de suite ce qui est possible.

Proposition sous 72h

Lieu, scénario de soirée, artistes, devis détaillé. Une seule page, sans surprise.

Le jour J, vous êtes invité·e

Madame et son équipe gèrent tout. Vous n'avez qu'une mission : profiter.

\n\n\n

Demande de devis

Parlons de
votre projet.

Votre demande part directement sur le WhatsApp de Madame. Réponse personnalisée sous 24h.

\n \n

\n\n\n

Questions fréquentes

Idéalement 4 à 6 semaines. Pour un brunch privé, 2 semaines peuvent suffire selon les disponibilités des lieux partenaires.

Oui. Rooftops, hôtels, restaurants, bateaux : nous travaillons avec les plus belles adresses de Marseille et négocions pour vous.

Dès 10 personnes pour un brunch ou un dîner cabaret privé. La folie n'a pas de taille minimum.

Un acompte à la validation du devis, le solde après la soirée. Facture en bonne et due forme pour les entreprises.

\n",[],[212,230,222],"pages","fefdb8d4-2bf8-457a-b01e-4cda647a7fba","index.html","b4e760e6-ae0c-11f1-ba06-1607ee4eb77e",8,["D",1789150502288],"

\n\n

$\"Soirée$

Marseille · Soirées & expériences depuis 2020

\n La nuit\n a une adresse.\n

Des soirées où l'on se retrouve vraiment. Musique, art de vivre, belles rencontres — orchestrés par Madame, dans les plus beaux lieux de Marseille.

\n Voir les prochaines soirées\n {{WA}} Réserver sur WhatsApp\n

Défiler

\n\n\n

\n Jeu. 10 sept Les Nocturiales Hôtel C2 \n Dim. 4 oct Brunch Karaoké RockyPop \n Sam. 17 oct Pop Night Fever Marseille \n Bientôt Croisière Disco Vieux-Port \n

\n\n\n

Le manifeste

Les Folies Mondaines sont nées d'une envie simple : se retrouver, célébrer, vivre des moments vrais. Une communauté d'épicuriens, de curieux, d'amoureux de musique et de belles rencontres.

2020Année de naissance

CompletDernière soirée · Les Nocturiales

MarseilleRooftops, hôtels, bateaux

\n\n\n

Les expériences

Chaque soirée
a sa signature.

Brunchs qui chantent, nuits sur les toits, croisières sous la boule à facettes. Choisissez votre folie.

\n \n

$\"Brunch$ 01

Brunch Karaoké

Le dimanche qui chante. Bulles, micro doré et fous rires jusqu'au coucher du soleil.

\n \n \n

$\"Soirée$ 02

Les Nocturiales

Rooftops et hôtels d'exception. Marseille en contrebas, la nuit au-dessus.

\n \n \n

$\"Croisière$ 03

Croisière Disco

Larguez les amarres. Une piste de danse flottante face au Vieux-Port.

\n \n \n

$\"Chanteuse$ 04

Live & Cabaret

Voix, lumière, sequins. Des artistes qui font vibrer la salle.

\n \n \n

$\"Table$ 05

Sur mesure

Anniversaire, marque, entreprise : Madame orchestre votre soirée privée.

\n \n

Votre place
vous attend.

\n Toutes les soirées\n

\n\n\n

Agenda

Prochaines soirées

\n Tout l'agenda {{ARROW}}\n

10Sept · Jeudi

Les NocturialesHôtel C2 · Marseille

Une nuit élégante dans un hôtel d'exception.
Complet

\n Liste d'attente\n

04Oct · Dimanche

Brunch KaraokéRockyPop Marseille · 11h30

La nouveauté de la rentrée : le brunch festif et chantant.
Entrée libre · Sur réservation

\n Réserver\n

17Oct · Samedi

Soirée Pop Night FeverMarseille · 19h

Dress code : paillettes. Playlist : celle qui fait lever tout le monde.
Entrée libre · Sur réservation

\n Réserver\n

\n $\"\"$ \n $\"\"$ \n $\"\"$ \n

\n\n\n

$\"\"$

Élégant sans être guindé.
Festif sans être superficiel.

— L'esprit des Folies

\n\n\n

$\"Madame,$

La maîtresse de cérémonie

Une seule règle :
que vous viviez quelque chose.

Derrière chaque soirée, il y a Madame. Une hôte qui choisit les lieux, les artistes, la lumière — et surtout les gens. Parce qu'une belle soirée, c'est d'abord une belle table.

Ici, on mélange les mondes, on fait se rencontrer des inconnus, on célèbre les anniversaires comme les lundis. Vous arrivez invité, vous repartez membre.

Madame

Rejoindre Le Cercle {{ARROW}}

\n\n\n

Ils ont accueilli les Folies

\n Hôtel C2RockyPopLa VeladaAmistaVieux-Port\n

\n\n\n

\n \n $\"\"$ \n

Entreprises · Marques · Particuliers

Privatisez
une folie.

\n Demander un devis {{ARROW}}\n \n \n $\"\"$ \n

Accès prioritaire · Soirées secrètes

Entrez dans
Le Cercle.

\n Devenir membre {{ARROW}}\n \n

\n",[],[212,230,232],"93801c24-05f3-4dd8-a7a3-09bd5ea757b0","evenements.html","c48b017e-ae0c-11f1-a8ad-1607ee4eb77e",9,["D",1789150528538],"

Agenda · Saison 2026

Les prochaines
soirées.

Une place se réserve en un message. Dites-nous combien vous êtes, Madame s'occupe du reste.

\n\n

10Sept · Jeudi

Les NocturialesHôtel C2 · Marseille

Une nuit élégante dans un hôtel d'exception. Tenue de soirée, cocktails signature, DJ set.
Complet

\n Liste d'attente\n

04Oct · Dimanche · 11h30

Brunch KaraokéRockyPop Marseille

La nouveauté de la rentrée : le brunch festif et chantant du RockyPop. Micro doré, playlist collective.
Entrée libre · Sur réservation

\n Réserver\n

17Oct · Samedi · 19h

Soirée Pop Night FeverMarseille · Lieu dévoilé aux inscrits

Dress code : paillettes. Playlist : celle qui fait lever tout le monde.
Entrée libre · Sur réservation

\n Réserver\n

—Bientôt · Automne

Croisière DiscoPort de Marseille · Terminal croisière

Le retour de la boule à facettes flottante. Date annoncée en priorité aux membres du Cercle.
Prochainement

\n Être prévenu\n

\n $\"\"$ \n $\"\"$ \n $\"\"$ \n $\"\"$ \n

\n Billetterie officielle Shotgun\n Réservation instantanée · Paiement sécurisé\n

\n\n\n

Réserver en 3 gestes

Simple comme un message.

Choisissez votre soirée

Brunch, rooftop, croisière ou live. L'agenda est mis à jour chaque semaine.

Écrivez à Madame

Un message WhatsApp avec votre nombre d'invités. Réponse sous 24h, souvent bien moins.

Venez comme vous êtes

Ou plutôt : comme vous rêvez d'être. Le dress code est toujours indiqué.

\n\n\n

Les folies passées

On vous avait prévenu.

$\"Croisière$

Croisière Disco

Une piste de danse face au Vieux-Port.

Boule à facettes, coucher de soleil, et la ville qui s'allume en musique.

La Velada · Soirée solidaire

Danser pour la bonne cause.

Une soirée au profit du Point Rose. Parce que la fête peut aussi avoir du sens.

$\"Soirée$

\n\n

Prêt·e pour la prochaine ?

\n {{WA}} Réserver sur WhatsApp\n Rejoindre Le Cercle\n

\n",[],[212,230,240],"cae97e93-61b6-4874-8638-6cfa0242196a","contact.html","eba7e1aa-ae0c-11f1-9dff-1607ee4eb77e",12,["D",1789150594155],"

Contact

Écrivez à
Madame.

Une réservation, une privatisation, une idée folle. WhatsApp est le plus rapide — Madame répond en personne.

\n\n

Le plus rapideWhatsApp
{{WA}} Écrire
Emailbonjour@lesfoliesmondaines.fr
Envoyer {{ARROW}}
BilletterieShotgun
Ouvrir {{ARROW}}
Coulisses@les_folies_mondaines_de_madame
Suivre {{ARROW}}
OùMarseille & alentours
Lieux partenaires

\n \n

\n\n

$\"\"$

À très vite,
sous les lumières.

\n",[],[212,230,248],"cc999a64-4584-434d-834e-2b45e127e321","club.html","e3c5f09e-ae0c-11f1-9b00-1607ee4eb77e",11,["D",1789150580932],"

$\"\"$

Le Cercle de Madame

Les meilleures soirées
ne s'annoncent pas.

Elles se murmurent. Rejoignez la communauté qui reçoit les dates en avant-première, les invitations secrètes et les tarifs membres.

\n Rejoindre Le Cercle — gratuit\n

\n\n\n

Les privilèges

Être membre,
ça change tout.

\n \n

48h d'avance

Les dates vous parviennent avant tout le monde. Quand une soirée affiche complet, vous êtes déjà dedans.

\n \n

Soirées secrètes

Des rendez-vous confidentiels, non annoncés publiquement. Lieu dévoilé la veille. Réservés au Cercle.

\n \n

Tarif membre

Un tarif préférentiel sur les soirées payantes et les privatisations. Et une coupe offerte à votre première venue.

\n\n\n

Votre carte

Virtuelle.
Mais très réelle.

Reçue sur WhatsApp, présentée à l'entrée. Elle ouvre les portes, les listes et parfois les coulisses.

\n {{MARK}}\n Membre · N° 0001\n

Les Folies Mondaines
de Madame

Le Cercle · Marseille · Depuis 2020

\n\n\n

Rejoindre

Entrez dans
Le Cercle.

Gratuit, sans spam. Une confirmation sur WhatsApp, et c'est fait.

\n \n

\n\n

$\"\"$

Vous arrivez invité·e.
Vous repartez membre.

\n",[],[212,230,256],"1dcffa8e-4a51-4836-b384-ab886a889278",["D",1789150502288],"directory",[177,178,179,180,181],[212,230],"dd17cf6b-162a-4b65-8bfc-4faa99e220af",["D",1789150336201],[176,182,183],[212],["D",1789150178135],[],[162,66],"1e58d983-d92c-4290-b65c-a8afdd3228f7",["D",1789150161857],[174],[162],["D",1789150144727],{"_11":12,"_130":72},{"_11":12,"_126":72,"_71":72,"_30":70,"_127":128,"_129":24},{"_39":117,"_13":16,"_33":36,"_118":81,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":14,"_125":12},"ctx",{"_54":-5,"_149":316,"_317":318,"_319":320,"_321":24,"_322":24,"_323":24,"_324":94,"_325":-5,"_326":-7,"_327":-7,"_328":26,"_329":24,"_330":24,"_331":-5,"_332":24,"_333":24,"_334":24,"_335":-5},"ENV",{"_287":288,"_289":290,"_291":16,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

\n Votre soirée.\n Notre folie.\n

Quatre façons defaire événement.

Soirée d'entreprise

Lancement de marque

Anniversaire & célébration

Brunch privé

De l'idée à la dernière danse.

Brief de 20 minutes

Proposition sous 72h

Le jour J, vous êtes invité·e

Parlons devotre projet.

\n La nuit\n a une adresse.\n

Chaque soiréea sa signature.

Brunch Karaoké

Les Nocturiales

Croisière Disco

Live & Cabaret

Sur mesure

Prochaines soirées

Une seule règle :que vous viviez quelque chose.

Privatisezune folie.

Entrez dansLe Cercle.

Les prochainessoirées.

Simple comme un message.

Choisissez votre soirée

Écrivez à Madame

Venez comme vous êtes

On vous avait prévenu.

Prêt·e pour la prochaine ?

Écrivez àMadame.

Les meilleures soiréesne s'annoncent pas.

Être membre,ça change tout.

48h d'avance

Soirées secrètes

Tarif membre

Virtuelle.Mais très réelle.

Entrez dansLe Cercle.

Quatre façons de
faire événement.

Parlons de
votre projet.

Chaque soirée
a sa signature.

Une seule règle :
que vous viviez quelque chose.

Privatisez
une folie.

Entrez dans
Le Cercle.

Les prochaines
soirées.

Écrivez à
Madame.

Les meilleures soirées
ne s'annoncent pas.

Être membre,
ça change tout.

Virtuelle.
Mais très réelle.

Entrez dans
Le Cercle.

History · import-images.ts