/* ==========================================================================
   Jura-Start - home.css (accueil)
   ========================================================================== */

/* Manifeste : deux colonnes editoriales + stats */
.js-manifeste-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.js-manifeste-text { font-size: 1.12rem; color: var(--js-ink-soft); }
.js-manifeste-text p { margin-bottom: 1.1em; }
.js-manifeste-stats { display: flex; gap: 40px; margin-top: 36px; padding-top: 30px; border-top: 1px solid var(--js-line); }
.js-stat { display: flex; flex-direction: column; gap: 4px; }
.js-stat-val { font-family: var(--js-font-display); font-size: 3rem; line-height: 1; color: var(--js-amber-deep); }
.js-stat-lbl { font-size: 0.9rem; color: var(--js-ink-soft); max-width: 22ch; }

/* Prochains rendez-vous */
.js-home-events-list { display: grid; grid-template-columns: 1fr; gap: 18px; margin-top: 44px; }
@media (min-width: 880px) { .js-home-events-list { grid-template-columns: 1fr 1fr; } }

/* Piliers (fond sombre) */
.js-piliers-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2px; margin-top: 44px; background: var(--js-line-light); border: 1px solid var(--js-line-light); border-radius: var(--js-radius); overflow: hidden; }
.js-pilier { background: var(--js-night); padding: 40px 32px; display: flex; flex-direction: column; gap: 12px; transition: background 0.4s var(--js-ease); }
.js-pilier:hover { background: var(--js-night-soft); }
.js-pilier-num { font-family: var(--js-font-mono); font-size: 0.8rem; color: var(--js-amber); letter-spacing: 0.1em; }
.js-pilier-title { font-size: 1.45rem; color: var(--js-white); }
.js-pilier-desc { color: rgba(255, 255, 255, 0.72); font-size: 0.98rem; margin: 0; }

/* Annuaire teaser */
.js-annuaire-grid--teaser { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }

@media (max-width: 860px) {
  .js-manifeste-grid { grid-template-columns: 1fr; gap: 36px; }
  .js-manifeste-stats { gap: 28px; }
  .js-stat-val { font-size: 2.4rem; }
}