:root{
    --ink:#2e2926; --near-black:#1a1a1a; --cream:#f3f0eb;
    --taupe:#6b635c; --sand:#b8ad9d; --sand-light:#e4ded4; --grey:#d6d6d6;
    --font:var(--gh-font-body, 'Inter'), -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
    --maxw:1280px; --gutter:clamp(20px, 6vw, 120px);
    --t-hero:clamp(48px, 8.5vw, 100px);
    --t-h1:clamp(34px, 5.2vw, 70px);
    --t-h2:clamp(28px, 4vw, 47px);
    --t-stat:clamp(34px, 4.5vw, 60px);
    --t-body:clamp(16px, 1.35vw, 20px);
    --t-small:13px; --t-eyebrow:12px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
  body{margin:0;font-family:var(--font);font-weight:300;background:var(--cream);color:var(--ink);
    line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
  ::selection{background:var(--sand);color:var(--ink);}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);}

  section{padding:clamp(90px,12vw,180px) 0;}
  .tone-dark{background:var(--ink);color:var(--cream);}
  .tone-cream{background:var(--cream);color:var(--ink);}
  .tone-taupe{background:var(--taupe);color:var(--cream);}

  h1,h2,h3{font-weight:300;margin:0;letter-spacing:-.01em;line-height:1.04;font-family:var(--gh-font-heading, var(--font));}
  .display{font-size:var(--t-h1);line-height:1.02;}
  p{margin:0 0 1.1em;}
  strong{font-weight:500;}
  .lede{font-size:var(--t-body);max-width:54ch;}
  .muted{color:var(--taupe);}
  .tone-dark .lede{color:var(--sand-light);}
  .tone-dark .muted{color:var(--sand-light);}
  .tone-dark strong{color:var(--cream);}

  .cta{display:inline-block;font-size:var(--t-small);letter-spacing:.14em;text-transform:uppercase;
    font-weight:400;padding-bottom:6px;border-bottom:1px solid currentColor;
    transition:opacity .25s ease, letter-spacing .25s ease;}
  .cta:hover,.cta:focus-visible{opacity:.6;letter-spacing:.18em;}
  :focus-visible{outline:2px solid var(--sand);outline-offset:4px;}

  /* ============ NAV ============ */
  header{position:sticky;top:0;z-index:50;background:var(--ink);color:var(--cream);}
  .nav{display:flex;align-items:center;justify-content:space-between;height:64px;}
  .nav-links{display:flex;gap:clamp(14px,2vw,30px);list-style:none;margin:0;padding:0;}
  .nav-links a,.nav-contact{font-size:var(--t-eyebrow);text-transform:uppercase;letter-spacing:.1em;
    font-weight:400;opacity:.85;transition:opacity .2s ease;}
  .nav-links a:hover{opacity:1;}
  .nav-toggle{display:none;background:none;border:1px solid var(--sand);color:var(--cream);
    font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;cursor:pointer;}

  /* ============ HERO ============ */
  .hero{padding-top:clamp(80px,14vh,160px);padding-bottom:clamp(80px,12vh,150px);position:relative;}
  .hero-eyebrow{font-size:var(--t-eyebrow);color:var(--sand);font-weight:400;max-width:34ch;
    margin:0 0 clamp(40px,7vh,80px);line-height:1.5;}
  .hero h1{font-size:var(--t-hero);font-weight:300;line-height:.98;}
  .hero h1 span{display:block;}
  .hero-logo{font-size:clamp(28px,3.4vw,40px);font-weight:400;letter-spacing:-.01em;
    position:absolute;right:var(--gutter);bottom:clamp(80px,12vh,150px);}

  /* ============ MANIFESTE ============ */
  .manifeste p{font-size:clamp(22px,2.4vw,30px);font-weight:300;line-height:1.45;max-width:42ch;
    margin:0;color:var(--taupe);}
  .manifeste strong{color:var(--ink);}

  /* ============ CINQ REGARDS ============ */
  .regards h2{margin-bottom:clamp(50px,7vw,90px);}
  .regards-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:clamp(40px,6vw,90px);align-items:start;}            /* start = menu pinned, ne bouge plus */
  .hex-side{display:flex;gap:clamp(20px,3vw,40px);align-items:center;}
  .dim-tabs{display:flex;flex-direction:column;list-style:none;margin:0;padding:34px 0;
    background:var(--ink);align-self:center;}
  .dim-tabs button{all:unset;display:block;cursor:pointer;color:var(--sand);
    font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:400;
    padding:13px 28px;min-width:120px;transition:color .2s ease;}
  .dim-tabs button:hover{color:var(--cream);}
  .dim-tabs button[aria-selected="true"]{color:var(--cream);font-weight:600;}
  .hex-figure{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;}
  .hex-figure svg{width:100%;max-width:300px;height:auto;}
  .hex-figure svg *{stroke:var(--ink);stroke-width:1.4;fill:none;vector-effect:non-scaling-stroke;
    stroke-linejoin:round;}
  .regard-content{transition:min-height .2s ease;}
  .regard-content .q-text{font-size:clamp(20px,2.2vw,28px);font-weight:300;line-height:1.35;
    color:var(--taupe);max-width:22ch;margin:0 0 clamp(34px,4vw,56px);}
  .regard-content .q-word{font-weight:500;color:var(--ink);}
  .stats{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,48px);}
  .stat .num{font-size:var(--t-stat);font-weight:300;line-height:1;padding-bottom:14px;
    border-bottom:1px solid var(--ink);margin-bottom:18px;}
  .stat .cap{font-size:clamp(15px,1.2vw,17px);color:var(--taupe);font-weight:300;max-width:22ch;margin-bottom:14px;}
  .stat .src{font-size:12px;color:var(--ink);font-weight:500;letter-spacing:.01em;}

  /* ============ CINQ QUALITÉS ============ */
  .qualites h2{margin-bottom:24px;}
  .qualites .intro{font-size:var(--t-body);color:var(--taupe);max-width:60ch;margin-bottom:clamp(50px,6vw,80px);}
  .postures{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(28px,3vw,48px);}
  .posture p{font-size:16px;color:var(--taupe);margin:0;}
  .posture .pt{font-weight:500;color:var(--ink);}

  /* ============ BIG STAT ============ */
  .big-stat{display:flex;}
  .big-stat .bar{border-left:1px solid var(--sand);padding-left:clamp(24px,4vw,56px);max-width:40ch;}
  .big-stat .num{font-size:clamp(60px,9vw,110px);font-weight:300;line-height:1;margin-bottom:24px;}
  .big-stat p{font-size:var(--t-body);color:var(--sand-light);}
  .big-stat .src{font-size:12px;color:var(--sand);}

  /* ============ RESTE À LIRE ============ */
  .feature h2{margin-bottom:24px;}
  .feature .lede{margin-bottom:40px;}

  /* ============ CONFÉRENCE + PROPOS ============ */
  .conf h2{margin-bottom:24px;}
  .conf .lede{margin-bottom:clamp(50px,7vw,90px);max-width:60ch;}
  .conf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:clamp(40px,6vw,90px);align-items:start;}
  .propos p{font-size:16px;color:var(--sand-light);max-width:40ch;}
  .propos p + p{margin-top:26px;}
  .propos .pt{font-weight:500;color:var(--cream);}
  .conf-media{display:flex;flex-direction:column;align-items:flex-end;}
  .media{width:100%;background:var(--sand-light);overflow:hidden;display:flex;align-items:center;justify-content:center;}
  .media.photo{aspect-ratio:653/980;}
  .media.photo img{width:100%;height:100%;object-fit:cover;display:block;}
  .conf-media .cta{margin-top:28px;}

  /* ============ ÉCOSYSTÈME ============ */
  .eco h2{margin-bottom:24px;}
  .eco .lede{margin-bottom:clamp(50px,6vw,80px);}
  .group-label{font-size:14px;font-weight:300;color:var(--taupe);border-bottom:1px solid var(--sand);
    padding-bottom:14px;margin-bottom:8px;display:block;}
  .eco-group + .eco-group{margin-top:clamp(50px,6vw,80px);}
  .brand{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(20px,4vw,60px);
    padding:30px 0;border-top:1px solid var(--sand);align-items:baseline;}
  .eco-group .brand:first-of-type{border-top:none;}
  .brand .name{font-size:clamp(22px,2.4vw,30px);font-weight:300;}
  .brand .name sup{font-size:.5em;vertical-align:super;}
  .brand .desc{font-size:16px;color:var(--taupe);max-width:52ch;}
  .brand .desc .verb{color:var(--ink);font-weight:400;}

  /* ============ LE FIL ============ */
  .fil h2{margin-bottom:24px;}
  .fil .lede{margin-bottom:40px;}

  /* ============ CTA FINAL ============ */
  .final{text-align:center;}
  .final h2{font-size:var(--t-h1);margin-bottom:36px;}
  .final p{font-size:var(--t-body);color:var(--sand-light);max-width:36ch;margin:0 auto 44px;}
  .final .cta{border-color:var(--sand);}

  /* ============ FOOTER ============ */
  .footer-top{background:var(--taupe);color:var(--cream);padding:clamp(60px,9vw,120px) 0 clamp(40px,6vw,70px);}
  .founder{display:flex;justify-content:flex-end;align-items:center;gap:14px;font-size:11px;
    letter-spacing:.04em;margin-bottom:clamp(60px,10vw,140px);}
  .founder .badge{border:1px solid var(--cream);padding:8px 14px;letter-spacing:.18em;text-transform:uppercase;}
  .footer-top .tagline{font-size:clamp(24px,3.4vw,40px);font-weight:300;margin-bottom:14px;}
  .footer-top .tag-sub{font-size:16px;color:var(--sand-light);margin-bottom:40px;}
  .footer-top hr{border:none;border-top:1px solid var(--sand);margin:0 0 30px;}
  .clients-label{font-size:12px;letter-spacing:.02em;margin-bottom:18px;color:var(--cream);}
  .clients{font-size:14px;line-height:2;color:var(--sand-light);max-width:72ch;}
  .footer-brand{display:flex;flex-direction:column;align-items:flex-end;margin-top:clamp(40px,6vw,70px);}
  .footer-brand .logo{font-size:clamp(40px,6vw,80px);font-weight:400;line-height:1;}
  .footer-brand .sub{font-size:13px;color:var(--sand-light);}
  .footer-bar{background:var(--ink);color:var(--sand);padding:22px 0;}
  .footer-bar .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
  .footer-bar nav{display:flex;gap:clamp(14px,2vw,28px);flex-wrap:wrap;}
  .footer-bar nav a{font-size:11px;letter-spacing:.1em;text-transform:uppercase;}
  .footer-bar .legal{font-size:11px;color:var(--taupe);}
  .footer-bar .legal a{margin-right:20px;}
  .soc{display:flex;gap:14px;}
  .soc a{width:22px;height:22px;border:1px solid var(--taupe);border-radius:50%;
    display:flex;align-items:center;justify-content:center;font-size:10px;}

  /* ============ RESPONSIVE ============ */
  @media (max-width:860px){
    .nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:var(--ink);
      flex-direction:column;gap:0;padding:10px var(--gutter) 24px;}
    .nav-links.open{display:flex;}
    .nav-links a{padding:12px 0;font-size:13px;}
    .nav-toggle{display:block;}
    .regards-grid,.conf-grid,.brand{grid-template-columns:1fr;}
    .hero-logo{position:static;display:block;margin-top:40px;padding:0 var(--gutter);}
    .hex-side{flex-direction:column;align-items:center;}
    .dim-tabs{flex-direction:row;flex-wrap:wrap;align-self:stretch;padding:0;}
    .dim-tabs button{flex:1;text-align:center;min-width:auto;padding:14px 8px;}
    .conf-media{order:-1;align-items:stretch;}
    .conf-media .cta{align-self:flex-start;}
    .regard-content{min-height:0 !important;}     /* en colonne unique, pas de hauteur figée */
  }
  @media (max-width:480px){.stats{grid-template-columns:1fr;}}

