/* Gyre — landing (gyre.fr). Polices auto-hébergées (variables, sous-ensemble
   latin), aucune requête vers un tiers. Licences : fonts/LICENSES.txt. */
@font-face{font-family:'Familjen Grotesk';font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/familjen-grotesk.woff2) format('woff2')}
@font-face{font-family:'Chivo';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/chivo.woff2) format('woff2')}
@font-face{font-family:'Spline Sans Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/spline-sans-mono.woff2) format('woff2')}
@font-face{font-family:'Caveat';font-style:normal;font-weight:500 600;font-display:swap;src:url(fonts/caveat.woff2) format('woff2')}

*{box-sizing:border-box}
/* Magnétisme doux entre sections (scroll-snap-align:start sur chacune).
   proximity, jamais mandatory : une section plus haute que l'écran (FAQ
   ouverte, formulaire avec puces) doit rester lisible en entier. Hauteur des
   sections en lvh, pas svh : la barre flottante de Safari récent passe
   PAR-DESSUS la page, la zone visible est la grande hauteur. Pas dvh : il
   varie pendant le défilement et ferait sauter la mise en page. */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-snap-type:y proximity}
/* Bas de page encre jusque sous la barre de Safari (22 oct. 2026, testé sur
   iPhone réel, iOS 26). Le CANEVAS (fond de <html>) est ce qu'iOS peint sous
   la page, dans le rebond du bas et derrière la barre d'outils flottante :
   il est encre. Le <body> garde l'ivoire sur toute la hauteur du contenu, et
   un pseudo-élément ivoire posé AU-DESSUS du haut de page couvre le rebond
   du haut, qui reste ivoire. (Un changement de fond au défilement ne
   suffisait pas : ivoire visible sous la barre au repos.)
   Page d'accueil seulement (<html class="lg-pied-encre">) : les pages légales
   et la désinscription n'ont pas de footer encre. */
