:root{
  --night:#0B1F3A; --ink:#08182E; --slate:#1C3454;
  --gold:#C9A24B; --gold-soft:#E3C77E; --ivory:#F7F5F0;
  --anthracite:#1A2230; --muted:#5A6577; --pearl:#E2E0DA;
  --success:#3F7D63; --amber:#B4781F; --error:#9B2C2C;
  --r-sm:4px; --r:8px; --r-lg:14px;
}

body{ font-family:'Inter',sans-serif; }
.font-serif{ font-family:'Lora',serif; }
.font-display{ font-family:'Cormorant Garamond','Lora',serif; letter-spacing:-0.01em; }
.tabular-nums{ font-variant-numeric:tabular-nums; }

/* Grain subtil pour le hero (SVG fractal noise inline) */
.hero-grain{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
}

/* Carte : élévation douce au survol */
.card-hover{ transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease, border-color .35s ease; }
.card-hover:hover{ transform:translateY(-4px); box-shadow:0 18px 50px -12px rgba(8,24,46,.22); border-color:rgba(201,162,75,.45); }

/* Filet d'or dégradé */
.gold-rule{ width:56px; height:2px; background:linear-gradient(90deg,var(--gold),var(--gold-soft)); border-radius:2px; }

/* Filet d'or vertical */
.gold-rule-v{ width:2px; background:var(--gold); border-radius:2px; }

/* Animated gold underline (hero) */
.gold-line-draw{ position:relative; }
.gold-line-draw::after{
  content:''; position:absolute; left:0; bottom:-10px; height:2px; background:var(--gold);
  width:0; transition:width 1.2s cubic-bezier(.16,1,.3,1);
}
.gold-line-draw.is-drawn::after{ width:120px; }

.line-clamp-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.line-clamp-3{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* Reveal base (GSAP toggles via JS; fallback visible si pas de JS) */
.reveal{ opacity:1; }
.gsap-ready .reveal{ opacity:0; transform:translateY(24px); }

/* Leaflet */
.leaflet-container{ font-family:'Inter',sans-serif; border-radius:var(--r-lg); }
.leaflet-popup-content-wrapper{ border-radius:10px; }
.tj-marker{ background:var(--night); color:#fff; border:2px solid var(--gold); border-radius:999px;
  padding:4px 10px; font-weight:600; font-size:12px; box-shadow:0 4px 12px rgba(8,24,46,.35); white-space:nowrap; }

/* Stepper */
.step-dot{ transition:all .35s ease; }

/* Slot button */
.slot-btn{ transition:all .15s ease; }

/* Confirmation check anim */
@keyframes pop{ 0%{transform:scale(.4);opacity:0} 60%{transform:scale(1.12)} 100%{transform:scale(1);opacity:1} }
.check-pop{ animation:pop .6s cubic-bezier(.16,1,.3,1) both; }

/* Prose for articles */
.prose-tj h2{ font-family:'Lora',serif; font-weight:600; font-size:1.4rem; color:var(--night); margin:1.6rem 0 .7rem; }
.prose-tj p{ margin:0 0 1rem; line-height:1.75; color:var(--anthracite); }
.prose-tj em{ color:var(--muted); font-size:.92em; }

:focus-visible{ outline:2px solid var(--gold); outline-offset:2px; border-radius:3px; }

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
  .gsap-ready .reveal{ opacity:1 !important; transform:none !important; }
  .gold-line-draw::after{ width:120px !important; transition:none; }
}