/* ===== Contenu éditeur Ghost (blog/pages) ===== */
.post-content{max-width:46rem;margin:0 auto;font-size:var(--t-body);color:var(--ink);}
.post-content img{max-width:100%;height:auto;}
.post-content .kg-width-wide{width:min(85vw,1000px);max-width:none;margin-left:50%;transform:translateX(-50%);}
.post-content .kg-width-full{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%);}
.archive .post-card{padding:30px 0;border-top:1px solid var(--sand);}
.archive .post-card-title{font-size:clamp(20px,2vw,28px);font-weight:300;}
.archive .post-card-excerpt{color:var(--taupe);}
.archive .post-card-date{font-size:12px;color:var(--sand);}


/* =====================================================================
   LE FIL — liste d'articles + archives de tags
   ===================================================================== */
.fil-archive h1.display{margin-bottom:clamp(50px,7vw,90px);}
.fil-archive .lede{margin-top:-30px;margin-bottom:clamp(40px,5vw,70px);}

.fil-layout{display:grid;grid-template-columns:140px minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start;}
.fil-filters{background:var(--ink);}
.fil-filters ul{list-style:none;margin:0;padding:28px 0;}
.fil-filters a{display:block;color:var(--sand);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;font-weight:400;padding:13px 24px;transition:color .2s ease;}
.fil-filters a:hover,.fil-filters a:focus-visible{color:var(--cream);}