html.lg-pied-encre{background:#221E18}
.lg-pied-encre body{position:relative}
.lg-pied-encre body::before{content:"";position:absolute;left:0;right:0;top:-100vh;height:100vh;background:#EFE4CE;pointer-events:none}
body{margin:0;background:#EFE4CE;color:#221E18;font-family:'Chivo',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#221E18}
a:hover{color:#8A4B2A}
button{font:inherit;-webkit-tap-highlight-color:transparent}
.lg-choix{min-height:44px;padding:0 14px;margin:4px 0;color:#221E18;background:transparent;border:1px solid #221E18;border-radius:3px;cursor:pointer}
.lg-choix:disabled{opacity:.5;cursor:not-allowed}
:focus-visible{outline:2px solid #221E18;outline-offset:2px}
footer :focus-visible{outline-color:#EFE4CE}
.katex{font-size:1.04em}
.katex-display{margin:0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none !important;animation:none !important}}
.sr-hp{position:absolute !important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* survols des éléments construits par landing.js */
.h-line:hover{border-color:#221E18 !important}
.h-btn:hover:not(:disabled){background:#3A342B !important;border-color:#3A342B !important}
.h-link:hover{color:#221E18 !important}
.h-opt:hover,.h-opt[aria-selected="true"]{background:#E4D7BB}

/* --- styles issus du portage de design/Gyre Accueil v4.dc.html --- */
.s1{position:absolute}
.s2{fill:currentColor;stroke:var(--gy-fond,#EFE4CE)}
.s3{min-height:100vh;min-height:100lvh;scroll-snap-align:start;display:flex;flex-direction:column;padding:0 24px}
.s4{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;width:100%;max-width:1120px;margin:0 auto}
.s5{display:flex;align-items:center;gap:10px;min-height:48px;text-decoration:none;color:#221E18}
.s5:hover{color:#221E18}
.s6{display:block;overflow:visible}
.s7{opacity:0;transform-box:fill-box;transform-origin:center}
.s8{font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:32px;letter-spacing:-.035em;line-height:1}
.s9{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid #C9B896;border-radius:3px;font-family:'Chivo',sans-serif;font-size:14px;font-weight:600;color:#221E18;text-decoration:none;transition:border-color 90ms cubic-bezier(.2,.8,.2,1)}
.s9:hover{border-color:#221E18;color:#221E18}
.s10{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px 0 20px;width:100%;max-width:1120px;margin:0 auto}
.s11{font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:clamp(35px,9.2vw,64px);line-height:1.03;letter-spacing:-.035em;margin:0 0 20px;max-width:14ch;text-wrap:balance}
.s12{display:block;color:#4C4437}
.s13{display:block;color:#221E18}
.s14{font-size:16px;line-height:1.65;color:#4C4437;margin:0 auto 26px;max-width:26rem;text-wrap:pretty}
.s15{display:grid;width:100%;justify-items:center}
.s16{align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:0 12px 18px;font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#635A4B;text-decoration:none}
.s16:hover{color:#221E18}
.s17{display:block;font-size:16px;line-height:1}
.s18{min-height:100vh;min-height:100lvh;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:22px 24px 20px;border-top:1px solid #C9B896}
.s19{font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:clamp(28px,7.4vw,40px);line-height:1.05;letter-spacing:-.03em;margin:0;text-align:center}
.s20{position:relative;display:flex;justify-content:center}
.s21{position:relative;width:min(300px,78vw,max(250px,calc((100vh - 160px) * .47)));width:min(300px,78vw,max(250px,calc((100lvh - 160px) * .47)));aspect-ratio:9/19.2;background:#221E18;border-radius:48px;padding:9px}
.s22{position:absolute;inset:-6px;border:1px solid #A2977E;border-radius:54px;pointer-events:none}
.s23{position:absolute;left:-2px;top:19%;width:3px;height:6%;border-radius:2px 0 0 2px;background:#3A342B}
.s24{position:absolute;left:-2px;top:27%;width:3px;height:10%;border-radius:2px 0 0 2px;background:#3A342B}
.s25{position:absolute;right:-2px;top:25%;width:3px;height:14%;border-radius:0 2px 2px 0;background:#3A342B}
.s26{position:relative;height:100%;border-radius:39px;background:#EFE4CE;overflow:hidden;display:flex;flex-direction:column;text-align:left}
.s27{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:29%;height:24px;border-radius:14px;background:#221E18;z-index:2}
.s28{position:relative;height:44px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 18px 0 26px;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',sans-serif;font-size:13px;font-weight:600;color:#221E18}
.s29{display:flex;align-items:center;gap:4px}
.s30{display:block}
.s31{flex:none;display:flex;align-items:center;gap:10px;padding:6px 16px 10px;border-bottom:1px solid #C9B896;font-family:'Spline Sans Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#635A4B}
.s32{flex:1;display:flex;gap:2px}
.s33{font-variant-numeric:tabular-nums;letter-spacing:.04em}
.s34{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 16px;opacity:1;transition:opacity 180ms cubic-bezier(.2,.8,.2,1)}
.s35{flex:none;height:20px;display:grid;place-items:center}
.s36{display:block;width:36%;height:4px;border-radius:3px;background:#221E18}
.s37{display:grid;place-items:center;margin:4px 0 0}
.s38{grid-area:1/1;font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.06em;color:#635A4B;margin:0;text-align:center;opacity:1;transition:opacity 400ms cubic-bezier(.2,.8,.2,1)}
.s39{grid-area:1/1;margin:0;display:flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;background:#221E18;color:#EFE4CE;font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translateY(4px);transition:opacity 400ms cubic-bezier(.2,.8,.2,1),transform 400ms cubic-bezier(.2,.8,.2,1)}
.s40{min-height:100vh;min-height:100lvh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;padding:28px 24px;border-top:1px solid #C9B896}
.s41{width:100%;max-width:1000px;margin:0 auto}
.s42{font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#4C4437;margin:0 0 12px}
.s43{margin:0 0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:#4C4437;border:1px solid #221E18;border-radius:6px;overflow:hidden}
.s44{background:#221E18;padding:16px 16px 14px;display:flex;flex-direction:column-reverse;gap:6px}
.s45{font-family:'Spline Sans Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#C0B6A0}
.s46{margin:0;font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:38px;letter-spacing:-.04em;line-height:.95;font-variant-numeric:tabular-nums;white-space:nowrap;color:#EFE4CE}
.s47{font-size:20px;letter-spacing:-.02em}
/* « plus de » au-dessus d'un seuil arrondi (bloc « Ce que ça change ») : sur sa propre ligne, un tiers de tuile ne tient pas « plus de 1 000 » en 38 px à 375 px. */
.s46p{display:block;margin-bottom:6px;font-family:'Chivo',sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.2;color:#C0B6A0}
.s48{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));column-gap:28px;border-bottom:1px solid #C9B896}
.s49{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #C9B896}
.s50{flex:none;position:relative;width:56px;height:56px;background:#E4D7BB;border:1px solid #C9B896;border-radius:6px;overflow:hidden}
.s51{position:absolute;left:14px;top:17px;width:30px;height:22px;background:#F5EEDE;border:1px solid #C9B896;border-radius:2px;transform:rotate(9deg)}
.s52{position:absolute;left:11px;top:16px;width:30px;height:22px;background:#EFE4CE;border:1px solid #221E18;border-radius:2px;transform:rotate(-5deg);padding:4px 5px;display:flex;flex-direction:column;gap:3px}
.s53{width:5px;height:5px;border-radius:999px;background:#5C9C86}
.s54{width:17px;height:2px;background:#221E18}
.s55{width:11px;height:2px;background:#A2977E}
.s56{min-width:0}
.s57{font-family:'Familjen Grotesk',sans-serif;font-weight:600;font-size:18px;letter-spacing:-.02em;line-height:1.15;margin:0 0 3px}
.s58{margin:0;font-size:14px;line-height:1.4;color:#4C4437}
.s59{position:absolute;left:10px;top:5px;width:35px;height:45px;background:#EFE4CE;border:1px solid #221E18;border-radius:2px;padding:6px 5px;display:flex;flex-direction:column;gap:5px}
.s60{display:flex;align-items:center;gap:3px}
.s61{flex:none;width:5px;height:5px;border-radius:999px;background:#5C9C86}
.s62{width:16px;height:2px;background:#A2977E}
.s63{width:19px;height:2px;background:#A2977E}
.s64{flex:none;width:5px;height:5px;border-radius:999px;background:#1E3A54}
.s65{width:13px;height:2px;background:#A2977E}
.s66{position:absolute;left:8px;right:8px;top:12px;border-top:1px dashed #635A4B}
.s67{position:absolute;left:8px;right:8px;top:13px;bottom:10px;display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid #221E18}
.s68{flex:1;height:70%;background:#A2977E;border-radius:1px 1px 0 0}
.s69{flex:1;height:82%;background:#A2977E;border-radius:1px 1px 0 0}
.s70{flex:1;height:64%;background:#A2977E;border-radius:1px 1px 0 0}
.s71{flex:1;height:76%;background:#A2977E;border-radius:1px 1px 0 0}
.s72{flex:1;height:68%;background:#A2977E;border-radius:1px 1px 0 0}
.s73{flex:1;height:74%;background:#221E18;border-radius:1px 1px 0 0}
.s74{min-height:100vh;min-height:100lvh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;padding:32px 24px;border-top:1px solid #C9B896}
.s75{width:100%;max-width:760px;margin:0 auto}
.s76{font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:clamp(28px,7.4vw,40px);line-height:1.05;letter-spacing:-.03em;margin:0 0 20px;text-wrap:balance}
.s77{width:100%;border-collapse:collapse;table-layout:fixed}
.s78{width:34%;border-bottom:1px solid #221E18;padding:0 0 8px}
.s79{background:#E4D7BB;border-bottom:1px solid #221E18;padding:10px 8px 8px;text-align:left;border-radius:6px 6px 0 0;font-family:'Familjen Grotesk',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.02em}
.s80{border-bottom:1px solid #221E18;padding:10px 8px 8px;text-align:left;font-family:'Spline Sans Mono',monospace;font-size:10.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#4C4437}
.s81{font-size:14px;line-height:1.6;color:#4C4437;margin:18px 0 0;text-wrap:pretty}
.s82{font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:clamp(26px,6.8vw,36px);line-height:1.08;letter-spacing:-.03em;margin:0 0 18px;max-width:22ch;text-wrap:balance}
.s83{display:flex;flex-wrap:wrap;gap:20px 48px;align-items:center}
.s84{margin:0;flex:1.3 1 320px;min-width:0}
.s85{width:100%;height:auto;display:block;overflow:visible}
.s86{stroke-dashoffset:1.01;transition:stroke-dashoffset 1000ms cubic-bezier(.33,1,.68,1)}
.s87{opacity:0;transition:opacity 500ms cubic-bezier(.2,.8,.2,1) 3700ms}
.s88{stroke-dashoffset:1.01;transition:stroke-dashoffset 2800ms cubic-bezier(.5,1,.89,1) 1000ms}
.s89{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:'Spline Sans Mono',monospace;font-size:11px;color:#4C4437;margin:12px 0 0}
.s90{display:flex;align-items:center;gap:7px}
.s91{width:20px;border-top:1.6px dashed #635A4B}
.s92{width:20px;height:9px;border-top:2.6px solid #5C9C86;background:rgba(92,156,134,.16)}
.s93{color:#635A4B}
.s94{flex:1 1 280px;min-width:0}
.s95{margin:0 0 12px;font-size:14.5px;line-height:1.65;color:#4C4437;text-wrap:pretty}
.s96{margin:0;font-size:14.5px;line-height:1.65;color:#4C4437;text-wrap:pretty}
.s97{min-height:100vh;min-height:100lvh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;padding:32px 24px;background:#E4D7BB;border-top:1px solid #C9B896}
/* position:relative : bloc conteneur des .katex-mathml (position:absolute) des cartes.
   Sans lui, leur bloc conteneur est body, ils échappent au rognage overflow-x du
   carrousel et élargissent le document (défilement horizontal constaté sur iPhone). */
.s98{position:relative;list-style:none;margin:0 -24px;padding:2px 24px 10px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 24px;overscroll-behavior-x:contain}
.s99{flex:0 0 min(300px,80vw);scroll-snap-align:start;display:flex;flex-direction:column;gap:14px}
.s100{height:318px;background:#EFE4CE;border:1px solid #C9B896;border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:10px}
.s101{display:flex;justify-content:space-between;align-items:center;font-family:'Spline Sans Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}
.s102{display:flex;align-items:center;gap:7px;color:#2F5E52}
.s103{width:7px;height:7px;border-radius:999px;background:#5C9C86}
.s104{color:#635A4B;font-variant-numeric:tabular-nums}
.s105{margin:2px 0 4px;font-size:15px;line-height:1.4;font-weight:500}
.s106{display:contents}
.s107{font-family:'Familjen Grotesk',sans-serif;font-weight:600;font-size:19px;letter-spacing:-.02em;margin:0 0 4px}
.s108{margin:0;font-size:14px;line-height:1.55;color:#4C4437}
.s109{height:318px;background:#EFE4CE;border:1px solid #C9B896;border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.s110{display:flex;justify-content:space-between;align-items:center;font-family:'Spline Sans Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#635A4B}
.s111{position:relative;flex:none;height:150px;border-radius:3px;background-color:#F5EEDE;background-image:linear-gradient(rgba(201,184,150,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(201,184,150,.45) 1px,transparent 1px);background-size:13px 13px;transform:rotate(-1.2deg);padding:10px 14px;font-family:'Caveat',cursive;font-size:19px;line-height:1.28;color:#3A342B;border:1px solid #C9B896}
.s112{font-size:11px}
.s113{position:relative;display:inline-block;padding:0 7px;transform:rotate(-4deg)}
.s114{position:absolute;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);overflow:visible}
.s115{stroke-dashoffset:1.01;transition:stroke-dashoffset 700ms cubic-bezier(.33,1,.68,1)}
.s116{background:#F5EEDE;border:1px solid #8A4B2A;border-left:3px solid #8A4B2A;border-radius:3px;padding:8px 10px}
.s117{font-family:'Spline Sans Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#8A4B2A;margin-bottom:3px}
.s118{font-size:12.5px;line-height:1.45;color:#4C4437}
.s119{display:flex;gap:6px;flex-wrap:wrap}
.s120{font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.06em;padding:5px 10px;border-radius:3px;border:1px solid #C9B896;color:#4C4437}
.s121{position:relative;font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.06em;padding:5px 10px;border-radius:3px;border:1px solid #C9B896;color:#4C4437}
.s122{position:absolute;inset:-1px;display:grid;place-items:center;border-radius:3px;background:#8A4B2A;color:#EFE4CE;opacity:0;transition:opacity 400ms cubic-bezier(.2,.8,.2,1) 650ms}
.s123{height:318px;background:#EFE4CE;border:1px solid #C9B896;border-radius:6px;padding:14px;display:flex;flex-direction:column}
.s124{font-family:'Spline Sans Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#635A4B;padding-bottom:8px;border-bottom:1px solid #221E18}
.s125{display:flex;justify-content:center;margin-top:2px}
.s126{min-height:100vh;min-height:100lvh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-start;padding:32px 24px;border-top:1px solid #C9B896}
.s127{font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:clamp(28px,7.4vw,40px);line-height:1.05;letter-spacing:-.03em;margin:0 0 20px}
.s128{border-top:1px solid #221E18;overflow-anchor:none}
.s129{min-height:100vh;min-height:100lvh;scroll-snap-align:start;display:flex;flex-direction:column;background:#F5EEDE;border-top:1px solid #C9B896}
/* flex:1 0 auto (et non flex:1, base 0 %) : WebKit ne fait pas grandir un
   enfant à base 0 % dans une colonne flex dont la hauteur ne vient que de
   min-height ; l'espace libre tombait sous le footer (iPhone, 22 oct. 2026).
   margin-top:auto sur .s150 couvre le même cas. */
.s130{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;padding:20px 24px}
.s131{width:100%;max-width:640px;margin:0 auto;text-align:center}
.s132{font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#4C4437;margin:0 0 14px}
.s133{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.s134{position:absolute;top:35px;left:16.667%;width:33.333%;border-top:1.5px solid #221E18}
.s135{position:absolute;top:35px;left:50%;width:33.333%;border-top:1.5px dashed #635A4B}
.s136{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 4px}
.s137{height:20px;display:flex;align-items:center}
.s138{font-family:'Spline Sans Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#EFE4CE;background:#221E18;border-radius:999px;padding:3px 8px}
.s139{position:relative;z-index:1;width:14px;height:14px;border-radius:999px;background:#221E18;border:1.5px solid #221E18}
.s140{display:flex;flex-direction:column;gap:3px}
.s141{font-size:14px;font-weight:600;line-height:1.3;text-wrap:balance}
.s142{font-size:12.5px;line-height:1.35;color:#4C4437}
.s143{position:relative;z-index:1;width:14px;height:14px;border-radius:999px;background:linear-gradient(90deg,#221E18 50%,#F5EEDE 50%);border:1.5px solid #221E18}
.s144{position:relative;z-index:1;width:14px;height:14px;border-radius:999px;background:#F5EEDE;border:1.5px solid #221E18}
.s145{font-size:12.5px;line-height:1.35;color:#221E18;font-weight:600}
.s146{margin:14px auto 0;max-width:24rem;font-size:13px;line-height:1.5;color:#635A4B;text-wrap:balance}
.s147{margin-top:20px;padding-top:20px;border-top:1px solid #C9B896}
.s148{font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:clamp(26px,7vw,36px);line-height:1.06;letter-spacing:-.03em;margin:0 0 10px}
.s149{font-size:14.5px;line-height:1.6;color:#4C4437;margin:0 auto 16px;max-width:26rem;text-wrap:pretty}
/* margin-top:auto : le footer est le dernier enfant de .s129 (flex column,
   min-height 100lvh) ; quand le contenu est plus court que l'écran, l'espace
   libre passe AU-DESSUS du footer, jamais dessous en ivoire (22 oct. 2026). */
.s150{margin-top:auto;background:#221E18;color:#EFE4CE;padding:24px 24px calc(18px + env(safe-area-inset-bottom))}
/* iOS (Safari, barre d'outils flottante d'iOS 26 posée sur la page) : le
   footer se prolonge de la hauteur de la barre, pour que ses liens ne
   finissent pas dessous. --barre-safari : hauteur de la barre et de sa marge. */
@supports (-webkit-touch-callout:none){.s150{--barre-safari:72px;padding-bottom:calc(18px + env(safe-area-inset-bottom) + var(--barre-safari))}}
.s151{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px 40px}
.s152{display:flex;flex-direction:column;gap:8px}
.s153{display:flex;align-items:center;gap:10px;min-height:44px;color:#EFE4CE;text-decoration:none}
.s153:hover{color:#EFE4CE}
.s154{display:block;color:#EFE4CE;--gy-fond:#221E18}
.s155{font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:28px;letter-spacing:-.035em;line-height:1}
.s156{margin:0;font-family:'Familjen Grotesk',sans-serif;font-size:17px;font-weight:500;letter-spacing:-.01em;color:#C0B6A0}
.s157{flex:0 1 360px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;border-top:1px solid #4C4437}
.s158{display:flex;align-items:center;min-height:44px;border-bottom:1px solid #4C4437;font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#EFE4CE;text-decoration:none}
.s158:hover{color:#EFE4CE;text-decoration:underline}

/* --- pages légales (confidentialite.html, mentions-legales.html) --- */
.lg-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:0 24px}
.lg-bar{display:flex;align-items:center;width:100%;max-width:1120px;margin:0 auto;padding:14px 0}
.lg-brand{display:flex;align-items:center;min-height:48px;text-decoration:none;color:#221E18;font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:32px;letter-spacing:-.035em;line-height:1}
.lg-main{flex:1;width:100%;max-width:42rem;margin:0 auto;padding:16px 0 48px}
.lg-kicker{font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#4C4437;margin:0 0 12px}
.lg-main h1{font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:clamp(28px,7.4vw,40px);line-height:1.05;letter-spacing:-.03em;margin:0 0 8px;text-wrap:balance}
.lg-maj{margin:0 0 24px;font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.06em;color:#635A4B}
.lg-main h2{font-family:'Familjen Grotesk',sans-serif;font-weight:600;font-size:19px;letter-spacing:-.02em;line-height:1.2;margin:28px 0 8px}
.lg-main p,.lg-main li{font-size:15px;line-height:1.65;color:#4C4437;text-wrap:pretty}
.lg-main p{margin:0 0 12px}
.lg-main ul{margin:0 0 12px;padding-left:20px}
.lg-main li{margin:0 0 6px}
.lg-main a{color:#221E18}
.lg-foot{border-top:1px solid #C9B896;padding:16px 0 calc(18px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:6px 24px;font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.lg-foot a{display:inline-flex;align-items:center;min-height:44px;color:#4C4437;text-decoration:none}
.lg-foot a:hover{color:#221E18;text-decoration:underline}