[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_202":203,"_204":205},"routes/_app.x.$handle.$name",{"_96":95,"_31":44,"_104":86,"_26":98,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":58,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":24},"version",6,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","site/main.js","latestPath","fileId","78d5ec76-ae0c-11f1-add8-1607ee4eb77e","name","main.js","fileType","script","content","/* ============================================================\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","createdAt",["D",1789150401519],"branchVersion","branchId","3df691cd-9492-41cc-97ae-e79b0d3c5bff","id","29c5ba00-c08d-43f4-b436-9f210671a54a","les-folies-mondaines",["D",1789150144727],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Maquette site — Les Folies Mondaines de Madame (tmoo)","imageUrl","ee35082e-ae2e-46e9-982f-898e42ab9867","pinnedFileId","dfd0db80-ae0b-11f1-9995-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019fde0a-1b13-768d-ab07-3e57b8ebf7e8","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":98},"org",{"_96":95,"_97":98,"_99":98,"_18":54,"_100":101,"_102":24},"branch",{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"isOwned",13,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","estebantmoo","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_31":44,"_37":198,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":199,"_80":200,"_82":201,"_84":24},"tree",[163,165,168],"files",[163,164,165,166,167,168],"counts",{"_153":62,"_154":134,"_155":62,"_156":157,"_158":159},"contents",[125,126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":147,"_31":148,"_29":149,"_130":-5,"_40":41,"_39":150,"_132":58,"_37":151,"_13":62,"_33":145,"_35":-5,"_23":24,"_137":-5,"_26":152},{"_42":140,"_31":141,"_29":142,"_130":-5,"_40":41,"_39":143,"_132":58,"_37":144,"_13":62,"_33":145,"_35":-5,"_23":24,"_137":-5,"_26":146},{"_42":128,"_31":129,"_29":56,"_130":-5,"_40":41,"_39":131,"_132":24,"_37":133,"_13":134,"_33":135,"_35":136,"_23":24,"_137":138,"_26":139},"a593f648-e3c1-44de-b141-c9b2ef6e03fc","main.ts","parentId",4,"latest",["D",1789150202503],1,"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\";\n\nconst app = new Hono();\nconst PAGES = [\"index\", \"evenements\", \"privatisation\", \"club\", \"contact\"];\n\napp.get(\"/\", (c) => serveFile(\"/site/index.html\", import.meta.url));\nfor (const p of PAGES) app.get(`/${p}.html`, (c) => serveFile(`/site/${p}.html`, import.meta.url));\napp.get(\"/styles.css\", (c) => serveFile(\"/site/styles.css\", import.meta.url));\napp.get(\"/main.js\", (c) => 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","label","lesfoliesmondaines",[129],"dd17cf6b-162a-4b65-8bfc-4faa99e220af","site","778fe96e-a650-486b-83fa-47b2dcd64d9f",5,["D",1789150336201],"directory",[141],"1e58d983-d92c-4290-b65c-a8afdd3228f7","scripts","1cb3d459-3b77-4626-85c6-7b275bf2b64f",2,["D",1789150161857],[148],"pulls","branches","forks","envVars",{"_160":62,"_162":62},"connections",{"_160":62,"_161":62},"count","unfilledCount","emptyCount",{"_42":147,"_31":148,"_29":149,"_130":-5,"_40":41,"_39":150,"_132":58,"_37":195,"_13":62,"_33":145,"_35":-5,"_23":24,"_137":-5,"_170":196,"_26":197},{"_42":187,"_31":188,"_29":189,"_130":149,"_40":41,"_39":190,"_132":58,"_37":191,"_13":134,"_33":34,"_35":192,"_23":24,"_137":-5,"_170":193,"_26":194},{"_42":140,"_31":141,"_29":142,"_130":-5,"_40":41,"_39":143,"_132":58,"_37":184,"_13":62,"_33":145,"_35":-5,"_23":24,"_137":-5,"_170":185,"_26":186},{"_42":180,"_31":32,"_29":30,"_130":142,"_40":41,"_39":14,"_132":58,"_37":181,"_13":62,"_33":34,"_35":36,"_23":24,"_137":-5,"_170":182,"_26":183},{"_42":173,"_31":174,"_29":175,"_130":142,"_40":41,"_39":143,"_132":58,"_37":176,"_13":62,"_33":20,"_35":177,"_23":24,"_137":-5,"_170":178,"_26":179},{"_42":128,"_31":129,"_29":56,"_130":-5,"_40":41,"_39":131,"_132":24,"_37":169,"_13":134,"_33":135,"_35":136,"_23":24,"_137":138,"_170":171,"_26":172},["D",1789150202503],"children",[],[129],"66b314df-077c-49bc-a81f-ea9e3c2791a6","styles.css","51e728c8-ae0c-11f1-963b-1607ee4eb77e",["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",[],[141,174],"6e63d1d9-891f-4827-af32-d06abfb286e0",["D",1789150401519],[],[141,32],["D",1789150336201],[166,167],[141],"f70808cc-978f-4690-845e-0cfb03a709d2","import-images.ts","e9fc7100-ae0b-11f1-861a-1607ee4eb77e",3,["D",1789150178135],"// One-shot : télécharge les visuels générés, les redimensionne (max 1600px), encode en JPEG et les stocke en blob.\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { Image } from \"https://deno.land/x/imagescript@1.3.0/mod.ts\";\n\nconst BASE = \"https://d8j0ntlcm91z4.cloudfront.net/user_3GXfcNumyTOhLmp1Z2ejBROBcXq/hf_20260907_174654_\";\nconst IMAGES: Record = {\n hero: [\"f76a55b0-eaaf-4708-912c-fef77f8d5400\", 1600],\n madame: [\"68534f78-6daa-4749-b717-401f60c70c1a\", 1400],\n rooftop: [\"cf647af2-048b-4242-8397-2f4b7ea97bf1\", 1600],\n coupes: [\"3a47cd24-17cb-4782-8e2b-5bc04896f4ff\", 1400],\n brunch: [\"9383c83a-f5ec-4e51-b1d0-38519f7d3b91\", 1500],\n croisiere: [\"2f8c93ff-d986-4f38-a413-df42dfa5b039\", 1600],\n singer: [\"cdc4cb88-b441-486a-a33a-5ffa04e195e8\", 1400],\n table: [\"24a31ff4-5caf-4126-9c67-5253f2be8a54\", 1600],\n};\n\nconst out: Record = {};\nfor (const [name, [id, max]] of Object.entries(IMAGES)) {\n const key = `lfm/${name}.jpg`;\n try {\n try { await blob.get(key); out[name] = -1; continue; } catch { /* absent → on génère */ }\n const res = await fetch(BASE + id + \".png\");\n if (!res.ok) { out[name] = \"fetch \" + res.status; continue; }\n const png = new Uint8Array(await res.arrayBuffer());\n const img = await Image.decode(png);\n const s = Math.min(1, max / Math.max(img.width, img.height));\n if (s < 1) img.resize(Math.round(img.width * s), Math.round(img.height * s));\n const jpg = await img.encodeJPEG(80);\n await blob.set(key, jpg);\n out[name] = jpg.byteLength;\n } catch (e) {\n out[name] = \"err \" + (e as Error).message;\n }\n console.log(name, out[name]);\n}\nconsole.log(JSON.stringify(out));\n",[],[148,188],["D",1789150161857],[164],[148],["D",1789150144727],{"_96":95,"_103":98},{"_96":95,"_97":98,"_99":98,"_18":54,"_100":101,"_102":24},{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_122":235,"_236":237,"_238":239,"_240":24,"_241":24,"_242":24,"_243":58,"_244":-5,"_245":-7,"_246":-7,"_247":62,"_248":24,"_249":24,"_250":-5,"_251":24,"_252":24,"_253":24,"_254":-5},"ENV",{"_206":207,"_208":209,"_210":86,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234},"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"]

Diff · v6