.fil-top{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.fil-featured{padding-right:clamp(20px,3vw,46px);}
.fil-side{padding-left:clamp(20px,3vw,46px);border-left:1px solid var(--sand);}
.fil-side .card + .card{margin-top:clamp(28px,4vw,48px);}

/* cartes */
.card-link{display:block;color:inherit;}
.card-media{position:relative;background:var(--sand-light);overflow:hidden;}
.card-featured .card-media{aspect-ratio:1/1;}
.card-side .card-media,.card-related .card-media{aspect-ratio:16/10;}
.card-media img{width:100%;height:100%;object-fit:cover;display:block;}
.card-media.is-empty{display:flex;align-items:center;justify-content:center;}
.card-media .ph{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe);}
.card-tags{position:absolute;top:14px;left:14px;display:flex;gap:6px;z-index:1;}
.tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:var(--cream);
  color:var(--ink);padding:5px 9px;line-height:1;}
.card-title{font-size:clamp(22px,2.1vw,30px);font-weight:300;line-height:1.1;margin:20px 0 0;letter-spacing:-.01em;}
.card-excerpt{font-size:15px;color:var(--taupe);font-weight:300;margin:12px 0 0;max-width:46ch;}
.card-cta{display:inline-block;margin-top:16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  border-bottom:1px solid currentColor;padding-bottom:4px;transition:opacity .2s ease;}
.card-link:hover .card-cta{opacity:.6;}

