.pile{--pile-bar-h:2.25rem;--pile-top:calc(var(--header-h) + var(--pile-bar-h) + var(--space-16));--pile-decalage:4.8rem;padding-block:var(--section-pad)}.pile--gris{background:var(--color-surface)}.pile__inner{width:var(--container-w);max-width:none;margin-inline:auto;padding-inline:0}.pile__barre{top:calc(var(--header-h) + var(--space-8));z-index:3;align-items:center;gap:var(--space-24);min-height:var(--pile-bar-h);margin-bottom:var(--space-8);mix-blend-mode:difference;display:flex;position:sticky}.pile__kicker{font-size:var(--text-sm);font-weight:var(--fw-caps);letter-spacing:var(--ls-eyebrow);text-transform:var(--tt-caps);color:#ffffff9e}.pile__titre{margin:0 0 var(--space-40);font-size:var(--text-2xl);max-width:var(--measure);text-wrap:balance}.pile__fin{height:min(18vh,10rem)}.pile-carte{top:calc(var(--pile-top) + var(--i) * var(--pile-decalage));border-radius:var(--radius-lg);transform-origin:top;--pile-corps-bg:var(--color-bg);--pile-panneau-bg:var(--color-surface);--pile-texte:var(--color-text);--pile-doux:var(--color-muted);--pile-accent:var(--teal-600);--pile-voile:var(--neutral-200);background:var(--pile-corps-bg);min-height:min(62vh,32rem);color:var(--pile-texte);grid-template-columns:1fr 1fr;align-items:stretch;display:grid;position:sticky;overflow:hidden;box-shadow:0 -20px 50px -30px #00242359}.pile-carte+.pile-carte{margin-top:clamp(var(--space-40), 6vh, var(--space-80))}.pile-carte--mint{--pile-panneau-bg:var(--mint-50)}.pile-carte--gris{--pile-panneau-bg:var(--color-surface)}.pile-carte--sombre{--pile-corps-bg:var(--color-bg-dark);--pile-panneau-bg:var(--teal-950);--pile-texte:var(--color-text-on-dark);--pile-doux:var(--color-muted-on-dark);--pile-accent:var(--color-accent);--pile-voile:var(--teal-800);border:none}.pile-carte--mint,.pile-carte--gris{border:1px solid var(--neutral-200)}.pile-carte__corps{min-width:0;padding:clamp(var(--space-24), 3.2vw, var(--space-60));background:var(--pile-corps-bg);flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.pile-carte__rang{margin-bottom:var(--space-24);font-size:var(--text-sm);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-eyebrow);color:var(--pile-doux);display:block}.pile-carte__eyebrow{font-size:var(--text-sm);font-weight:var(--fw-caps);letter-spacing:var(--ls-eyebrow);text-transform:var(--tt-caps);color:var(--pile-doux)}.pile-carte--sombre .pile-carte__eyebrow{color:var(--pile-accent)}.pile-carte__titre{margin:var(--space-16) 0 var(--space-24);font-size:var(--fs-title-2xl);line-height:var(--lh-display-tight);letter-spacing:var(--ls-display-reg);color:var(--pile-texte);text-wrap:balance}.pile-carte__texte{max-width:42ch;font-size:var(--text-lg);color:var(--pile-doux);margin:0}.pile-carte__texte+.pile-carte__texte{margin-top:var(--space-16)}.pile-carte[id]{scroll-margin-top:calc(var(--header-h) + var(--pile-bar-h) + var(--space-24))}.pile-carte__puces{margin:var(--space-24) 0 0;gap:var(--space-8);padding:0;list-style:none;display:grid}.pile-carte__puces li{align-items:baseline;gap:var(--space-16);font-size:var(--text-base);color:var(--pile-texte);grid-template-columns:.5rem minmax(0,1fr);display:grid}.pile-carte__puces li:before{content:"";background:var(--color-accent);border-radius:50%;width:.4rem;height:.4rem;transform:translateY(-.15em)}.pile-carte__cta{padding:var(--btn-pad-y) var(--btn-pad-x);border-radius:var(--radius-pill);font-size:var(--btn-fs);line-height:var(--lh-caps);background:var(--color-bg-dark);color:var(--color-accent);font-weight:var(--fw-caps);margin-top:auto;text-decoration:none;transition:background-color .25s,color .25s,transform .25s;display:inline-block}.pile-carte__cta:hover{background:var(--color-accent);color:var(--color-on-accent);transform:translateY(-2px)}.pile-carte--sombre .pile-carte__cta{background:var(--color-accent);color:var(--color-on-accent)}.pile-carte--sombre .pile-carte__cta:hover{background:var(--color-text-on-dark)}.pile-carte__puces{margin-bottom:var(--space-40)}.pile-carte__panneau{min-width:0;padding:clamp(var(--space-24), 2.6vw, var(--space-50));background:var(--pile-panneau-bg);align-content:center;justify-items:center;display:grid}.pile-carte__panneau>*{width:100%;max-width:34rem}.pile-carte__panneau{position:relative}.pile-carte__panneau>.pile-carte__fond{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%;position:absolute;inset:0}.pile-carte__panneau--image>:not(.pile-carte__fond){z-index:1;position:relative}.pile-carte__panneau--image .mock{box-shadow:0 26px 60px -26px #00242380}@media (width<=52rem){.pile-carte__panneau--image{padding-block:var(--space-40)}.pile-carte__panneau--fond-seul{aspect-ratio:4/3;width:100%;padding:0}}.pile-carte__voile{background:var(--pile-voile);opacity:0;pointer-events:none;position:absolute;inset:0}.pile--compact .pile-carte{min-height:min(52vh,27rem)}.pile--compact .pile-carte__titre{font-size:var(--fs-title-xl)}@media (width<=52rem){.pile__barre{position:static}.pile__cartes{gap:var(--space-40);display:grid}.pile__fin{display:none}.pile-carte,.pile--compact .pile-carte{grid-template-columns:minmax(0,1fr);min-height:0;position:relative;top:auto}.pile-carte+.pile-carte{margin-top:0}.pile-carte__panneau{order:-1}.pile-carte__corps>.pile-carte__cta{margin-top:var(--space-24)}.pile__cartes.est-empilee{display:block}.pile__cartes.est-empilee .pile-carte{top:var(--pile-top-carte,auto);position:sticky}.pile__cartes.est-empilee .pile-carte+.pile-carte{margin-top:var(--space-40)}.pile__cartes.est-empilee .pile__fin{height:min(12vh,6rem);display:block}}.mock,.motif{--mk-bg:var(--neutral-0);--mk-surface:var(--neutral-50);--mk-line:var(--neutral-200);--mk-skel:var(--neutral-100);--mk-text:var(--teal-900);--mk-muted:var(--neutral-500);--mk-accent:var(--mint-500);--mk-accent-soft:var(--mint-100);--mk-ink:var(--teal-900)}.mock{border:1px solid var(--mk-line);border-radius:var(--radius);background:var(--mk-bg);width:100%;font-family:var(--font-body);color:var(--mk-text);flex-direction:column;font-size:12.5px;line-height:1.4;display:flex;overflow:hidden;box-shadow:0 18px 40px -32px #00242380}.mock--sombre,.motif--sombre{--mk-bg:var(--teal-900);--mk-surface:var(--teal-800);--mk-line:var(--teal-700);--mk-skel:var(--teal-800);--mk-text:var(--neutral-0);--mk-muted:var(--neutral-400);--mk-accent:var(--mint-400);--mk-accent-soft:var(--teal-800);--mk-ink:var(--teal-950)}.mock--sombre{box-shadow:none}.mock__chrome{border-bottom:1px solid var(--mk-line);background:var(--mk-surface);align-items:center;gap:8px;padding:9px 14px;display:flex}.mock__chrome:before,.mock__chrome:after{content:"";border-radius:50%;flex:none;width:7px;height:7px}.mock__chrome:before{background:var(--mk-accent)}.mock__chrome:after{background:var(--mk-line)}.mock__legende{color:var(--mk-muted);white-space:nowrap;text-overflow:ellipsis;margin-left:4px;font-size:11.5px;line-height:1.3;overflow:hidden}.mock__corps{flex-direction:column;gap:12px;padding:16px;display:flex}.mk-tete{align-items:center;gap:10px;display:flex}.mk-titre{font-family:var(--font-heading);letter-spacing:-.01em;font-size:17px;font-weight:700;line-height:1.2}.mk-badge{background:var(--mk-accent-soft);color:var(--mk-ink);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:600;line-height:1.3}.mock--sombre .mk-badge,.motif--sombre .mk-badge{color:var(--mk-accent)}.mk-legende{letter-spacing:.08em;text-transform:uppercase;color:var(--mk-muted);font-size:10px;font-weight:600}.mk-barre{height:6px;width:var(--w,100%);background:var(--mk-skel);border-radius:3px}.mk-barre--accent{background:var(--mk-accent)}.mk-rang{border:1px solid var(--mk-line);border-radius:var(--radius-sm);background:var(--mk-bg);grid-template-columns:3px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.mk-rang:before{content:"";background:var(--c,var(--mk-accent));border-radius:2px;align-self:stretch}.mk-rang__corps{gap:7px;min-width:0;display:grid}.mk-rang__label{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;line-height:1.25;overflow:hidden}.mk-rang__meta{color:var(--mk-muted);white-space:nowrap;font-size:11px}.mk-champs{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));gap:10px 12px;display:grid}.mk-champ{gap:5px;min-width:0;display:grid}.mk-champ__label{letter-spacing:.07em;text-transform:uppercase;color:var(--mk-muted);font-size:9.5px;font-weight:600}.mk-champ__boite{border:1px solid var(--mk-line);border-radius:var(--radius-sm);background:var(--mk-bg);white-space:nowrap;text-overflow:ellipsis;align-items:center;min-height:28px;padding:0 10px;font-size:12px;line-height:1.2;display:flex;overflow:hidden}.mk-chips{flex-wrap:wrap;gap:6px;display:flex}.mk-chip{border:1px solid var(--mk-line);background:var(--mk-bg);color:var(--mk-muted);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:11.5px;line-height:1.2}.mk-chip.is-actif{background:var(--mk-accent-soft);color:var(--mk-ink);border-color:#0000;font-weight:600}.mock--sombre .mk-chip.is-actif,.motif--sombre .mk-chip.is-actif{background:var(--mk-accent)}.mk-chip.is-contour{border-color:var(--mk-text);color:var(--mk-text);font-weight:600}.mk-etapes{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.mk-etapes span{background:var(--mk-skel);border-radius:2px;height:4px}.mk-etapes span.is-faite{background:var(--mk-text)}.mk-note{border-left:3px solid var(--mk-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--mk-surface);color:var(--mk-muted);padding:9px 12px;font-size:11.5px;line-height:1.45}.mk-actions{align-items:center;gap:8px;padding-top:4px;display:flex}.mk-actions__note{color:var(--mk-muted);margin-right:auto;font-size:11px}.mk-btn{border-radius:var(--radius-sm);background:var(--mk-text);color:var(--mk-bg);white-space:nowrap;padding:7px 14px;font-size:11.5px;font-weight:600;line-height:1.2}.mk-btn--large{text-align:center;flex:1}.mk-btn--fantome{border:1px solid var(--mk-line);color:var(--mk-text);background:0 0}.mk-nuancier{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.mk-nuancier span{border-radius:var(--radius-sm);background:var(--c);border:1px solid var(--mk-line);height:36px}.mk-echelle{gap:7px;display:grid}.mk-echelle div{align-items:baseline;gap:10px;display:flex}.mk-echelle b{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1}.mk-echelle i{color:var(--mk-muted);font-size:10px;font-style:normal}.mk-coches{gap:9px;display:grid}.mk-coche{grid-template-columns:14px minmax(0,1fr);align-items:center;gap:10px;display:grid}.mk-coche:before{content:"";border:1px solid var(--mk-line);background:var(--mk-bg);border-radius:4px;width:14px;height:14px}.mk-coche.is-cochee:before{background:var(--mk-accent);border-color:#0000}.mk-wire{grid-template-columns:54px minmax(0,1fr);gap:10px;display:grid}.mk-wire__col,.mk-wire__bloc{border-radius:var(--radius-sm);background:var(--mk-skel)}.mk-wire__col .mk-barre{background:var(--mk-line)}.mk-wire__col .mk-barre--accent{background:var(--mk-accent)}.mk-wire__col{align-content:start;gap:6px;min-height:86px;padding:8px 7px;display:grid}.mk-wire__main{align-content:start;gap:8px;display:grid}.mk-wire__bloc{height:26px}.mk-wire__bloc--accent{background:var(--mk-accent-soft)}.mk-wire__duo{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mk-pensees{height:86px;position:relative}.mk-pensees span{background:var(--c);width:62px;height:52px;transform:rotate(var(--r,0deg));border-radius:4px;position:absolute}.mk-frise{gap:8px;display:grid}.mk-frise__piste{grid-auto-flow:column;grid-auto-columns:var(--parts,1fr);gap:5px;display:grid}.mk-frise__piste span{background:var(--mk-skel);border-radius:4px;height:16px}.mk-frise__piste span.is-plein{background:var(--mk-accent)}.mk-frise__piste span.is-demi{background:color-mix(in srgb, var(--mk-accent) 38%, var(--mk-bg))}.mk-frise__jours{letter-spacing:.06em;text-transform:uppercase;color:var(--mk-muted);text-align:center;grid-auto-columns:1fr;grid-auto-flow:column;gap:5px;font-size:9.5px;font-weight:600;display:grid}.motif{font-family:var(--font-body);color:var(--mk-text);height:var(--motif-h,13.5rem);background:var(--mk-surface);border-bottom:1px solid var(--mk-line);flex-direction:column;justify-content:center;gap:10px;padding:20px;font-size:12.5px;line-height:1.4;display:flex;overflow:hidden}.motif--sombre{background:var(--teal-900);border-bottom-color:var(--teal-800)}.motif__pied{letter-spacing:.08em;text-transform:uppercase;color:var(--mk-accent);margin-top:2px;font-size:9.5px;font-weight:600}.mk-ecrans{grid-template-columns:repeat(2,42px);justify-content:start;gap:10px;display:grid}.mk-ecrans span{border:1px solid var(--mk-line);background:var(--mk-bg);border-radius:6px;height:64px;display:block}.mk-ecrans span.is-valide{background:var(--mk-accent-soft);border-color:#0000}.mk-histo{grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:7px;height:58px;display:grid}.mk-histo span{height:var(--h,40%);background:var(--mk-skel);border-radius:3px 3px 0 0}.mk-histo span.is-accent{background:var(--mk-accent)}@media (width<=30rem){.mock__corps{gap:10px;padding:12px}.mk-champs{--cols:1}.motif{--motif-h:10.5rem;padding:16px}}
