/* ============================================================
   AADOE27 — SYSTÈME "OR VERT ÉQUATORIAL" v3
   Le blanc domine. Le vert et l'or sont des accents.
   La texture signature est le DAMIER VERT (le carrelage au sol
   dans les visuels de l'événement) — utilisé en bandes fines,
   jamais en aplat plein.
   Titres : Fraunces (display, avec italique) · Texte : Inter
   ============================================================ */

:root{
  --okoume:#0F3A24;
  --foret:#1C5A38;
  --or:#C09A3E;
  --champagne:#D8BE74;
  --blanc:#FFFFFF;
  --neige:#FAFBF9;
  --ink:#12180F;
  --muted:#5c6b62;
  --serif:'Fraunces', Georgia, serif;
  --sans:'Inter', system-ui, -apple-system, sans-serif;
  --mono:'DM Mono', ui-monospace, 'Courier New', monospace;
  --shadow-sm:0 8px 26px rgba(15,58,36,.10);
  --shadow-md:0 24px 56px rgba(15,58,36,.16);
  --shadow-lg:0 40px 90px rgba(15,58,36,.24);
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--blanc);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1280px;margin:0 auto;padding:0 5%}
h1,h2,h3{font-family:var(--serif);font-optical-sizing:auto;font-weight:460;line-height:1.02;letter-spacing:-.01em;color:var(--okoume)}
em{font-style:italic;font-weight:400;color:var(--or)}

/* ===== DAMIER VERT — motif signature (carrelage au sol) =====
   Bandes fines uniquement — jamais un fond de section entier. */
.checker{
  background:
    conic-gradient(var(--okoume) 90deg, var(--foret) 90deg 180deg, var(--okoume) 180deg 270deg, var(--foret) 270deg)
    0 0/46px 46px;
}
.checker-gold{
  background:
    conic-gradient(var(--or) 90deg, var(--champagne) 90deg 180deg, var(--or) 180deg 270deg, var(--champagne) 270deg)
    0 0/46px 46px;
}
.checker-band{height:72px;position:relative}
.checker-band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 30%,transparent 70%,rgba(0,0,0,.18))}
@media(max-width:700px){.checker-band{height:44px}.checker,.checker-gold{background-size:30px 30px}}

/* ===== EYEBROW / KICKER ===== */
.eyebrow{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--or);display:inline-block}
.eyebrow.on-dark{color:var(--champagne)}

/* ===== BOUTONS ===== */
.btn{font-family:var(--sans);font-size:15px;font-weight:600;padding:16px 30px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:transform .25s var(--ease), box-shadow .3s ease, background .2s ease, color .2s ease;cursor:pointer;border:none;white-space:nowrap}
.btn-or{background:var(--okoume);color:var(--blanc);box-shadow:0 10px 28px rgba(15,58,36,.28)}
.btn-or:hover{background:var(--foret);transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,58,36,.36)}
.btn-gold{background:linear-gradient(135deg,var(--or),var(--champagne));color:var(--okoume);box-shadow:0 10px 28px rgba(192,154,62,.35)}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(192,154,62,.45)}
.btn-ghost{border:1.5px solid rgba(15,58,36,.28);color:var(--okoume);background:transparent}
.btn-ghost:hover{border-color:var(--okoume);background:var(--okoume);color:var(--blanc)}
.btn-ghost-light{border:1.5px solid rgba(255,255,255,.7);color:var(--blanc);background:rgba(15,58,36,.1);backdrop-filter:blur(6px)}
.btn-ghost-light:hover{border-color:var(--champagne);color:var(--champagne)}
.btn-block{width:100%;justify-content:center}
.btn-lg{padding:19px 38px;font-size:16px}
.btn:active{transform:translateY(0) scale(.98)}
.btn-circle{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid rgba(15,58,36,.2);background:var(--blanc);color:var(--okoume);cursor:pointer;transition:all .25s var(--ease);flex-shrink:0}
.btn-circle:hover{background:var(--okoume);color:var(--blanc);border-color:var(--okoume);transform:scale(1.06)}
.btn-circle svg{width:18px;height:18px}

