@font-face{font-family:'DM Sans';src:url(fonts/dmsans-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url(fonts/dmsans-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Fraunces';src:url(fonts/fraunces-500.woff2) format('woff2');font-weight:500;font-display:swap}
:root{--paper:#f6f1e7;--card:#fffdf8;--ink:#16202a;--muted:#5b6470;--hair:rgba(22,32,42,.12);--night:#0c1a33;--sun:#dd7430;--sun-soft:#f9e2c7;--sun-ink:#b8561b;--cream:#f7f1e6;--gutter:20px}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'DM Sans',system-ui,sans-serif;font-size:1.05rem;line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-.02em;line-height:1.05}
ul{list-style:none}
.wrap{width:100%;max-width:1080px;margin-inline:auto;padding-inline:var(--gutter)}
.tete{padding-block:18px}
.logo{display:block;width:auto}
.nuit{margin:0 8px;border-radius:26px;padding-block:44px 48px;color:var(--cream);background-color:var(--night);
  background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff 98%,transparent),radial-gradient(1px 1px at 28% 62%,#fff9 98%,transparent),radial-gradient(1.4px 1.4px at 46% 30%,#fff 98%,transparent),radial-gradient(1px 1px at 63% 74%,#fffa 98%,transparent),radial-gradient(1.2px 1.2px at 78% 22%,#fff 98%,transparent),radial-gradient(1px 1px at 88% 58%,#fff8 98%,transparent),radial-gradient(1.6px 1.6px at 70% 88%,#ffd9a0 98%,transparent),radial-gradient(1.6px 1.6px at 22% 86%,#ffd9a0 98%,transparent),radial-gradient(120% 70% at 50% 120%,#3f6fd6 0,#132a55 40%,transparent 70%)}
.nuit h1{font-size:clamp(2.5rem,6.5vw + 1rem,5rem);max-width:11em}
.surligne{background:linear-gradient(transparent 64%,rgba(221,116,48,.55) 64% 90%,transparent 90%)}
.suite{margin-top:14px;font-size:1.25rem;color:#c9d6f2}
.pour{margin-top:6px;color:#c9d6f2;opacity:.85}
.btn{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding:8px 8px 8px 22px;border-radius:999px;font-weight:600;text-decoration:none;color:#fff;background:var(--sun)}
.btn .ic{width:38px;height:38px;padding:10px;border-radius:50%;background:rgba(255,255,255,.2);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn.sombre{background:var(--ink)}
.btn.sombre .ic{background:var(--sun)}
.bientot{margin-top:22px;font-size:.92rem;color:#c9d6f2}
.fait{padding-block:56px 24px}
.fait h2,.rdv h2{font-size:clamp(1.9rem,3vw + 1rem,2.8rem);margin-bottom:22px}
.fait ul{display:grid;gap:12px}
.fait li{padding:20px;border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 1px var(--hair)}
.fait h3{font-size:1.35rem;margin:12px 0 4px}
.fait p{color:var(--muted)}
.rond{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--sun-soft);color:var(--sun-ink)}
.rond .ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rdv{padding-block:40px 64px}
.rdv p{max-width:34em;color:var(--muted)}
.pied{display:flex;flex-wrap:wrap;gap:8px 24px;padding-block:28px 40px;border-top:1px solid var(--hair);color:var(--muted);font-size:.92rem}
.ml{padding-block:24px 64px;max-width:720px}
.ml h1{font-size:2.6rem;margin-bottom:24px}
.ml h2{font-size:1.4rem;margin:28px 0 8px}
.ml p{color:var(--muted)}
@media (min-width:760px){:root{--gutter:40px}.nuit{margin:0 12px;border-radius:36px;padding-block:88px 80px}.fait ul{grid-template-columns:repeat(3,1fr);gap:16px}}