:root{--black:#0b0b0b;--graphite:#141414;--ink:#1f1f1f;--gold:#D4AF37;--white:#f5f5f5;--muted:#b9b9b9}
*{box-sizing:border-box}
html,body{margin:0;background:var(--black);color:var(--white);font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--gold);text-decoration:none}
.container{max-width:1160px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:50;background:rgba(11,11,11,.85);backdrop-filter:blur(6px);border-bottom:1px solid #232323}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;align-items:center;gap:.75rem}
.logo{width:36px;height:36px;border-radius:12px;background:radial-gradient(120px 60px at 30% 30%,rgba(212,175,55,.35),transparent 35%),linear-gradient(145deg,#1a1a1a,#0b0b0b);border:1px solid #2a2a2a;box-shadow:0 0 0 1px rgba(212,175,55,.15) inset}
.brand h1{font-family:"Playfair Display",serif;font-size:1.05rem;letter-spacing:.5px;margin:0;font-weight:700}
nav ul{display:flex;gap:1.2rem;list-style:none;margin:0;padding:0}
nav a{font-weight:600;color:#dedede;position:relative;display:inline-block;padding:.2rem 0}
nav a::after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:0;background:linear-gradient(90deg,var(--gold),rgba(212,175,55,.3));transition:width .28s ease}
nav a:hover::after, nav a.active::after{width:100%}
.nav a.active{color:var(--gold)}
.cta{display:inline-flex;gap:.6rem;align-items:center;background:linear-gradient(180deg,#caa53a,#b99225);border:1px solid #c6a13b;color:#0d0d0d;font-weight:800;padding:.75rem 1.05rem;border-radius:12px;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 8px 28px rgba(212,175,55,.15)}
.cta--ghost{background:transparent;border:1px solid rgba(212,175,55,.4);color:var(--gold)}
section{padding:64px 0;border-top:1px solid var(--ink)}
.section-title{font-family:"Playfair Display",serif;font-size:1.9rem;margin:0 0 .8rem}
.lead{max-width:70ch;color:#d8d8d8}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.card{background:linear-gradient(180deg,#151515,#0f0f0f);border:1px solid #202020;border-radius:18px;padding:1.2rem;box-shadow:0 10px 28px rgba(0,0,0,.35)}
.kicker{color:var(--gold);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:.8rem}
.h1{font-family:"Playfair Display",serif;font-size:clamp(2rem,5vw,3.4rem);line-height:1.06;margin:.6rem 0 1rem;font-weight:900}
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-20%;background:radial-gradient(70% 55% at 65% 40%,rgba(212,175,55,.08),transparent 60%),radial-gradient(40% 30% at 20% 70%,rgba(212,175,55,.05),transparent 60%),conic-gradient(from 210deg at 80% -10%,rgba(212,175,55,.18),transparent 25%);filter:blur(28px);opacity:.9;pointer-events:none}
.hero .inner{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;padding:86px 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card-article{background:linear-gradient(180deg,#161616,#0f0f0f);border:1px solid #232323;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.card-article .thumb{height:180px;background:#0f0f0f}
.card-article .body{padding:1rem}
.card-article h5{margin:.1rem 0 .4rem;font-family:"Playfair Display",serif;font-size:1.05rem}
.meta{font-size:.88rem;color:#bdbdbd;margin-top:.4rem}
.actions{display:flex;gap:.6rem;flex-wrap:wrap;padding:0 1rem 1rem}
@media (max-width: 920px){nav ul{display:none}.hero .inner{grid-template-columns:1fr;gap:2rem;padding:64px 0}.two-col{grid-template-columns:1fr}.cards{grid-template-columns:1fr}}
/* LinkedIn thumbnails */
.cards .card-article:nth-of-type(1) .thumb{background-image:url('assets/management-toxique.jpg');background-size:cover;background-position:center}
.cards .card-article:nth-of-type(2) .thumb{background-image:url('assets/100-dirigeants.jpg');background-size:cover;background-position:center}
.cards .card-article:nth-of-type(3) .thumb{background-image:url('assets/ex-president-prison.jpg');background-size:cover;background-position:center}
.cards .card-article:nth-of-type(4) .thumb{background-image:url('assets/perdre-gagner.jpg');background-size:cover;background-position:center}
.cards .card-article:nth-of-type(5) .thumb{background-image:url('assets/novlangue-manageriale.jpg');background-size:cover;background-position:center}
.cards .card-article:nth-of-type(6) .thumb{background-image:url('assets/7-techniques-patron.jpg');background-size:cover;background-position:center}
/* Medium thumbnails in list */
#medium-feed ul li{position:relative;padding-left:58px;min-height:48px}
#medium-feed ul li::before{content:"";position:absolute;left:0;top:0;width:48px;height:48px;border-radius:8px;background:#1a1a1a;border:1px solid #2a2a2a}
#medium-feed ul li:nth-child(1)::before{background-image:url('assets/manipulateurs-invisibles.jpg');background-size:cover;background-position:center}
#medium-feed ul li:nth-child(2)::before{background-image:url('assets/tete-predateur.jpg');background-size:cover;background-position:center}
#medium-feed ul li:nth-child(3)::before{background-image:url('assets/fabrique-monstres.jpg');background-size:cover;background-position:center}
#medium-feed ul li:nth-child(4)::before{background-image:url('assets/anatomie-vide.jpg');background-size:cover;background-position:center}
#medium-feed ul li:nth-child(5)::before{background-image:url('assets/syndrome-dieu-mort.jpg');background-size:cover;background-position:center}
footer{border-top:1px solid #1f1f1f;padding:38px 0;color:#cfcfcf}
.footgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}
.small{font-size:.92rem}