/* ===== NAV ===== */
header.site-header{position:fixed;top:0;left:0;right:0;z-index:80;background:transparent;transition:background .35s ease, box-shadow .35s ease, backdrop-filter .35s ease;padding:0}
header.site-header.solid{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 2px 24px rgba(15,58,36,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand img{height:42px;width:auto}
.brand .bt{font-family:var(--serif);font-size:20px;color:var(--blanc);transition:color .3s;line-height:1.1}
.solid .brand .bt{color:var(--okoume)}
.brand .bt small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);font-weight:500}
.solid .brand .bt small{color:var(--muted)}
.site-nav{display:flex;align-items:center;gap:2px}
.site-nav a{font-size:13.5px;font-weight:500;color:rgba(255,255,255,.92);text-decoration:none;padding:10px 14px;border-radius:7px;transition:background .15s,color .15s}
.solid .site-nav a{color:var(--ink)}
.site-nav a:hover,.site-nav a.active{color:var(--champagne)}
.solid .site-nav a:hover,.solid .site-nav a.active{color:var(--okoume);background:rgba(15,58,36,.07)}
.site-nav .nav-cta{color:var(--blanc)!important;background:var(--okoume);padding:11px 22px;border-radius:7px;margin-left:8px}
.site-nav .nav-cta:hover{background:var(--foret)!important}
.burger{display:none;background:none;border:0;cursor:pointer;padding:8px;z-index:90}
.burger span{display:block;width:24px;height:2px;background:var(--blanc);margin:5px 0;border-radius:2px;transition:.25s}
.solid .burger span{background:var(--okoume)}
.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:960px){
  .burger{display:block}
  .site-nav{position:fixed;top:0;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--blanc);padding:26px 22px;gap:0;transform:translateY(-140%);transition:transform .35s var(--ease);box-shadow:0 22px 44px rgba(15,58,36,.16);max-height:100vh;overflow-y:auto}
  .site-nav.open{transform:translateY(0)}
  .site-nav a{color:var(--okoume)!important;padding:16px 8px;font-size:17px;border-bottom:1px solid rgba(15,58,36,.08)}
  .site-nav .nav-cta{display:block;margin:14px 0 0;text-align:center;border-bottom:none}
}

/* ===== SECTIONS ===== */
section{padding:100px 0}
@media(max-width:760px){section{padding:64px 0}}
.section-head h2{font-size:clamp(30px,4.2vw,50px)}
.section-head p{font-size:16px;color:var(--muted);margin-top:12px;line-height:1.65}

/* ===== CARTES ===== */
.card{background:var(--blanc);border:1px solid rgba(15,58,36,.08);border-radius:14px;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease), box-shadow .35s var(--ease)}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.tilt{transform-style:preserve-3d;will-change:transform}

/* ===== REVEAL AU SCROLL ===== */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease), transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}}

/* ===== FOOTER ===== */
footer.site-footer{background:var(--okoume);color:rgba(255,255,255,.72)}
footer.site-footer .foot{padding:56px 0 30px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-start}
footer.site-footer .fb{font-family:var(--serif);font-size:22px;color:var(--blanc);display:flex;align-items:center;gap:10px}
footer.site-footer .fb img{height:34px}
footer.site-footer a{color:var(--champagne);text-decoration:none}
footer.site-footer a:hover{text-decoration:underline}
footer.site-footer .cols{display:flex;gap:56px;flex-wrap:wrap}
footer.site-footer h4{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--champagne);margin-bottom:12px}
footer.site-footer ul{list-style:none;display:grid;gap:9px;font-size:13.5px}
footer.site-footer .bottom{padding:20px 0 26px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:rgba(255,255,255,.45)}

/* ===== STICKY CTA MOBILE ===== */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:70;background:rgba(15,58,36,.97);backdrop-filter:blur(10px);padding:12px 16px;display:none;align-items:center;justify-content:center;box-shadow:0 -8px 24px rgba(0,0,0,.15)}
@media(max-width:760px){.sticky-cta{display:flex}body{padding-bottom:70px}}

/* ===== UTILITAIRES ===== */
.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:var(--blanc);padding:7px 16px 7px 7px;border-radius:30px;font-size:12.5px;font-weight:500;backdrop-filter:blur(6px)}
.pill.light{background:rgba(15,58,36,.05);border-color:rgba(15,58,36,.18);color:var(--okoume)}
.flag{width:28px;height:19px;border-radius:3px;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.num-tag{font-family:var(--serif);font-size:clamp(30px,4vw,44px);color:var(--or);line-height:1}