body{background:var(--ink-deep);color:var(--white)}
.c-top{display:flex;align-items:center;justify-content:space-between;padding:16px var(--gutter);max-width:1100px;margin:0 auto}
.c-top .brand svg{height:26px}
.c-top .wm{height:15px}
.lg{display:flex;border:2px solid rgba(255,255,255,.3);border-radius:999px;overflow:hidden}
.lg button{all:unset;cursor:pointer;padding:8px 16px;font-weight:700;font-size:.95rem;color:var(--on-ink-soft)}
.lg button[aria-pressed="true"]{background:var(--white);color:var(--ink)}
.lg button:focus-visible{outline:3px solid #7FB0FF}
.c-hero{max-width:1100px;margin:0 auto;padding:10px var(--gutter) 22px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.c-mark{width:84px;height:76px}
.c-mark svg{width:100%;height:100%;overflow:visible}
.c-mark path{fill:#fff}
.c-mark .a{animation:ca 1.1s cubic-bezier(.2,.8,.2,1) .15s both}
.c-mark .b{animation:cb 1.1s cubic-bezier(.2,.8,.2,1) .15s both}
@keyframes ca{from{transform:translate(-160px,-120px) rotate(-22deg);opacity:0}to{transform:none;opacity:1}}
@keyframes cb{from{transform:translate(160px,120px) rotate(-22deg);opacity:0}to{transform:none;opacity:1}}
.c-hero h1{font-size:clamp(26px,5vw,40px);font-weight:600}
.c-hero p{color:var(--on-ink-soft);margin:8px 0 0;font-size:1rem}
.c-body{max-width:1100px;margin:0 auto;padding:0 var(--gutter) 40px;display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.c-body .cal{min-height:680px}
.c-side{display:flex;flex-direction:column;gap:12px}
.c-side .btn{width:100%}
.c-side .note{color:var(--on-ink-soft);font-size:.95rem;margin-top:8px}
.c-side .note b{color:var(--white)}
.c-foot{max-width:1100px;margin:0 auto;padding:20px var(--gutter) 40px;color:var(--on-ink-soft);font-size:.85rem;border-top:1px solid rgba(255,255,255,.1)}
.c-foot a{color:var(--white)}
@media (max-width:860px){.c-body{grid-template-columns:1fr}.c-side{order:2}.c-hero{grid-template-columns:48px 1fr;align-items:start;gap:14px}.c-mark{width:48px;height:44px;margin-top:6px}}
.c-side .btn{gap:0}
@media (prefers-reduced-motion:reduce){.c-mark .a,.c-mark .b{animation:none}}
[data-l]{display:none}
body[data-src="carte"] .g-other,body:not([data-src="carte"]) .g-card{display:none}
html[lang^="fr"] [data-l="fr"],html[lang^="en"] [data-l="en"]{display:revert}