/* lignes texte (4e article et suivants) */
.fil-rows-spacer{}
.card-row{padding:clamp(28px,4vw,46px) 0;border-top:1px solid var(--sand);}
.card-row:first-of-type{margin-top:clamp(40px,5vw,70px);}
.card-row .card-tags{position:static;margin-bottom:18px;}
.card-row .card-excerpt{max-width:90ch;}

/* pagination */
.fil-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:clamp(40px,5vw,70px);}
.fil-pager-count{font-size:12px;letter-spacing:.05em;color:var(--taupe);margin-right:8px;}
.fil-pager-btn{width:46px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--ink);color:var(--cream);font-size:15px;transition:opacity .2s ease;}
.fil-pager-btn:hover{opacity:.8;}
.fil-pager-btn.is-disabled{opacity:.3;pointer-events:none;}

/* nav active */
.nav-links a.is-active{opacity:1;font-weight:500;}

/* =====================================================================
   ARTICLE — page de détail
   ===================================================================== */
.post{padding:clamp(90px,12vw,180px) 0;}
.post-title{margin-bottom:clamp(36px,5vw,64px);}
.post-media{position:relative;aspect-ratio:16/9;background:var(--sand-light);overflow:hidden;
  margin-bottom:clamp(44px,6vw,84px);}
.post-media img{width:100%;height:100%;object-fit:cover;display:block;}
.post-media.is-empty{display:flex;align-items:center;justify-content:center;}
.post-media .ph{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe);}

.post-content{max-width:none;margin:0 0 0 clamp(0px,14%,200px);
  font-size:var(--t-body);line-height:1.6;color:var(--ink);font-weight:300;}
.post-content > *:first-child{margin-top:0;}
.post-content p{margin:0 0 1.4em;}
.post-content h2,.post-content h3,.post-content h4{font-weight:400;line-height:1.2;margin:1.8em 0 .6em;letter-spacing:-.01em;}
.post-content a{border-bottom:1px solid var(--sand);}
.post-content blockquote{margin:1.6em 0;padding-left:24px;border-left:2px solid var(--sand);color:var(--taupe);}
.post-content figure{margin:2em 0;}
.post-content figcaption{font-size:13px;color:var(--taupe);margin-top:8px;text-align:center;}

/* blocs personnalisés à coller dans le contenu (HTML card) — voir README */
.post-content .mco-stat{border-left:1px solid var(--sand);padding-left:clamp(20px,3vw,38px);
  margin:clamp(34px,4vw,54px) 0;max-width:36rem;}
.post-content .mco-stat .num{font-size:clamp(40px,5vw,60px);font-weight:300;line-height:1;margin-bottom:14px;}
.post-content .mco-stat p{color:var(--taupe);margin:0 0 .6em;}
.post-content .mco-stat .src{font-size:12px;color:var(--sand);}
.post-content .mco-resources{background:var(--taupe);color:var(--cream);padding:clamp(24px,3vw,38px);
  max-width:380px;margin:clamp(34px,4vw,54px) 0 clamp(34px,4vw,54px) auto;}
.post-content .mco-resources h3{font-size:14px;font-weight:400;margin:0 0 16px;}
.post-content .mco-resources p{font-size:13px;color:var(--sand-light);margin:0 0 12px;line-height:1.5;}
.post-content .mco-resources strong{color:var(--cream);font-weight:500;}
/* cartes éditeur Ghost (Koenig) */
.post-content .kg-callout-card{background:var(--sand-light);padding:24px;display:flex;gap:14px;}

/* pied d'article */
.post-foot{margin:clamp(50px,6vw,80px) 0 0 clamp(0px,14%,200px);}
.post-author{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:22px;}
.post-author .avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--ink);}
.post-author .author-name{font-size:13px;color:var(--ink);}
.post-actions{display:flex;align-items:center;justify-content:space-between;
  border-top:1px solid var(--sand);padding-top:24px;}
button.cta{font-family:inherit;background:none;border:0;border-bottom:1px solid currentColor;
  color:inherit;cursor:pointer;padding:0 0 6px;}

/* articles liés */
.related{padding-top:0;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,40px);}
.card-related .card-media{aspect-ratio:1/1;}

/* =====================================================================
   RESPONSIVE — blog
   ===================================================================== */
@media (max-width:860px){
  .fil-layout{grid-template-columns:1fr;}
  .fil-filters ul{display:flex;flex-wrap:wrap;padding:0;}
  .fil-filters a{padding:12px 16px;}
  .fil-top{grid-template-columns:1fr;}
  .fil-featured{padding-right:0;}
  .fil-side{padding-left:0;border-left:0;margin-top:clamp(28px,5vw,48px);}
  .post-content,.post-foot{margin-left:0;}
  .post-content .mco-resources{margin-left:0;max-width:none;}
  .related-grid{grid-template-columns:1fr;gap:clamp(28px,6vw,48px);}
}